访问官网
Github
文档Material Line 图标
有许多图标集是按照 Material Design 指南设计的。你可以找到任何你需要的图标。
这个图标集与众不同：
- 图标使用 SVG 动画制作。无需 CSS 或 JavaScript。
- 它遵循官方 Material Design 图标集中"圆形"和"双色"图标所使用的指南。
- 在适当的情况下，有时会使用 1 像素的细线。
你可以在 https://icon-sets.iconify.design/line-md/ 浏览所有图标。
点击任何图标即可获取可在项目中使用的代码。
图标请求
如果你喜欢这个图标集，但缺少你需要的图标，请在仓库中提出问题。
SVG 动画级别 2
图标使用SVG 动画，这些动画包含在图标代码中，不需要外部样式表或脚本。
不，这些不是过时的 SMIL 动画。图标使用现代 SVG 规范制作动画，所有浏览器都支持。
动画类型
大多数图标使用"淡入"动画。动画显示图标从无到有的出现过程。
其他图标：
- 以"-loop"结尾的图标使用无限循环动画。
- 以"-out"结尾的图标会消失。这与没有"-out"后缀的相同图标相反。
- 以"-transition"结尾的图标在两个图标之间过渡。
在 HTML 中使用
-
包含 IconifyIcon 组件，查看
iconify-icon包以获取最新代码。 -
使用"line-md"前缀添加图标：
<iconify-icon icon="line-md:home"></iconify-icon>
不使用 Web 组件的用法
SVG 动画存在一些问题。
Iconify 图标 Web 组件解决了这些问题，但如果你在不使用它的情况下使用图标，请参阅解释已知 SVG 问题和解决方案的文章。
许可
MIT
