从Google的Material Design Icons说起

Mon 03 June 2019 / In categories Resource

Icon, SVG

Material Design是谷歌推出的一套设计系统。它带有一套图标可以供免费使用(Apache 2.0授权)。Material Design Icons本身已经有相当多的图标了,但是Austin Andrews主持了一个项目Templarian/MaterialDesign,在谷歌的图标集上进行了拓展,使图标总数达到了3600个以上。

Material Design Icons

为了和谷歌的图标做区分,这里把Templarian/MaterialDesign的图标叫做Community图标。可以在Community MaterialDesignIcons查看Community图标集合。也可以在Community MaterialDesignIcons CheatSheet查看Community图标列表。

Community图标即可以以webfont方式使用,也可以以svg的方式使用。具体如果跟现行的web框架搭配,Community MaterialDesignIcons Getting-Start有所介绍。另外,如果要以SVG方式使用,MaterialDesign-SVG存有已经整理好的SVG文件。

其他图标集和工具

FontAwesome

如果要评比web上最流行的图标集,FontAwesome肯定是绕不开的部分。FontAwesome的总图标数量非常多,达到6000多个,但是其中免费的只有1000多个。如果要使用超过免费的部分的图标,是要收费的,而且是订阅收费的。

react-native-vector-icons

网上的图标库资源一多,自然就有人来做收集,react-native-vector-icons就收集了一大堆图标库资源,给React使用。在oblador browse all可以看到该项目收集的图标库,其中包括:

react-icons

react-icons是另外一个图标项目集合,收录的图标包括:

可以在react-icons netlify查看这些图标。

IconJar

IconJar是一款mac下的图标管理工具,如果经常整理图标的,可以试下。

其他的其他

图标集合

图标搜索

(完)

Load Disqus Comments