iconToHTML()

此函数属于 Iconify Utils 包。

函数 iconToHTML() 根据 <svg> 元素的属性列表和图标内容生成 SVG。

它可以与 iconToSVG()、parseSVGContent() 或 buildParsedSVG() 的结果配合使用。

用法

该函数具有以下参数：

• body，string。图标内容，不包含 <svg> 标签。
• attributes，Record<string,string>。要添加的属性，例如 viewBox。

函数返回 string。

注意事项

函数会自动添加以下属性，请勿在 attributes 参数中添加它们：

• "xmlns"：始终添加。
• "xmlns:xlink"：如果 body 包含 "xlink:" 则添加。现代图标不应包含 "xlink:" 属性。

属性值不会被修改。请确保在调用函数前已对其进行转义。

示例

example.ts

tsimport { icons } from '@iconify-json/codicon';
import { getIconData, iconToSVG, iconToHTML, replaceIDs } from '@iconify/utils';

const iconName = 'debug-console';

// Get content for icon
const iconData = getIconData(icons, iconName);
if (!iconData) {
   throw new Error(`Icon "${iconName}" is missing`);
}

// Use it to render icon
const renderData = iconToSVG(iconData, {
   height: 'auto',
});

// Generate SVG string
const svg = iconToHTML(replaceIDs(renderData.body), renderData.attributes);

// Log SVG
console.log(svg);