将SVG图标嵌入html
我需要将SVG图标直接嵌入html文件,而不是作为SVG文件的链接 我曾尝试将将SVG图标嵌入html,html,svg,favicon,Html,Svg,Favicon,我需要将SVG图标直接嵌入html文件,而不是作为SVG文件的链接 我曾尝试将SVG文件内容添加到html中,但没有成功 我的html的: 我的应用程序 您可以使用a作为的href属性的值。正如enxaneta所说的,强烈建议您首先将SVG转换为PNG(最简单的方法是从矢量图形UI导出它)。然后将其转换为数据url,例如使用 如果您坚持直接使用SVG,那么联机实用程序更适合SVG,您可以插入源文本 您的最终结果如下所示: <link rel="icon" href="data:image
SVG文件内容添加到html中,但没有成功
我的html的
:
我的应用程序
您可以使用a作为
的href
属性的值。正如enxaneta所说的,强烈建议您首先将SVG转换为PNG(最简单的方法是从矢量图形UI导出它)。然后将其转换为数据url,例如使用
如果您坚持直接使用SVG,那么联机实用程序更适合SVG,您可以插入源文本
您的最终结果如下所示:
<link rel="icon" href="data:image/png;base64,...">
或
您能否详细说明为什么链接或使用快捷方式对您不起作用?通常的做法是按以下方式放置它们:
遮罩图标用于iOS 9+和固定选项卡。请检查“我只能提出一个请求”,我希望图标出现。
<link rel="icon" href="data:image/png;base64,...">
<link rel="icon" href="data:image/svg+xml,...">