svg - 添加自定义 svg 图标 Angular
问题描述
我想知道如何将海关 svg 图标添加到我拥有的 mdi.svg 文件中。
该文件已经有一些图标,但我需要在那里放新的。
这是 mdi.svg 的示例
<svg><defs><g id="access-point"><path d="M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></g>
解决方案
你可以像这样使用它:
<svg width="500" height="500">
<defs>
<g id="access-point">
<path d="M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" />
</g>
</defs>
<use xlink:href="#access-point" x="100" y="100">
</use>
</svg>
推荐阅读
- python - 数据框到分层 xml
- javascript - 我可以在语义-ui-react 卡中添加另一个组件而不会破坏它吗?
- javascript - 可以将伪类 (::after) 添加为 HTML 标记的一部分吗?
- vba - DCount 使用两个 Criteria
- python-3.x - 为什么这段代码变慢了?图形.py?
- json - Backstopjs 网站加载问题未通过延迟解决:出了什么问题?
- awk - 循环中的 awk '奇迹般地' 更改 -v 选项中的变量值
- java - 图形未出现在窗口中
- python - Django inlineformset_factory 添加行号
- google-cloud-platform - 在 GCE 上安装 Hashicorp 保险库