如何从字体中获取图标？或者将字体图标转换为. svg。我对流程更感兴趣（不是第三方服务）
baubqpgj1#
在Windows上，我所做的是在本地安装字体，然后进入字符Map表，找到我要找的符号。然后我复制并进入Illustrator，创建一个空文本框，粘贴符号，然后选择图标字体。然后，我只是右键单击并转换为大纲，并导出为SVG。如果你没有Illustrator，试着在Inkscape中做同样的事情（它是免费的）。
q9rjltbz2#
你不需要自己把它们转换成svg，他们已经为你提供了他们在官方网站上提供的每一个图标的svg代码;您可以从以下链接下载您选择的图标的等效svg代码：https://github.com/FortAwesome/Font-Awesome/tree/master/svgs在那里，你会发现所有的常规，固体和品牌图标，你会看到在https://fontawesome.com/icons的svg代码简单后藤https://fontawesome.com/icons选择一个图标，你想在你的项目中使用，并找到相应的svg文件，从文件列表中，你刚刚从上面给定的链接下载;在代码编辑器中打开svg文件，并从那里复制形状代码，您可以进一步使用！！！如何消费？那是另一个主题了……P.S：这里是链接到精灵文件下载所有的svg形状在一个文件：https://github.com/FortAwesome/Font-Awesome/tree/master/sprites
2条答案
按热度按时间baubqpgj1#
在Windows上，我所做的是在本地安装字体，然后进入字符Map表，找到我要找的符号。然后我复制并进入Illustrator，创建一个空文本框，粘贴符号，然后选择图标字体。
然后，我只是右键单击并转换为大纲，并导出为SVG。
如果你没有Illustrator，试着在Inkscape中做同样的事情（它是免费的）。
q9rjltbz2#
你不需要自己把它们转换成svg，他们已经为你提供了他们在官方网站上提供的每一个图标的svg代码;您可以从以下链接下载您选择的图标的等效svg代码：https://github.com/FortAwesome/Font-Awesome/tree/master/svgs
在那里，你会发现所有的常规，固体和品牌图标，你会看到在https://fontawesome.com/icons的svg代码
简单后藤https://fontawesome.com/icons选择一个图标，你想在你的项目中使用，并找到相应的svg文件，从文件列表中，你刚刚从上面给定的链接下载;在代码编辑器中打开svg文件，并从那里复制形状代码，您可以进一步使用！！！
如何消费？那是另一个主题了……
P.S：这里是链接到精灵文件下载所有的svg形状在一个文件：https://github.com/FortAwesome/Font-Awesome/tree/master/sprites