无法插入自定义徽标离子图标?

cant insert a custom logo ion icon?

提问人:Ahmed Hassan 提问时间:8/23/2022 最后编辑:Heretic MonkeyAhmed Hassan 更新时间:8/23/2022 访问量:68

问:

当我使用以下代码时,我可以轻松地将 Twitter 徽标插入我的网站

<li class="social-item">
  <a href="https://####" class="social-link">                           
    <ion-icon name="logo-twitter"></ion-icon>
  </a>
</li>

但是当我导入自定义徽标时 (11)

<li class="social-item">
  <a href="https://####" class="social-link">                           
    <ion-icon src="./11.svg"></ion-icon>
  </a>
</li>

徽标消失了,11.svg也不存在!! 但是,我仍然可以单击徽标的位置,并且链接工作正常:/可能是什么问题,我该如何解决?

HTML 离子图标

评论

0赞 Heretic Monkey 8/23/2022
阅读文档可能是个好主意;组件没有属性。srcion-icon
0赞 Ahmed Hassan 8/23/2022
ionic.io/ionicons/usage这就是我正在学习的,它有 src 以防使用自定义徽标
0赞 Heretic Monkey 8/23/2022
我已经继续并添加了适当的标签,因为不清楚您之前在说什么。

答:

1赞 Thaísa Vieira 8/23/2022 #1

我希望我能帮助你。 首先,确保 Ionic 已正确“安装”:

<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>

确保您使用的是最新版本。然后,检查您的图标是否以 SVG 格式保存。完成此操作后,您需要做的就是使用标准组件,但引用自定义 SVG 的路径。 另一个提示是在index.html所在的文件夹中创建一个子文件夹并放置 SVG 文件,然后引用此路径,因为它似乎不是文档的语法错误。