它是什么
全部是纯矢量 SVG——放大不糊、体积极小、能用 CSS 直接改颜色。
单色图标靠 fill="currentColor" 跟随文字色,是放进按钮和导航最省事的素材。
两份参考资料放在一起:左边是整站的目录地图,每个文件干什么用;
右边是 /asset/icon 里 598 枚矢量图标的索引,点一下就复制引用路径。
网站根目录下的每一条路径。点击文件夹可展开 / 收起,点文件复制它的绝对路径。
598 枚 SVG,来自 Ant Design 官方图标库(iconfont 集合 cid=9402,整理者「竹尔」,非原创)。 点任意一枚复制它的引用代码。
没找到这个名字的图标,换个词试试。
这些图标的格式、怎么引用、怎么上色,以及本平台的几条硬规则。
全部是纯矢量 SVG——放大不糊、体积极小、能用 CSS 直接改颜色。
单色图标靠 fill="currentColor" 跟随文字色,是放进按钮和导航最省事的素材。
三种常见用法,从简到繁:
<img src="/asset/icon/home.svg" width="20" alt="">currentColor 改色,也能换 stroke。
图标少的时候用它。background-image:url(/asset/icon/search.svg),适合做装饰性或 input 里的图标。-fill 后缀 = 实心版本,不带则是描边 / 线性版本,成对出现。-circle-fill / -square-fill = 品牌图标带圆形或方形底。account_book)多见于较老的图标,连字符(arrow-down)是主流写法,搜索时两种都试试。按站点规范,有两条不能碰: