svg-icon改颜色

<svg t="1684998934736" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5056" width="200" height="200"><path d="M735.342 658.527c-51.84 0-94.018 42.192-94.018 94.032 0 51.849 42.178 94.042 94.018 94.042 51.854 0 94.032-42.192 94.032-94.042 0-51.84-42.178-94.032-94.032-94.032zM735.342 798.144c-25.134 0-45.577-20.452-45.577-45.586 0-25.125 20.442-45.577 45.577-45.577 25.139 0 45.591 20.452 45.591 45.577 0 25.134-20.452 45.586-45.591 45.586zM983.952 703.431c-3.529-18.62-15.476-30.656-30.818-30.656l-2.128 0c-29.348 0-53.241-23.878-53.241-53.222 0-7.706 3.37-17.173 4.65-20.14 7.266-16.367 1.673-36.452-14.475-47.635l-62.249-34.467c-4.878-2.105-10.149-3.181-15.671-3.181-11.276 0-22.417 4.595-29.798 12.245-7.757 7.993-28.352 24.489-42.539 24.489-14.317 0-35.042-16.817-42.813-24.93-7.418-7.84-18.662-12.523-30.063-12.523-5.462 0-10.655 1.043-15.319 3.06l-1.163 0.477-63.348 34.792-1.507 0.974c-14.725 10.247-20.349 30.323-13.131 46.545 0.482 1.159 4.716 11.461 4.716 20.294 0 29.344-23.887 53.222-53.25 53.222l-2.481 0c-14.968 0-26.926 12.037-30.452 30.675-0.538 2.865-5.253 28.612-5.253 49.425 0 20.822 4.716 46.564 5.253 49.457 3.526 18.615 15.473 30.652 30.823 30.652l2.105 0c29.362 0 53.255 23.883 53.255 53.222 0 7.706-3.37 17.173-4.65 20.145-7.256 16.343-1.683 36.41 14.41 47.631l61.076 34.031c4.868 2.114 10.14 3.208 15.676 3.208 11.48 0 22.742-4.804 30.1-12.829 7.521-8.165 28.881-26.047 43.471-26.047 14.744 0 35.863 17.92 43.759 26.581 7.409 8.165 18.745 13.033 30.318 13.033 5.443 0 10.627-1.043 16.927-3.834l61.753-34.119 1.479-0.979c14.707-10.223 20.317-30.28 13.107-46.522-0.482-1.163-4.716-11.461-4.716-20.299 0-29.339 23.891-53.222 53.241-53.222l2.452 0c14.999 0 26.961-12.037 30.475-30.606 0.046-0.26 5.267-27.606 5.267-49.504 0-20.813-4.711-46.559-5.248-49.443zM937.677 785.398c-50.143 6.561-88.347 49.378-88.347 100.806 0 11.874 2.865 23.15 5.388 30.782l-44.561 24.634c-4.006-3.927-10.4-9.811-18.323-15.685-19.696-14.614-38.775-22.051-56.69-22.051-17.767 0-36.693 7.293-56.268 21.638-7.808 5.74-14.137 11.434-18.207 15.379l-42.595-23.831c2.527-7.645 5.415-18.991 5.415-30.865 0-51.428-38.195-94.245-88.343-100.806-1.284-8.3-3.083-21.829-3.083-32.525 0-10.743 1.79-24.234 3.083-32.511 50.138-6.565 88.343-49.392 88.343-100.81 0-11.842-2.865-23.113-5.383-30.749l45.994-25.241c3.992 3.756 10.395 9.408 18.263 15.008 19.311 13.765 37.931 20.752 55.322 20.752 17.22 0 35.682-6.853 54.863-20.363 7.803-5.481 14.123-10.96 18.147-14.697l44.042 24.472c-2.522 7.641-5.402 18.945-5.402 30.818 0 51.427 38.19 94.245 88.334 100.81 1.313 8.448 3.097 21.912 3.097 32.52-0.001 10.678-1.78 24.1-3.088 32.515zM97.657 923.078l0-53.25c0-181.054 139.622-330.267 317.506-347.084l-0.077-0.037c0 0 0.179 0 0.464 0.009 10.905-1.025 21.937-1.599 33.106-1.599 1.681 0 3.338 0.093 5.012 0.112 39.34-3.051 98.868-12.294 129.979-40.063l15.226-11.867c59.477-46.446 93.592-115.835 93.592-190.362 0-133.547-109.388-242.188-243.856-242.188s-243.855 108.641-243.855 242.187c0 74.528 34.117 143.917 93.593 190.362l15.221 11.867-17.935 7.121c-158.446 62.908-260.828 212.669-260.828 381.543l0 84.402c0 17.182 14.088 31.162 31.421 31.162l459.157 0c-14.948-19.144-27.689-40.027-37.988-62.314l-389.736 0zM267.606 278.935c0-99.188 81.193-179.878 181.001-179.878 99.806 0 181.013 80.69 181.013 179.878 0 99.189-81.207 179.876-181.013 179.876-99.808-0.001-181.001-80.686-181.001-179.876z" fill="currentColor" p-id="5057"></path></svg>

将fill属性的颜色填充值,

fill=“#0F6EFF”

改为

fill=“currentColor”

然后在当前页面设置颜色

.svg{
	color: #fff;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值