micon wpf_Micon –适用于Web设计人员的Windows 10图标字体

Windows 10的重新设计具有许多新功能和全新外观。 最大的变化之一是图标样式 ，尤其是与Windows 7和XP相比。

多亏了Micon设置 ，您现在可以将Win10样式的图标直接带入您的网站 。

该图标包以图标字体的形式提供，并通过GitHub免费发布 。 主存储库 包含设置信息 ，但Micon主页上显示的所有图标均带有适当的类名。

实际的网站结构遵循与Font Awesome相似的格式 。 您可以浏览所有图标 ，然后单击任意图标以在新页面上获取更多详细信息。

例如，以使用电池设计和小型充电插头的电池充电图标为例。 您将获得各种尺寸的图标预览 ，以及其CSS图标类 ，在本例中为mi-BatteryCharging10 。

此图标集也非常像Font Awesome一样，您可以在其中将图标直接嵌入HTML 。 该电池图标的代码片段的工作原理相同：

<i class="mi mi-BatteryCharging10"></i>

仅需复制Micon CSS样式表和一些前端开发基础知识，即可轻松上手。

查看设置页面以了解更多信息。 确实，您只需要从GitHub下载Micon包的副本，并将该样式表（以及适当的图标字体）包括到页面中即可。 从那里，只需引用上面的类名 ，就可以了。

由于该项目是开源项目，因此您可以自由地在任何个人或商业项目中使用这些图标 。 而且，您甚至可以按照Micon GitHub上的构建说明制作自己的文件 。 这样，您可以仅将所需的图标打包到字体文件中，并减小文件的总大小。

总的来说， 各种图标和简单的设置给我留下了深刻的印象。 您可以在网站上找到大量示例 ， 甚至可以在“ 示例”页面上找到动画图标 ，其中确实包含代码片段。

这些图标甚至可以与Bootstrap一起很好地工作 ，因此您可以将其与BS3 / BS4框架结合使用以实现某些实际的自定义布局。

从Micon主页下载免费版权，并了解如何将这些Windows 10样式的图标用于下一个设计。

翻译自: https://www.hongkiat.com/blog/micon-windows-10-iconset/