1. 利用 svgr 加载处理 SVG 格式
  2. 导入
import CloudSVG from "/public/img/application/panel/cloud.svg";
  1. 使用这个 SVG 组件直接添加 fill 属性,改变 SVG 的颜色
<CodeSVG fill="#404a59" />
  1. 如果没有作用的话,检查 SVG 文件
    1. 注意将 fill 改为 current
      1 - 1 fill to current
    2. path上如果有 fill 属性的话,可以将其删除
      1 - 2 delete fill
  2. 如果是 stroke 的话,用 currentColor
<svg width="20" height="17" viewBox="0 0 20 17" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
    <path clip-rule="evenodd" d="M2.636 1.545h14.727c.904 0 1.637.733 1.637 1.637v10.636c0 .904-.733 1.636-1.636 1.636H2.636A1.635 1.635 0 0 1 1 13.818V3.182c0-.904.733-1.637 1.636-1.637z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="m1.12 2.575 7.693 5.503a2 2 0 0 0 2.325.002l7.738-5.519" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

<Email stroke="red" />

原文地址:https://blog.csdn.net/YopenLang/article/details/125317423

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_44428.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注