我最近收藏了一些图标集,部分原因是我在需要时总找不到合适的图标集。我想我会更进一步,把它们写成博客文章,这样我以后就能找到它们。除了这些图标集是美观、一致、实用的图标集之外,我发现有趣的是,它们都
- 是 SVG,因此可以轻松调整大小
- 使用相当高效的
<path>
元素构建 - 使用描边而不是填充(至少可选)
- 在他们的网站上提供点击复制 SVG 功能
- 是免费且开源的
做得不错!看来人们正在逐渐接受 SVG 图标系统 的想法,你只需要将 SVG 放到 HTML 中。
Tabler Icons

Teenyicons

Heroicons

hola svg

这个来自 Mariana Beldi,她最近 分享了 手绘 SVG 如何比使用插图工具效率高得多。
我们可以推广自己的作品吗;)?
我们本月早些时候发布了一个符合您标准的图标集
http://icons.mono.company/
您是否忘记了音量降低?
我也发现了这个,就留在这里了。也许有些人会觉得有用。
https://icons.eosdesignsystem.com/
看起来直接嵌入到 HTML 中。您的初始页面加载将相当大。此外,编辑 HTML 将成为噩梦。
我不明白填充与描边的区别。在 SVG 中使用描边是否有我不知道的好处?
我认为没有确切的好处,我只是指出所有这些图标集都采用这种美学方法,这很有趣。
使用描边可以通过“填充”、“描边宽度”、“描边线帽”、“描边线连接”等进行修改......更强大。
做得不错!看来人们正在逐渐接受 SVG 图标系统。
只想提一下我的副业:IconSear.ch。我也有类似的 SVG 图标库列表,所以这是一个搜索引擎,可以让您立即找到它们,并链接到原始来源。来源(网站和索引)也在 Github 上。
做得不错!看来人们正在逐渐接受 SVG 图标系统,你只需要将 SVG 放到 HTML 中。
https://icons.mono.company/
https://svgbox.net/