首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用内联svg时,单个图标不显示在铬中。

使用内联svg时,单个图标不显示在铬中。
EN

Stack Overflow用户
提问于 2018-12-16 12:36:56
回答 1查看 236关注 0票数 0

我像这样使用内联svg

<use xlink:href=""></use>

但出于某种原因,Chrome中没有显示一个特定的图标(但它显示在Firefox和ios Safari中),其他图标在Chrome中可见。

这里的图标本身(它是从图标导出)

<symbol id="icon-phone" viewBox="0 0 32 32"> <title>phone</title> <path d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"></path> </symbol>

我还尝试使用“仅href”,而不是xlink:href,但它也不起作用。

EN

回答 1

Stack Overflow用户

发布于 2018-12-16 12:56:46

代码语言:javascript
运行
复制
<symbol id="icon-phone" viewBox="0 0 32 32">

代码语言:javascript
运行
复制
</symbol>

包装并将其替换为

代码语言:javascript
运行
复制
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32">

代码语言:javascript
运行
复制
</svg>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53802174

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档