javascript - 有没有办法可以在链接标记中链接到本地​​常量文件

Question

我有一个 SVG 图标，我想将其链接为浏览器标题栏的图标。

const svgIcon = <svg class="svg-icon" viewBox="0 0 20 20">
                    <path "something"></path>
                </svg>

然后是一个链接标记，该标记将添加到 HTML (jsx) 的头部作为

<link rel="icon" href={svgIcon} type="image/svg+xml">

有没有办法可以链接作为变量的图像以显示为浏览器标题栏图标？

该图像是导入的，我无法将其另存为文件来链接它。

Answer 1

不要通过 JS 填充 favicon。通过将文件保存为 svg 来直接在 html 中使用它:

<link rel="icon" href="favicon.svg" type='image/svg+xml'>

但强烈建议您使用ico或png格式。只需谷歌搜索“svg to ico”或“svg to png”，您就可以使用在线转换器将其用于您的网站。