如何在Font Awesome中使用自己的SVG？
如何在Font Awesome中使用自己的SVG？
提问于 2020-02-16 22:17:10
我有一个自定义的名为"carport.svg“的.svg文件。我想使用它，就好像它已经包含在FontAwesome中一样，因此使用FontAwesome基础设施。我已经将我的文件放在\svgs\solid文件夹中。
我还需要做些什么才能完全导入它？然后我想在我的HTML中写道：
<i class="fas fa-carport"></i>回答 2
Stack Overflow用户
发布于 2020-02-17 02:10:14
要使用Font Awesome图标，请在HTML页面的部分中添加以下行：
<link href="/your-path-to-fontawesome/css/fontawesome.css" rel="stylesheet">请参阅https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
Stack Overflow用户
发布于 2020-02-20 18:42:24
您可以在以下link中找到这些步骤。您需要将SVG path定义为只有一个path元素，而不需要更多元素(就像任何SVG图标一样)，然后只需添加以下代码：
var CustomIcon = {
prefix: 'fac', /* your own prefix OR use any of the exiting ones (fab, far, fas)*/
iconName: 'custom-icon', /* The name of your icon*/
icon: [150, 150, [], 'e105', 'M ...'] /* The viewbox, the unicode, the path*/
}
FontAwesome.library.add(
CustomIcon
)添加三角形图标的简单示例：
var faTriangle = {
prefix: 'fas',
iconName: 'tri',
icon: [64, 64, [], 'e521', 'M8 48 L56 48 L32 12 Z']
}
FontAwesome.library.add(
faTriangle
)i,svg {
color: red;
}<script src="https://use.fontawesome.com/releases/v5.12.0/js/all.js"></script>
<i class="fas fa-tri fa-5x"></i>
<i class="fas fa-tri fa-8x"></i>
<i class="fas fa-tri fa-10x"></i>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60249385
复制相关文章
相似问题
腾讯云开发者
