图标系统 描边 SVG iconsvg.xyz Chris Coyier 于 2019 年 2 月 25 日 DigitalOcean 为您的旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分! Gaddafi Rusli 的 ICONSVG 非常棒。 它提供内联 <svg>,这是交付图标最通用的方式,并且 可能是使用它们的最佳方式。每个图标都是一小段 SVG 代码,我敢打赌它们都是手工 压缩 的。 它们都是基于描边的,因此可以根据需要加粗或细化。 可以调整 stroke-linecap 和 stroke-linejoin 属性,这为使它们的边缘更锐利或更圆提供了机会。我经常发现一些与我想要的东西很接近的图标,但粗细不合适,或者边缘要么太锐利要么太圆。这种快速简便的配置非常棒。 直接链接 →
不错的图标集。
一个问题
如果您使用
<use>
将 SVG 的主要颜色应用于stroke
而不是fill
,我们如何使用 CSS 更改图标的颜色而不将描边应用于周围的框?抱歉,我刚意识到我在(像 Material 图标中的
<path d="M0 0h24v24H0z" fill="none"/>
一样)在图标周围留下了通常的空容器框,而不是只使用 iconsvg.xyz 提供的内容,从而弄乱了事情。删除它解决了问题。