设置 SVG 图标

Q: 设置 图标可以商用吗？

withicons-gothicsettings

来自 with icons Gothic 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID: withicons-gothic:settings
中文名: 设置
所属集合: with icons Gothic
集合规模: 1,000 枚
基础网格: 24px
色彩: 多色
开源协议: MIT
作者: Evergrow

下载设置图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

设置的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

搜索设置…输入框 · 前缀图标

设置导航菜单 · 选中态

暂无内容空状态 · 引导提示

9:41

设置

settings-2手机桌面 · App 图标

设置withicons-gothic.design/icons/settings浏览器 · 标签页与站点图标

各尺寸下的可读性

24px

32px

48px

64px

96px

128px

复制设置图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#140f18" fill-opacity=".2" d="M11.6 2.4c-.2 0-.7 0-.8.3l-.6 2.6l-1.4.5l-2-1.3l-.4-.1Q5.35 5 4.6 5.9c-1 1.3.1 1.7 1 3.2L5 10.5l-2.4.5l-.3.2c-.2.4-.2.4-.2.9v1.5c0 .2.1.8.4.9L5 15l.6 1.5l-1.3 2l-.1.4c.4.7-.6-.3.5.7l1.1 1.1c.2.2.6.5.8.3l2.1-1.3c.4-.3 1.2.4 1.6.6l.4 2.3l.3.4l.8.1h1.3c1.7.1 1.4-1.4 1.7-2.9l1.4-.5l2 1.3l.4.1c.5-.3-.2.4.6-.4l1.1-1.1c.1-.1.7-.6.5-1l-1.3-2c-.3-.5.4-1.2.5-1.6l2.4-.5l.3-.2l.2-.8v-1.4c0-1.6-1.4-1.3-2.9-1.6L19.4 9l1.3-2l.1-.4c-.5-.7.6.4-.5-.7l-.9-1c-1.2-1.2-1.9.1-3.3.9l-1.4-.6l-.4-2.3l-.3-.4c-.3-.1-.3-.2-.9-.1z" class="wm-shadow"/><path fill="#221a26" d="m9.71 4.51l-1.23.52l-.23.03c-.87-.57-1.94-1.96-2.93-1.05l-.65.6l-.55.58c-1.24 1.42.54 1.14.93 3.06c.06.28-.47 1.22-.59 1.5l-2.31.48c-.72.15-.57 1.41-.56 1.9c0 .33-.08 1.18.24 1.47c.5.44 2.14.57 2.68.69l.52 1.23l.03.23c-1.38 2.13-2.05 2.03-.39 3.64c.21.21.8.89 1.21.92c.88.07 1.61-1.21 2.37-1.36c.3-.07 1.19.46 1.5.59l.48 2.31c.15.72 1.44.56 1.9.57c.35 0 1.29.05 1.52-.32c.48-.75.47-1.85.64-2.61l1.23-.52l.23-.02l1.97 1.27c.6.39 1.28-.5 1.61-.83l.49-.51c.23-.27.52-.5.5-.88l-.1-.28c-1.53-2.39-1.57-1.42-.68-3.47l2.31-.48c.72-.15.56-1.44.57-1.89c0-.36.05-1.3-.32-1.53c-.76-.48-1.79-.46-2.61-.64l-.51-1.23l-.03-.23l1.27-1.97c.39-.6-.48-1.26-.83-1.61l-.51-.49c-.27-.23-.5-.52-.88-.5l-.28.1l-1.88 1.24l-.21.04l-.62-.27c-.24-.1-.53-.23-.76-.33l-.48-2.31c-.15-.72-1.41-.57-1.89-.56c-.34 0-1.19-.08-1.48.24c-.44.5-.57 2.14-.69 2.68M12 5.74c.65.96 1.01.97 2.03 1.4c.93.38 1.34.66 2.33.47c-.12 1.12.06 1.28.5 2.36c.45 1.09.42 1.37 1.4 2.03c-.99.67-.96.97-1.4 2.03c-.38.93-.66 1.34-.47 2.33c-.57-.06-1.1-.07-1.66.17l-.76.36l-.84.3c-.51.18-.84.65-1.13 1.07c-.29-.42-.62-.89-1.13-1.07l-.84-.3c-1.11-.39-1.19-.73-2.39-.5c.06-.56.07-1.1-.17-1.66l-.34-.69l-.32-.91c-.18-.5-.65-.85-1.07-1.13c.98-.66.95-.94 1.4-2.03c.44-1.08.62-1.24.5-2.36c.57.11 1.08.1 1.63-.14l.69-.34l.81-.28c.55-.2.92-.64 1.23-1.11" class="wm-k"/><path fill="#d3cdc0" d="M10.77 2.09c-.1.16-.08-.1-.15.22l-.49 2.4l-.16.18l-.84.3l-.67.32l-.21.04l-2.2-1.42l-.15-.02c-.25.18-1.98 1.61-1.77 1.94l1.39 2.11c.18.29-.22.65-.33.97l-.3.84l-.18.16l-2.4.49c-.09.02-.13.13-.21.15c-.06.44-.12.78-.09 1.23l.04 1c.01.12.03.32.18.35l2.48.52l.18.16l.3.85l.32.66l.04.21l-1.42 2.2l-.02.15c.53.7 1.12 1.23 1.79 1.79l.15-.02l2.11-1.39l.21-.02l.92.42l.68.23l.16.18l.49 2.4c.02.09.13.13.15.21c.84.1 1.62.09 2.46.01c.1-.16.08.09.15-.22l.49-2.4c.06-.3.56-.28.84-.41l.84-.39l.2-.04l2.2 1.42l.15.02c.25-.18 1.98-1.61 1.77-1.94l-1.39-2.11c-.18-.29.22-.65.33-.96l.3-.85l.18-.16l2.4-.49c.09-.02.13-.13.21-.15c.1-.84.09-1.62.01-2.46c-.16-.1.1-.08-.22-.15l-2.4-.49l-.18-.16l-.3-.84l-.32-.68l-.04-.2l1.42-2.2l.02-.15c-.21-.27-1.6-1.99-1.94-1.77l-2.11 1.39c-.29.18-.65-.22-.96-.33l-.85-.3l-.16-.18l-.49-2.4c-.02-.09-.13-.13-.15-.21c-.83-.1-1.63-.12-2.46-.01m1.21 2.06l.02-.04l.24 1.1c.12.54.63 1.06 1.13 1.24l.83.3l.83.39c.38.17 1.04.22 1.42-.01l1.04-.65c-.43.74-1.06 1.55-.63 2.49l.39.83l.34.93c.19.51.77.94 1.29 1.05l1.01.22l-1.1.24c-.53.12-1.06.63-1.24 1.13l-.3.83l-.39.83c-.17.38-.22 1.04.01 1.42l.65 1.04c-.74-.43-1.55-1.06-2.49-.63l-.92.43l-.84.3c-.51.18-.94.78-1.05 1.29L12 19.89l-.22-1.01c-.11-.51-.54-1.11-1.05-1.29l-.84-.3l-.92-.43c-.38-.17-1.04-.22-1.42.01l-1.04.65c.46-.8 1.03-1.5.63-2.49l-.36-.76l-.37-1c-.19-.51-.77-.94-1.29-1.05L4.11 12l1.01-.22c.52-.11 1.1-.54 1.29-1.05l.34-.93l.39-.83c.43-.94-.2-1.75-.63-2.49l1.04.65c.73.45 1.53-.12 2.18-.35l.9-.33c.5-.18 1.01-.7 1.13-1.24z" class="wm-k"/><path fill="#837a6f" d="M13 2.1v.2l.4 1.9c0 .3.2.1.3.2l.1-.1l-.4-2l-.2-.2zm-1.5 1.5c-.4 2-.5 1.9-2.3 2.7c-.6.2-1.4.8-2.1.3L6 6c1 1.6 1 1.6.2 3.3c-.7 1.7-.7 1.8-2.6 2.2l1.4.3l.6-.2c.7-.4.8-1.1 1.1-1.8c.3-.6.9-1.5.4-2.2l-.6-1.1c2 1.2 1.9.8 4 0c.6-.2 1.5-.9 1.3-1.6zm8 1.8c-.5.7-1 1.6-1.5 2.4l.6 1.7l.2.1h.2c-.2-.4-.4-.9-.5-1.3l1.4-2.2v-.3zm-6.7.6c.4.3 3.1 1.8 3.5 1.1L17 6c-.6.4-1.5 1.1-2.4.7l-.9-.5zm8.7 4.6c0 .7 0 1.5-.1 2.2c-2.9.6-2.4-.2-3.1 1.6c-.1.3-.5.7-.3.9l1.4 2.2v.2l-.8.8l-.8.7l-.3.2l-2.3-1.4c-2.4 1-1.7.1-2.4 3.4c-.3 0-.2.1-.7.1h-1.5c.1.1 0 .1.1.4h.3l1 .1l1.2-.1l.2-.2l.5-2.3c0-.1 0-.2.1-.3l.7-.2c.4-.2.8-.6 1.1-.4l2.2 1.4c.3-.2 0 .1.3-.2l.8-.7l.8-.8V18l-1.4-2.2c-.2-.2.2-.6.3-.9c.7-1.7.2-.9 2.9-1.5l.2-.2l.1-1.2l-.1-1.1v-.2zm-3.5.6c.2.2.3.3.5.4l.9-.1zM6 12.7c.5 2.5 1.4 1.9 0 4.3l1.1-.7c.7-.4-.8-3.2-1.1-3.6m-3.9.3v.2l.2.2l2 .4l.1-.1c-.1-.1.1-.3-.2-.3zm5.7 5c-.8.4-1.7 1-2.3 1.5c1 1 1.1 0 2.8-1c.4.1.9.3 1.3.5v-.2l-.1-.2zm3.4 0v.1l.3 1.3l.1-.9c-.2-.4 0-.2-.4-.5" class="wm-k"/><path fill="#fff6de" fill-opacity=".9" d="m10.8 2.1l-.2.2c-.7 3.2.2 2.1-2.3 3.3v.1c.1 0 .2.1.3.1c2.4-1.1 1.6-.1 2.3-3.2l.1-.3h2.2l.1-.1l-.1-.1q-1.2-.15-2.4 0m-4.9 2l-.8.7l-.6.6l-.4.5l.1.2h.1l.9-.9l.9-.9v-.1zm12.1 0l-2.4 1.5c.1.1.3.3.5.2l2.1-1.4l.1-.1c-.1-.1-.2-.2-.3-.2m-5.7.3c-.2.6-.1.7.2 1.3c-.1-.4-.1-.8-.2-1.3m2 .6h-.1l.1.1l1.1.4h.1c-.4-.2-.8-.4-1.2-.5m3.4 1.7c-1.5 1-1 1.8-.4 3.2c.5 1.2.1.5.5 1.1c-.1-.5-.4-1-.6-1.5c-.5-1.1 0-1.9.5-2.8M5.6 8.2c-.3.6-.6 1.3-.8 1.9l-2.5.5l-.2.2l-.1 1.3l.1.9v.3c.1 0 .1 0 .2-.1V11l.3-.1c2.7-.6 2.1.2 2.8-1.5c.4-.8.5-.7.2-1.2m13.8 2s.1.2.2.2l2 .4h.3l-.3-.2l-2-.4zM17 16.7c0-1.1.1-1.2.5-2.3c.7-1.7.8-1.7 2.6-2.1c-.9-.3-2-.1-2.5.9l-.4 1.1c-.4 1.1-.7 1.3-.2 2.4M4.4 12.2c1.7.5.7.2 1.3.3c-.5-.2-.8-.4-1.3-.3m.6 2c.1.5.3.8.5 1.3v-.1l-.4-1.1zm.6 1.4c-.5.8-1 1.6-1.5 2.3v.2l.2.2l.1-.2l1.4-2c.1-.2-.1-.4-.2-.5m1.1 2.1c2.5-1.4 1.9-.4 4.3.1c-.6-.4.2 0-1.1-.5c-1.4-.6-2.2-1.1-3.2.4m5.6 2.4c.4-1.8.3-1.9 2.1-2.6c1.1-.4 1.2-.5 2.3-.5c-1-.5-1.6-.1-2.6.3l-.8.3c-.7.3-1.2 1.2-1.2 1.9zm-2.1-.7v.2l.4 2.1l.2.2v-.3l-.4-2.1z" class="wm-k"/><path fill="#221a26" d="m11.61 3.91l-.24 1.13c-.09.42-.47.86-.87 1.01l-.92.33c-.54.2-.98.58-1.58.45c-.23-.05-.33-.11-.53-.23c-.36-.23-.89-.81-1.31-.38a.43.43 0 0 0-.11.28c0 .75 1.22 1.21.7 2.31l-.37.77l-.33.92c-.15.4-.59.78-1.01.87l-1.13.24c-.34.08-.34.7 0 .78l1.13.24c.42.09.86.47 1.01.87l.33.92c.2.54.58.98.45 1.58c-.05.22-.11.34-.23.53c-.12.18-.8.89-.44 1.25c.1.1.19.17.34.17c.76 0 1.19-1.21 2.31-.7l.94.43l.84.31c.36.13.7.61.78.97l.24 1.13c.08.34.7.34.78 0l.24-1.13c.08-.36.42-.84.78-.97l.84-.31l.94-.43c.95-.44 1.4.42 2.19.68c.32.11.66-.23.55-.55c-.26-.78-1.12-1.25-.68-2.19l.37-.77l.37-1.01c.13-.36.6-.7.97-.78l1.13-.24c.34-.08.34-.7 0-.78l-1.13-.24c-.42-.09-.86-.47-1.01-.87l-.33-.92l-.37-.77c-.52-1.1.7-1.56.7-2.31c0-.4-.43-.54-.73-.36c-.61.38-1.26.97-2.03.61l-.77-.37l-1.01-.37c-.98-.36-.65-1.55-1.06-2.17c-.15-.23-.66-.28-.74.07" class="wm-k"/><path fill="#b3163b" d="m12 4.11l-.24 1.1c-.12.53-.63 1.06-1.13 1.24l-.9.33c-.65.23-1.45.8-2.18.35l-1.04-.65c.43.74 1.06 1.55.63 2.49l-.39.83l-.34.93c-.19.51-.77.94-1.29 1.05L4.11 12l1.01.22c.52.11 1.1.54 1.29 1.05l.37 1l.36.76c.4.99-.17 1.69-.63 2.49l1.04-.65c.38-.23 1.04-.18 1.42-.01l.92.43l.84.3c.51.18.94.78 1.05 1.29l.22 1.01l.22-1.01c.11-.51.54-1.11 1.05-1.29l.84-.3l.92-.43c.38-.17 1.04-.22 1.42.01l1.04.65c-.43-.74-1.06-1.55-.63-2.49l.39-.83l.34-.93c.19-.51.77-.94 1.29-1.05l1.01-.22l-1.1-.24c-.53-.12-1.06-.63-1.24-1.13l-.3-.83l-.39-.83c-.17-.38-.22-1.04.01-1.42l.65-1.04c-.74.43-1.55 1.06-2.49.63l-.83-.39l-.93-.34c-.51-.19-.94-.77-1.05-1.29z" class="wm-k"/><path stroke="#221a26" stroke-linecap="round" stroke-linejoin="round" stroke-width=".27" d="m15.33 13.38l2.58 1.07m-4.53.88l1.07 2.58m-3.83-2.58l-1.07 2.58m-.88-4.53l-2.58 1.07m2.58-3.83L6.09 9.55m4.53-.88L9.55 6.09m3.83 2.58l1.07-2.58m.88 4.53l2.58-1.07" class="wm-k"/><path fill="#221a26" d="M11.88 7.99c-2.13.03-3.9 1.9-3.9 4.01c0 2.18 1.84 4.02 4.02 4.02s4.02-1.84 4.02-4.02c0-2.26-1.92-4.04-4.14-4.01m-.55 2.27c2.21-.89 3.66 2.55 1.34 3.48c-2.26.91-3.61-2.57-1.34-3.48" class="wm-a"/><path fill="#c79a38" d="M11.27 8.48c-.66.13-1.3.48-1.77.95c-2.48 2.48-.33 6.74 3.13 6.11c.84-.16 1.55-.59 2.12-1.23c2.26-2.59-.17-6.43-3.48-5.83m.3 1.27c2.93-.55 3.85 3.93.78 4.51c-.39.08-.81.01-1.18-.13c-2.17-.8-1.78-3.96.4-4.38" class="wm-a"/><path fill="#140f18" fill-opacity=".45" d="M9.9 13.1c-.5-2.5.7-3.7 3.1-3.2c-2.1-1.7-4.8 1-3.1 3.2m5-3.2l-.1.1c.2.5.4 1 .4 1.6c0 2-1.6 3.6-3.6 3.6c-.6 0-1.2-.2-1.7-.4v.1c3.4 2.3 7.4-1.7 5-5" class="wm-a"/><path fill="#fff6de" fill-opacity=".9" d="M9 13.9c-.2-.5-.4-1.1-.3-1.6c0-2 1.6-3.6 3.6-3.6c.5-.1 1.1.1 1.6.3c-3.4-1.9-6.8 1.5-4.9 4.9m5.1-2.9c.1.3.2.7.2 1c-.1 1.9-1.6 2.5-3.3 2.1v.1c2.3 1.2 4.3-1 3.1-3.2" class="wm-a"/><path fill="#fff6de" fill-opacity=".9" d="m9.38 13.78l.01-.12c-.18-.47-.34-.9-.33-1.41c.02-1.74 1.44-3.19 3.19-3.19c.52 0 .93.15 1.41.33l.11-.01c-2.91-1.99-6.32 1.54-4.39 4.4" class="wm-shine"/><path fill="#221a26" d="M11.4 9.49c-2.91.66-2.47 5.08.6 5.09c.58.01 1.14-.19 1.6-.55c2.18-1.72.46-5.14-2.2-4.54" class="wm-a"/><path fill="#e6a421" d="M11.75 9.73c-.35.02-.6.14-.9.3c-1.8.97-1.36 3.51.53 4.17c.5.17 1.03.09 1.51-.1c1.74-.66 1.86-3.28.2-4.11c-.44-.23-.85-.29-1.34-.26" class="wm-a"/></g></svg>

reactReact 组件（TSX）

export function SettingsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<g fill="none"><path fill="#140f18" fill-opacity=".2" d="M11.6 2.4c-.2 0-.7 0-.8.3l-.6 2.6l-1.4.5l-2-1.3l-.4-.1Q5.35 5 4.6 5.9c-1 1.3.1 1.7 1 3.2L5 10.5l-2.4.5l-.3.2c-.2.4-.2.4-.2.9v1.5c0 .2.1.8.4.9L5 15l.6 1.5l-1.3 2l-.1.4c.4.7-.6-.3.5.7l1.1 1.1c.2.2.6.5.8.3l2.1-1.3c.4-.3 1.2.4 1.6.6l.4 2.3l.3.4l.8.1h1.3c1.7.1 1.4-1.4 1.7-2.9l1.4-.5l2 1.3l.4.1c.5-.3-.2.4.6-.4l1.1-1.1c.1-.1.7-.6.5-1l-1.3-2c-.3-.5.4-1.2.5-1.6l2.4-.5l.3-.2l.2-.8v-1.4c0-1.6-1.4-1.3-2.9-1.6L19.4 9l1.3-2l.1-.4c-.5-.7.6.4-.5-.7l-.9-1c-1.2-1.2-1.9.1-3.3.9l-1.4-.6l-.4-2.3l-.3-.4c-.3-.1-.3-.2-.9-.1z" class="wm-shadow"/><path fill="#221a26" d="m9.71 4.51l-1.23.52l-.23.03c-.87-.57-1.94-1.96-2.93-1.05l-.65.6l-.55.58c-1.24 1.42.54 1.14.93 3.06c.06.28-.47 1.22-.59 1.5l-2.31.48c-.72.15-.57 1.41-.56 1.9c0 .33-.08 1.18.24 1.47c.5.44 2.14.57 2.68.69l.52 1.23l.03.23c-1.38 2.13-2.05 2.03-.39 3.64c.21.21.8.89 1.21.92c.88.07 1.61-1.21 2.37-1.36c.3-.07 1.19.46 1.5.59l.48 2.31c.15.72 1.44.56 1.9.57c.35 0 1.29.05 1.52-.32c.48-.75.47-1.85.64-2.61l1.23-.52l.23-.02l1.97 1.27c.6.39 1.28-.5 1.61-.83l.49-.51c.23-.27.52-.5.5-.88l-.1-.28c-1.53-2.39-1.57-1.42-.68-3.47l2.31-.48c.72-.15.56-1.44.57-1.89c0-.36.05-1.3-.32-1.53c-.76-.48-1.79-.46-2.61-.64l-.51-1.23l-.03-.23l1.27-1.97c.39-.6-.48-1.26-.83-1.61l-.51-.49c-.27-.23-.5-.52-.88-.5l-.28.1l-1.88 1.24l-.21.04l-.62-.27c-.24-.1-.53-.23-.76-.33l-.48-2.31c-.15-.72-1.41-.57-1.89-.56c-.34 0-1.19-.08-1.48.24c-.44.5-.57 2.14-.69 2.68M12 5.74c.65.96 1.01.97 2.03 1.4c.93.38 1.34.66 2.33.47c-.12 1.12.06 1.28.5 2.36c.45 1.09.42 1.37 1.4 2.03c-.99.67-.96.97-1.4 2.03c-.38.93-.66 1.34-.47 2.33c-.57-.06-1.1-.07-1.66.17l-.76.36l-.84.3c-.51.18-.84.65-1.13 1.07c-.29-.42-.62-.89-1.13-1.07l-.84-.3c-1.11-.39-1.19-.73-2.39-.5c.06-.56.07-1.1-.17-1.66l-.34-.69l-.32-.91c-.18-.5-.65-.85-1.07-1.13c.98-.66.95-.94 1.4-2.03c.44-1.08.62-1.24.5-2.36c.57.11 1.08.1 1.63-.14l.69-.34l.81-.28c.55-.2.92-.64 1.23-1.11" class="wm-k"/><path fill="#d3cdc0" d="M10.77 2.09c-.1.16-.08-.1-.15.22l-.49 2.4l-.16.18l-.84.3l-.67.32l-.21.04l-2.2-1.42l-.15-.02c-.25.18-1.98 1.61-1.77 1.94l1.39 2.11c.18.29-.22.65-.33.97l-.3.84l-.18.16l-2.4.49c-.09.02-.13.13-.21.15c-.06.44-.12.78-.09 1.23l.04 1c.01.12.03.32.18.35l2.48.52l.18.16l.3.85l.32.66l.04.21l-1.42 2.2l-.02.15c.53.7 1.12 1.23 1.79 1.79l.15-.02l2.11-1.39l.21-.02l.92.42l.68.23l.16.18l.49 2.4c.02.09.13.13.15.21c.84.1 1.62.09 2.46.01c.1-.16.08.09.15-.22l.49-2.4c.06-.3.56-.28.84-.41l.84-.39l.2-.04l2.2 1.42l.15.02c.25-.18 1.98-1.61 1.77-1.94l-1.39-2.11c-.18-.29.22-.65.33-.96l.3-.85l.18-.16l2.4-.49c.09-.02.13-.13.21-.15c.1-.84.09-1.62.01-2.46c-.16-.1.1-.08-.22-.15l-2.4-.49l-.18-.16l-.3-.84l-.32-.68l-.04-.2l1.42-2.2l.02-.15c-.21-.27-1.6-1.99-1.94-1.77l-2.11 1.39c-.29.18-.65-.22-.96-.33l-.85-.3l-.16-.18l-.49-2.4c-.02-.09-.13-.13-.15-.21c-.83-.1-1.63-.12-2.46-.01m1.21 2.06l.02-.04l.24 1.1c.12.54.63 1.06 1.13 1.24l.83.3l.83.39c.38.17 1.04.22 1.42-.01l1.04-.65c-.43.74-1.06 1.55-.63 2.49l.39.83l.34.93c.19.51.77.94 1.29 1.05l1.01.22l-1.1.24c-.53.12-1.06.63-1.24 1.13l-.3.83l-.39.83c-.17.38-.22 1.04.01 1.42l.65 1.04c-.74-.43-1.55-1.06-2.49-.63l-.92.43l-.84.3c-.51.18-.94.78-1.05 1.29L12 19.89l-.22-1.01c-.11-.51-.54-1.11-1.05-1.29l-.84-.3l-.92-.43c-.38-.17-1.04-.22-1.42.01l-1.04.65c.46-.8 1.03-1.5.63-2.49l-.36-.76l-.37-1c-.19-.51-.77-.94-1.29-1.05L4.11 12l1.01-.22c.52-.11 1.1-.54 1.29-1.05l.34-.93l.39-.83c.43-.94-.2-1.75-.63-2.49l1.04.65c.73.45 1.53-.12 2.18-.35l.9-.33c.5-.18 1.01-.7 1.13-1.24z" class="wm-k"/><path fill="#837a6f" d="M13 2.1v.2l.4 1.9c0 .3.2.1.3.2l.1-.1l-.4-2l-.2-.2zm-1.5 1.5c-.4 2-.5 1.9-2.3 2.7c-.6.2-1.4.8-2.1.3L6 6c1 1.6 1 1.6.2 3.3c-.7 1.7-.7 1.8-2.6 2.2l1.4.3l.6-.2c.7-.4.8-1.1 1.1-1.8c.3-.6.9-1.5.4-2.2l-.6-1.1c2 1.2 1.9.8 4 0c.6-.2 1.5-.9 1.3-1.6zm8 1.8c-.5.7-1 1.6-1.5 2.4l.6 1.7l.2.1h.2c-.2-.4-.4-.9-.5-1.3l1.4-2.2v-.3zm-6.7.6c.4.3 3.1 1.8 3.5 1.1L17 6c-.6.4-1.5 1.1-2.4.7l-.9-.5zm8.7 4.6c0 .7 0 1.5-.1 2.2c-2.9.6-2.4-.2-3.1 1.6c-.1.3-.5.7-.3.9l1.4 2.2v.2l-.8.8l-.8.7l-.3.2l-2.3-1.4c-2.4 1-1.7.1-2.4 3.4c-.3 0-.2.1-.7.1h-1.5c.1.1 0 .1.1.4h.3l1 .1l1.2-.1l.2-.2l.5-2.3c0-.1 0-.2.1-.3l.7-.2c.4-.2.8-.6 1.1-.4l2.2 1.4c.3-.2 0 .1.3-.2l.8-.7l.8-.8V18l-1.4-2.2c-.2-.2.2-.6.3-.9c.7-1.7.2-.9 2.9-1.5l.2-.2l.1-1.2l-.1-1.1v-.2zm-3.5.6c.2.2.3.3.5.4l.9-.1zM6 12.7c.5 2.5 1.4 1.9 0 4.3l1.1-.7c.7-.4-.8-3.2-1.1-3.6m-3.9.3v.2l.2.2l2 .4l.1-.1c-.1-.1.1-.3-.2-.3zm5.7 5c-.8.4-1.7 1-2.3 1.5c1 1 1.1 0 2.8-1c.4.1.9.3 1.3.5v-.2l-.1-.2zm3.4 0v.1l.3 1.3l.1-.9c-.2-.4 0-.2-.4-.5" class="wm-k"/><path fill="#fff6de" fill-opacity=".9" d="m10.8 2.1l-.2.2c-.7 3.2.2 2.1-2.3 3.3v.1c.1 0 .2.1.3.1c2.4-1.1 1.6-.1 2.3-3.2l.1-.3h2.2l.1-.1l-.1-.1q-1.2-.15-2.4 0m-4.9 2l-.8.7l-.6.6l-.4.5l.1.2h.1l.9-.9l.9-.9v-.1zm12.1 0l-2.4 1.5c.1.1.3.3.5.2l2.1-1.4l.1-.1c-.1-.1-.2-.2-.3-.2m-5.7.3c-.2.6-.1.7.2 1.3c-.1-.4-.1-.8-.2-1.3m2 .6h-.1l.1.1l1.1.4h.1c-.4-.2-.8-.4-1.2-.5m3.4 1.7c-1.5 1-1 1.8-.4 3.2c.5 1.2.1.5.5 1.1c-.1-.5-.4-1-.6-1.5c-.5-1.1 0-1.9.5-2.8M5.6 8.2c-.3.6-.6 1.3-.8 1.9l-2.5.5l-.2.2l-.1 1.3l.1.9v.3c.1 0 .1 0 .2-.1V11l.3-.1c2.7-.6 2.1.2 2.8-1.5c.4-.8.5-.7.2-1.2m13.8 2s.1.2.2.2l2 .4h.3l-.3-.2l-2-.4zM17 16.7c0-1.1.1-1.2.5-2.3c.7-1.7.8-1.7 2.6-2.1c-.9-.3-2-.1-2.5.9l-.4 1.1c-.4 1.1-.7 1.3-.2 2.4M4.4 12.2c1.7.5.7.2 1.3.3c-.5-.2-.8-.4-1.3-.3m.6 2c.1.5.3.8.5 1.3v-.1l-.4-1.1zm.6 1.4c-.5.8-1 1.6-1.5 2.3v.2l.2.2l.1-.2l1.4-2c.1-.2-.1-.4-.2-.5m1.1 2.1c2.5-1.4 1.9-.4 4.3.1c-.6-.4.2 0-1.1-.5c-1.4-.6-2.2-1.1-3.2.4m5.6 2.4c.4-1.8.3-1.9 2.1-2.6c1.1-.4 1.2-.5 2.3-.5c-1-.5-1.6-.1-2.6.3l-.8.3c-.7.3-1.2 1.2-1.2 1.9zm-2.1-.7v.2l.4 2.1l.2.2v-.3l-.4-2.1z" class="wm-k"/><path fill="#221a26" d="m11.61 3.91l-.24 1.13c-.09.42-.47.86-.87 1.01l-.92.33c-.54.2-.98.58-1.58.45c-.23-.05-.33-.11-.53-.23c-.36-.23-.89-.81-1.31-.38a.43.43 0 0 0-.11.28c0 .75 1.22 1.21.7 2.31l-.37.77l-.33.92c-.15.4-.59.78-1.01.87l-1.13.24c-.34.08-.34.7 0 .78l1.13.24c.42.09.86.47 1.01.87l.33.92c.2.54.58.98.45 1.58c-.05.22-.11.34-.23.53c-.12.18-.8.89-.44 1.25c.1.1.19.17.34.17c.76 0 1.19-1.21 2.31-.7l.94.43l.84.31c.36.13.7.61.78.97l.24 1.13c.08.34.7.34.78 0l.24-1.13c.08-.36.42-.84.78-.97l.84-.31l.94-.43c.95-.44 1.4.42 2.19.68c.32.11.66-.23.55-.55c-.26-.78-1.12-1.25-.68-2.19l.37-.77l.37-1.01c.13-.36.6-.7.97-.78l1.13-.24c.34-.08.34-.7 0-.78l-1.13-.24c-.42-.09-.86-.47-1.01-.87l-.33-.92l-.37-.77c-.52-1.1.7-1.56.7-2.31c0-.4-.43-.54-.73-.36c-.61.38-1.26.97-2.03.61l-.77-.37l-1.01-.37c-.98-.36-.65-1.55-1.06-2.17c-.15-.23-.66-.28-.74.07" class="wm-k"/><path fill="#b3163b" d="m12 4.11l-.24 1.1c-.12.53-.63 1.06-1.13 1.24l-.9.33c-.65.23-1.45.8-2.18.35l-1.04-.65c.43.74 1.06 1.55.63 2.49l-.39.83l-.34.93c-.19.51-.77.94-1.29 1.05L4.11 12l1.01.22c.52.11 1.1.54 1.29 1.05l.37 1l.36.76c.4.99-.17 1.69-.63 2.49l1.04-.65c.38-.23 1.04-.18 1.42-.01l.92.43l.84.3c.51.18.94.78 1.05 1.29l.22 1.01l.22-1.01c.11-.51.54-1.11 1.05-1.29l.84-.3l.92-.43c.38-.17 1.04-.22 1.42.01l1.04.65c-.43-.74-1.06-1.55-.63-2.49l.39-.83l.34-.93c.19-.51.77-.94 1.29-1.05l1.01-.22l-1.1-.24c-.53-.12-1.06-.63-1.24-1.13l-.3-.83l-.39-.83c-.17-.38-.22-1.04.01-1.42l.65-1.04c-.74.43-1.55 1.06-2.49.63l-.83-.39l-.93-.34c-.51-.19-.94-.77-1.05-1.29z" class="wm-k"/><path stroke="#221a26" stroke-linecap="round" stroke-linejoin="round" stroke-width=".27" d="m15.33 13.38l2.58 1.07m-4.53.88l1.07 2.58m-3.83-2.58l-1.07 2.58m-.88-4.53l-2.58 1.07m2.58-3.83L6.09 9.55m4.53-.88L9.55 6.09m3.83 2.58l1.07-2.58m.88 4.53l2.58-1.07" class="wm-k"/><path fill="#221a26" d="M11.88 7.99c-2.13.03-3.9 1.9-3.9 4.01c0 2.18 1.84 4.02 4.02 4.02s4.02-1.84 4.02-4.02c0-2.26-1.92-4.04-4.14-4.01m-.55 2.27c2.21-.89 3.66 2.55 1.34 3.48c-2.26.91-3.61-2.57-1.34-3.48" class="wm-a"/><path fill="#c79a38" d="M11.27 8.48c-.66.13-1.3.48-1.77.95c-2.48 2.48-.33 6.74 3.13 6.11c.84-.16 1.55-.59 2.12-1.23c2.26-2.59-.17-6.43-3.48-5.83m.3 1.27c2.93-.55 3.85 3.93.78 4.51c-.39.08-.81.01-1.18-.13c-2.17-.8-1.78-3.96.4-4.38" class="wm-a"/><path fill="#140f18" fill-opacity=".45" d="M9.9 13.1c-.5-2.5.7-3.7 3.1-3.2c-2.1-1.7-4.8 1-3.1 3.2m5-3.2l-.1.1c.2.5.4 1 .4 1.6c0 2-1.6 3.6-3.6 3.6c-.6 0-1.2-.2-1.7-.4v.1c3.4 2.3 7.4-1.7 5-5" class="wm-a"/><path fill="#fff6de" fill-opacity=".9" d="M9 13.9c-.2-.5-.4-1.1-.3-1.6c0-2 1.6-3.6 3.6-3.6c.5-.1 1.1.1 1.6.3c-3.4-1.9-6.8 1.5-4.9 4.9m5.1-2.9c.1.3.2.7.2 1c-.1 1.9-1.6 2.5-3.3 2.1v.1c2.3 1.2 4.3-1 3.1-3.2" class="wm-a"/><path fill="#fff6de" fill-opacity=".9" d="m9.38 13.78l.01-.12c-.18-.47-.34-.9-.33-1.41c.02-1.74 1.44-3.19 3.19-3.19c.52 0 .93.15 1.41.33l.11-.01c-2.91-1.99-6.32 1.54-4.39 4.4" class="wm-shine"/><path fill="#221a26" d="M11.4 9.49c-2.91.66-2.47 5.08.6 5.09c.58.01 1.14-.19 1.6-.55c2.18-1.72.46-5.14-2.2-4.54" class="wm-a"/><path fill="#e6a421" d="M11.75 9.73c-.35.02-.6.14-.9.3c-1.8.97-1.36 3.51.53 4.17c.5.17 1.03.09 1.51-.1c1.74-.66 1.86-3.28.2-4.11c-.44-.23-.85-.29-1.34-.26" class="wm-a"/></g>` }}
    />
  );
}

vueVue 3 组件

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="none"><path fill="#140f18" fill-opacity=".2" d="M11.6 2.4c-.2 0-.7 0-.8.3l-.6 2.6l-1.4.5l-2-1.3l-.4-.1Q5.35 5 4.6 5.9c-1 1.3.1 1.7 1 3.2L5 10.5l-2.4.5l-.3.2c-.2.4-.2.4-.2.9v1.5c0 .2.1.8.4.9L5 15l.6 1.5l-1.3 2l-.1.4c.4.7-.6-.3.5.7l1.1 1.1c.2.2.6.5.8.3l2.1-1.3c.4-.3 1.2.4 1.6.6l.4 2.3l.3.4l.8.1h1.3c1.7.1 1.4-1.4 1.7-2.9l1.4-.5l2 1.3l.4.1c.5-.3-.2.4.6-.4l1.1-1.1c.1-.1.7-.6.5-1l-1.3-2c-.3-.5.4-1.2.5-1.6l2.4-.5l.3-.2l.2-.8v-1.4c0-1.6-1.4-1.3-2.9-1.6L19.4 9l1.3-2l.1-.4c-.5-.7.6.4-.5-.7l-.9-1c-1.2-1.2-1.9.1-3.3.9l-1.4-.6l-.4-2.3l-.3-.4c-.3-.1-.3-.2-.9-.1z" class="wm-shadow"/><path fill="#221a26" d="m9.71 4.51l-1.23.52l-.23.03c-.87-.57-1.94-1.96-2.93-1.05l-.65.6l-.55.58c-1.24 1.42.54 1.14.93 3.06c.06.28-.47 1.22-.59 1.5l-2.31.48c-.72.15-.57 1.41-.56 1.9c0 .33-.08 1.18.24 1.47c.5.44 2.14.57 2.68.69l.52 1.23l.03.23c-1.38 2.13-2.05 2.03-.39 3.64c.21.21.8.89 1.21.92c.88.07 1.61-1.21 2.37-1.36c.3-.07 1.19.46 1.5.59l.48 2.31c.15.72 1.44.56 1.9.57c.35 0 1.29.05 1.52-.32c.48-.75.47-1.85.64-2.61l1.23-.52l.23-.02l1.97 1.27c.6.39 1.28-.5 1.61-.83l.49-.51c.23-.27.52-.5.5-.88l-.1-.28c-1.53-2.39-1.57-1.42-.68-3.47l2.31-.48c.72-.15.56-1.44.57-1.89c0-.36.05-1.3-.32-1.53c-.76-.48-1.79-.46-2.61-.64l-.51-1.23l-.03-.23l1.27-1.97c.39-.6-.48-1.26-.83-1.61l-.51-.49c-.27-.23-.5-.52-.88-.5l-.28.1l-1.88 1.24l-.21.04l-.62-.27c-.24-.1-.53-.23-.76-.33l-.48-2.31c-.15-.72-1.41-.57-1.89-.56c-.34 0-1.19-.08-1.48.24c-.44.5-.57 2.14-.69 2.68M12 5.74c.65.96 1.01.97 2.03 1.4c.93.38 1.34.66 2.33.47c-.12 1.12.06 1.28.5 2.36c.45 1.09.42 1.37 1.4 2.03c-.99.67-.96.97-1.4 2.03c-.38.93-.66 1.34-.47 2.33c-.57-.06-1.1-.07-1.66.17l-.76.36l-.84.3c-.51.18-.84.65-1.13 1.07c-.29-.42-.62-.89-1.13-1.07l-.84-.3c-1.11-.39-1.19-.73-2.39-.5c.06-.56.07-1.1-.17-1.66l-.34-.69l-.32-.91c-.18-.5-.65-.85-1.07-1.13c.98-.66.95-.94 1.4-2.03c.44-1.08.62-1.24.5-2.36c.57.11 1.08.1 1.63-.14l.69-.34l.81-.28c.55-.2.92-.64 1.23-1.11" class="wm-k"/><path fill="#d3cdc0" d="M10.77 2.09c-.1.16-.08-.1-.15.22l-.49 2.4l-.16.18l-.84.3l-.67.32l-.21.04l-2.2-1.42l-.15-.02c-.25.18-1.98 1.61-1.77 1.94l1.39 2.11c.18.29-.22.65-.33.97l-.3.84l-.18.16l-2.4.49c-.09.02-.13.13-.21.15c-.06.44-.12.78-.09 1.23l.04 1c.01.12.03.32.18.35l2.48.52l.18.16l.3.85l.32.66l.04.21l-1.42 2.2l-.02.15c.53.7 1.12 1.23 1.79 1.79l.15-.02l2.11-1.39l.21-.02l.92.42l.68.23l.16.18l.49 2.4c.02.09.13.13.15.21c.84.1 1.62.09 2.46.01c.1-.16.08.09.15-.22l.49-2.4c.06-.3.56-.28.84-.41l.84-.39l.2-.04l2.2 1.42l.15.02c.25-.18 1.98-1.61 1.77-1.94l-1.39-2.11c-.18-.29.22-.65.33-.96l.3-.85l.18-.16l2.4-.49c.09-.02.13-.13.21-.15c.1-.84.09-1.62.01-2.46c-.16-.1.1-.08-.22-.15l-2.4-.49l-.18-.16l-.3-.84l-.32-.68l-.04-.2l1.42-2.2l.02-.15c-.21-.27-1.6-1.99-1.94-1.77l-2.11 1.39c-.29.18-.65-.22-.96-.33l-.85-.3l-.16-.18l-.49-2.4c-.02-.09-.13-.13-.15-.21c-.83-.1-1.63-.12-2.46-.01m1.21 2.06l.02-.04l.24 1.1c.12.54.63 1.06 1.13 1.24l.83.3l.83.39c.38.17 1.04.22 1.42-.01l1.04-.65c-.43.74-1.06 1.55-.63 2.49l.39.83l.34.93c.19.51.77.94 1.29 1.05l1.01.22l-1.1.24c-.53.12-1.06.63-1.24 1.13l-.3.83l-.39.83c-.17.38-.22 1.04.01 1.42l.65 1.04c-.74-.43-1.55-1.06-2.49-.63l-.92.43l-.84.3c-.51.18-.94.78-1.05 1.29L12 19.89l-.22-1.01c-.11-.51-.54-1.11-1.05-1.29l-.84-.3l-.92-.43c-.38-.17-1.04-.22-1.42.01l-1.04.65c.46-.8 1.03-1.5.63-2.49l-.36-.76l-.37-1c-.19-.51-.77-.94-1.29-1.05L4.11 12l1.01-.22c.52-.11 1.1-.54 1.29-1.05l.34-.93l.39-.83c.43-.94-.2-1.75-.63-2.49l1.04.65c.73.45 1.53-.12 2.18-.35l.9-.33c.5-.18 1.01-.7 1.13-1.24z" class="wm-k"/><path fill="#837a6f" d="M13 2.1v.2l.4 1.9c0 .3.2.1.3.2l.1-.1l-.4-2l-.2-.2zm-1.5 1.5c-.4 2-.5 1.9-2.3 2.7c-.6.2-1.4.8-2.1.3L6 6c1 1.6 1 1.6.2 3.3c-.7 1.7-.7 1.8-2.6 2.2l1.4.3l.6-.2c.7-.4.8-1.1 1.1-1.8c.3-.6.9-1.5.4-2.2l-.6-1.1c2 1.2 1.9.8 4 0c.6-.2 1.5-.9 1.3-1.6zm8 1.8c-.5.7-1 1.6-1.5 2.4l.6 1.7l.2.1h.2c-.2-.4-.4-.9-.5-1.3l1.4-2.2v-.3zm-6.7.6c.4.3 3.1 1.8 3.5 1.1L17 6c-.6.4-1.5 1.1-2.4.7l-.9-.5zm8.7 4.6c0 .7 0 1.5-.1 2.2c-2.9.6-2.4-.2-3.1 1.6c-.1.3-.5.7-.3.9l1.4 2.2v.2l-.8.8l-.8.7l-.3.2l-2.3-1.4c-2.4 1-1.7.1-2.4 3.4c-.3 0-.2.1-.7.1h-1.5c.1.1 0 .1.1.4h.3l1 .1l1.2-.1l.2-.2l.5-2.3c0-.1 0-.2.1-.3l.7-.2c.4-.2.8-.6 1.1-.4l2.2 1.4c.3-.2 0 .1.3-.2l.8-.7l.8-.8V18l-1.4-2.2c-.2-.2.2-.6.3-.9c.7-1.7.2-.9 2.9-1.5l.2-.2l.1-1.2l-.1-1.1v-.2zm-3.5.6c.2.2.3.3.5.4l.9-.1zM6 12.7c.5 2.5 1.4 1.9 0 4.3l1.1-.7c.7-.4-.8-3.2-1.1-3.6m-3.9.3v.2l.2.2l2 .4l.1-.1c-.1-.1.1-.3-.2-.3zm5.7 5c-.8.4-1.7 1-2.3 1.5c1 1 1.1 0 2.8-1c.4.1.9.3 1.3.5v-.2l-.1-.2zm3.4 0v.1l.3 1.3l.1-.9c-.2-.4 0-.2-.4-.5" class="wm-k"/><path fill="#fff6de" fill-opacity=".9" d="m10.8 2.1l-.2.2c-.7 3.2.2 2.1-2.3 3.3v.1c.1 0 .2.1.3.1c2.4-1.1 1.6-.1 2.3-3.2l.1-.3h2.2l.1-.1l-.1-.1q-1.2-.15-2.4 0m-4.9 2l-.8.7l-.6.6l-.4.5l.1.2h.1l.9-.9l.9-.9v-.1zm12.1 0l-2.4 1.5c.1.1.3.3.5.2l2.1-1.4l.1-.1c-.1-.1-.2-.2-.3-.2m-5.7.3c-.2.6-.1.7.2 1.3c-.1-.4-.1-.8-.2-1.3m2 .6h-.1l.1.1l1.1.4h.1c-.4-.2-.8-.4-1.2-.5m3.4 1.7c-1.5 1-1 1.8-.4 3.2c.5 1.2.1.5.5 1.1c-.1-.5-.4-1-.6-1.5c-.5-1.1 0-1.9.5-2.8M5.6 8.2c-.3.6-.6 1.3-.8 1.9l-2.5.5l-.2.2l-.1 1.3l.1.9v.3c.1 0 .1 0 .2-.1V11l.3-.1c2.7-.6 2.1.2 2.8-1.5c.4-.8.5-.7.2-1.2m13.8 2s.1.2.2.2l2 .4h.3l-.3-.2l-2-.4zM17 16.7c0-1.1.1-1.2.5-2.3c.7-1.7.8-1.7 2.6-2.1c-.9-.3-2-.1-2.5.9l-.4 1.1c-.4 1.1-.7 1.3-.2 2.4M4.4 12.2c1.7.5.7.2 1.3.3c-.5-.2-.8-.4-1.3-.3m.6 2c.1.5.3.8.5 1.3v-.1l-.4-1.1zm.6 1.4c-.5.8-1 1.6-1.5 2.3v.2l.2.2l.1-.2l1.4-2c.1-.2-.1-.4-.2-.5m1.1 2.1c2.5-1.4 1.9-.4 4.3.1c-.6-.4.2 0-1.1-.5c-1.4-.6-2.2-1.1-3.2.4m5.6 2.4c.4-1.8.3-1.9 2.1-2.6c1.1-.4 1.2-.5 2.3-.5c-1-.5-1.6-.1-2.6.3l-.8.3c-.7.3-1.2 1.2-1.2 1.9zm-2.1-.7v.2l.4 2.1l.2.2v-.3l-.4-2.1z" class="wm-k"/><path fill="#221a26" d="m11.61 3.91l-.24 1.13c-.09.42-.47.86-.87 1.01l-.92.33c-.54.2-.98.58-1.58.45c-.23-.05-.33-.11-.53-.23c-.36-.23-.89-.81-1.31-.38a.43.43 0 0 0-.11.28c0 .75 1.22 1.21.7 2.31l-.37.77l-.33.92c-.15.4-.59.78-1.01.87l-1.13.24c-.34.08-.34.7 0 .78l1.13.24c.42.09.86.47 1.01.87l.33.92c.2.54.58.98.45 1.58c-.05.22-.11.34-.23.53c-.12.18-.8.89-.44 1.25c.1.1.19.17.34.17c.76 0 1.19-1.21 2.31-.7l.94.43l.84.31c.36.13.7.61.78.97l.24 1.13c.08.34.7.34.78 0l.24-1.13c.08-.36.42-.84.78-.97l.84-.31l.94-.43c.95-.44 1.4.42 2.19.68c.32.11.66-.23.55-.55c-.26-.78-1.12-1.25-.68-2.19l.37-.77l.37-1.01c.13-.36.6-.7.97-.78l1.13-.24c.34-.08.34-.7 0-.78l-1.13-.24c-.42-.09-.86-.47-1.01-.87l-.33-.92l-.37-.77c-.52-1.1.7-1.56.7-2.31c0-.4-.43-.54-.73-.36c-.61.38-1.26.97-2.03.61l-.77-.37l-1.01-.37c-.98-.36-.65-1.55-1.06-2.17c-.15-.23-.66-.28-.74.07" class="wm-k"/><path fill="#b3163b" d="m12 4.11l-.24 1.1c-.12.53-.63 1.06-1.13 1.24l-.9.33c-.65.23-1.45.8-2.18.35l-1.04-.65c.43.74 1.06 1.55.63 2.49l-.39.83l-.34.93c-.19.51-.77.94-1.29 1.05L4.11 12l1.01.22c.52.11 1.1.54 1.29 1.05l.37 1l.36.76c.4.99-.17 1.69-.63 2.49l1.04-.65c.38-.23 1.04-.18 1.42-.01l.92.43l.84.3c.51.18.94.78 1.05 1.29l.22 1.01l.22-1.01c.11-.51.54-1.11 1.05-1.29l.84-.3l.92-.43c.38-.17 1.04-.22 1.42.01l1.04.65c-.43-.74-1.06-1.55-.63-2.49l.39-.83l.34-.93c.19-.51.77-.94 1.29-1.05l1.01-.22l-1.1-.24c-.53-.12-1.06-.63-1.24-1.13l-.3-.83l-.39-.83c-.17-.38-.22-1.04.01-1.42l.65-1.04c-.74.43-1.55 1.06-2.49.63l-.83-.39l-.93-.34c-.51-.19-.94-.77-1.05-1.29z" class="wm-k"/><path stroke="#221a26" stroke-linecap="round" stroke-linejoin="round" stroke-width=".27" d="m15.33 13.38l2.58 1.07m-4.53.88l1.07 2.58m-3.83-2.58l-1.07 2.58m-.88-4.53l-2.58 1.07m2.58-3.83L6.09 9.55m4.53-.88L9.55 6.09m3.83 2.58l1.07-2.58m.88 4.53l2.58-1.07" class="wm-k"/><path fill="#221a26" d="M11.88 7.99c-2.13.03-3.9 1.9-3.9 4.01c0 2.18 1.84 4.02 4.02 4.02s4.02-1.84 4.02-4.02c0-2.26-1.92-4.04-4.14-4.01m-.55 2.27c2.21-.89 3.66 2.55 1.34 3.48c-2.26.91-3.61-2.57-1.34-3.48" class="wm-a"/><path fill="#c79a38" d="M11.27 8.48c-.66.13-1.3.48-1.77.95c-2.48 2.48-.33 6.74 3.13 6.11c.84-.16 1.55-.59 2.12-1.23c2.26-2.59-.17-6.43-3.48-5.83m.3 1.27c2.93-.55 3.85 3.93.78 4.51c-.39.08-.81.01-1.18-.13c-2.17-.8-1.78-3.96.4-4.38" class="wm-a"/><path fill="#140f18" fill-opacity=".45" d="M9.9 13.1c-.5-2.5.7-3.7 3.1-3.2c-2.1-1.7-4.8 1-3.1 3.2m5-3.2l-.1.1c.2.5.4 1 .4 1.6c0 2-1.6 3.6-3.6 3.6c-.6 0-1.2-.2-1.7-.4v.1c3.4 2.3 7.4-1.7 5-5" class="wm-a"/><path fill="#fff6de" fill-opacity=".9" d="M9 13.9c-.2-.5-.4-1.1-.3-1.6c0-2 1.6-3.6 3.6-3.6c.5-.1 1.1.1 1.6.3c-3.4-1.9-6.8 1.5-4.9 4.9m5.1-2.9c.1.3.2.7.2 1c-.1 1.9-1.6 2.5-3.3 2.1v.1c2.3 1.2 4.3-1 3.1-3.2" class="wm-a"/><path fill="#fff6de" fill-opacity=".9" d="m9.38 13.78l.01-.12c-.18-.47-.34-.9-.33-1.41c.02-1.74 1.44-3.19 3.19-3.19c.52 0 .93.15 1.41.33l.11-.01c-2.91-1.99-6.32 1.54-4.39 4.4" class="wm-shine"/><path fill="#221a26" d="M11.4 9.49c-2.91.66-2.47 5.08.6 5.09c.58.01 1.14-.19 1.6-.55c2.18-1.72.46-5.14-2.2-4.54" class="wm-a"/><path fill="#e6a421" d="M11.75 9.73c-.35.02-.6.14-.9.3c-1.8.97-1.36 3.51.53 4.17c.5.17 1.03.09 1.51-.1c1.74-.66 1.86-3.28.2-4.11c-.44-.23-.85-.29-1.34-.26" class="wm-a"/></g>`;
</script>

cssCSS mask（随 currentColor 改色）

.settings {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23140f18%22%20fill-opacity%3D%22.2%22%20d%3D%22M11.6%202.4c-.2%200-.7%200-.8.3l-.6%202.6l-1.4.5l-2-1.3l-.4-.1Q5.35%205%204.6%205.9c-1%201.3.1%201.7%201%203.2L5%2010.5l-2.4.5l-.3.2c-.2.4-.2.4-.2.9v1.5c0%20.2.1.8.4.9L5%2015l.6%201.5l-1.3%202l-.1.4c.4.7-.6-.3.5.7l1.1%201.1c.2.2.6.5.8.3l2.1-1.3c.4-.3%201.2.4%201.6.6l.4%202.3l.3.4l.8.1h1.3c1.7.1%201.4-1.4%201.7-2.9l1.4-.5l2%201.3l.4.1c.5-.3-.2.4.6-.4l1.1-1.1c.1-.1.7-.6.5-1l-1.3-2c-.3-.5.4-1.2.5-1.6l2.4-.5l.3-.2l.2-.8v-1.4c0-1.6-1.4-1.3-2.9-1.6L19.4%209l1.3-2l.1-.4c-.5-.7.6.4-.5-.7l-.9-1c-1.2-1.2-1.9.1-3.3.9l-1.4-.6l-.4-2.3l-.3-.4c-.3-.1-.3-.2-.9-.1z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22m9.71%204.51l-1.23.52l-.23.03c-.87-.57-1.94-1.96-2.93-1.05l-.65.6l-.55.58c-1.24%201.42.54%201.14.93%203.06c.06.28-.47%201.22-.59%201.5l-2.31.48c-.72.15-.57%201.41-.56%201.9c0%20.33-.08%201.18.24%201.47c.5.44%202.14.57%202.68.69l.52%201.23l.03.23c-1.38%202.13-2.05%202.03-.39%203.64c.21.21.8.89%201.21.92c.88.07%201.61-1.21%202.37-1.36c.3-.07%201.19.46%201.5.59l.48%202.31c.15.72%201.44.56%201.9.57c.35%200%201.29.05%201.52-.32c.48-.75.47-1.85.64-2.61l1.23-.52l.23-.02l1.97%201.27c.6.39%201.28-.5%201.61-.83l.49-.51c.23-.27.52-.5.5-.88l-.1-.28c-1.53-2.39-1.57-1.42-.68-3.47l2.31-.48c.72-.15.56-1.44.57-1.89c0-.36.05-1.3-.32-1.53c-.76-.48-1.79-.46-2.61-.64l-.51-1.23l-.03-.23l1.27-1.97c.39-.6-.48-1.26-.83-1.61l-.51-.49c-.27-.23-.5-.52-.88-.5l-.28.1l-1.88%201.24l-.21.04l-.62-.27c-.24-.1-.53-.23-.76-.33l-.48-2.31c-.15-.72-1.41-.57-1.89-.56c-.34%200-1.19-.08-1.48.24c-.44.5-.57%202.14-.69%202.68M12%205.74c.65.96%201.01.97%202.03%201.4c.93.38%201.34.66%202.33.47c-.12%201.12.06%201.28.5%202.36c.45%201.09.42%201.37%201.4%202.03c-.99.67-.96.97-1.4%202.03c-.38.93-.66%201.34-.47%202.33c-.57-.06-1.1-.07-1.66.17l-.76.36l-.84.3c-.51.18-.84.65-1.13%201.07c-.29-.42-.62-.89-1.13-1.07l-.84-.3c-1.11-.39-1.19-.73-2.39-.5c.06-.56.07-1.1-.17-1.66l-.34-.69l-.32-.91c-.18-.5-.65-.85-1.07-1.13c.98-.66.95-.94%201.4-2.03c.44-1.08.62-1.24.5-2.36c.57.11%201.08.1%201.63-.14l.69-.34l.81-.28c.55-.2.92-.64%201.23-1.11%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23d3cdc0%22%20d%3D%22M10.77%202.09c-.1.16-.08-.1-.15.22l-.49%202.4l-.16.18l-.84.3l-.67.32l-.21.04l-2.2-1.42l-.15-.02c-.25.18-1.98%201.61-1.77%201.94l1.39%202.11c.18.29-.22.65-.33.97l-.3.84l-.18.16l-2.4.49c-.09.02-.13.13-.21.15c-.06.44-.12.78-.09%201.23l.04%201c.01.12.03.32.18.35l2.48.52l.18.16l.3.85l.32.66l.04.21l-1.42%202.2l-.02.15c.53.7%201.12%201.23%201.79%201.79l.15-.02l2.11-1.39l.21-.02l.92.42l.68.23l.16.18l.49%202.4c.02.09.13.13.15.21c.84.1%201.62.09%202.46.01c.1-.16.08.09.15-.22l.49-2.4c.06-.3.56-.28.84-.41l.84-.39l.2-.04l2.2%201.42l.15.02c.25-.18%201.98-1.61%201.77-1.94l-1.39-2.11c-.18-.29.22-.65.33-.96l.3-.85l.18-.16l2.4-.49c.09-.02.13-.13.21-.15c.1-.84.09-1.62.01-2.46c-.16-.1.1-.08-.22-.15l-2.4-.49l-.18-.16l-.3-.84l-.32-.68l-.04-.2l1.42-2.2l.02-.15c-.21-.27-1.6-1.99-1.94-1.77l-2.11%201.39c-.29.18-.65-.22-.96-.33l-.85-.3l-.16-.18l-.49-2.4c-.02-.09-.13-.13-.15-.21c-.83-.1-1.63-.12-2.46-.01m1.21%202.06l.02-.04l.24%201.1c.12.54.63%201.06%201.13%201.24l.83.3l.83.39c.38.17%201.04.22%201.42-.01l1.04-.65c-.43.74-1.06%201.55-.63%202.49l.39.83l.34.93c.19.51.77.94%201.29%201.05l1.01.22l-1.1.24c-.53.12-1.06.63-1.24%201.13l-.3.83l-.39.83c-.17.38-.22%201.04.01%201.42l.65%201.04c-.74-.43-1.55-1.06-2.49-.63l-.92.43l-.84.3c-.51.18-.94.78-1.05%201.29L12%2019.89l-.22-1.01c-.11-.51-.54-1.11-1.05-1.29l-.84-.3l-.92-.43c-.38-.17-1.04-.22-1.42.01l-1.04.65c.46-.8%201.03-1.5.63-2.49l-.36-.76l-.37-1c-.19-.51-.77-.94-1.29-1.05L4.11%2012l1.01-.22c.52-.11%201.1-.54%201.29-1.05l.34-.93l.39-.83c.43-.94-.2-1.75-.63-2.49l1.04.65c.73.45%201.53-.12%202.18-.35l.9-.33c.5-.18%201.01-.7%201.13-1.24z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23837a6f%22%20d%3D%22M13%202.1v.2l.4%201.9c0%20.3.2.1.3.2l.1-.1l-.4-2l-.2-.2zm-1.5%201.5c-.4%202-.5%201.9-2.3%202.7c-.6.2-1.4.8-2.1.3L6%206c1%201.6%201%201.6.2%203.3c-.7%201.7-.7%201.8-2.6%202.2l1.4.3l.6-.2c.7-.4.8-1.1%201.1-1.8c.3-.6.9-1.5.4-2.2l-.6-1.1c2%201.2%201.9.8%204%200c.6-.2%201.5-.9%201.3-1.6zm8%201.8c-.5.7-1%201.6-1.5%202.4l.6%201.7l.2.1h.2c-.2-.4-.4-.9-.5-1.3l1.4-2.2v-.3zm-6.7.6c.4.3%203.1%201.8%203.5%201.1L17%206c-.6.4-1.5%201.1-2.4.7l-.9-.5zm8.7%204.6c0%20.7%200%201.5-.1%202.2c-2.9.6-2.4-.2-3.1%201.6c-.1.3-.5.7-.3.9l1.4%202.2v.2l-.8.8l-.8.7l-.3.2l-2.3-1.4c-2.4%201-1.7.1-2.4%203.4c-.3%200-.2.1-.7.1h-1.5c.1.1%200%20.1.1.4h.3l1%20.1l1.2-.1l.2-.2l.5-2.3c0-.1%200-.2.1-.3l.7-.2c.4-.2.8-.6%201.1-.4l2.2%201.4c.3-.2%200%20.1.3-.2l.8-.7l.8-.8V18l-1.4-2.2c-.2-.2.2-.6.3-.9c.7-1.7.2-.9%202.9-1.5l.2-.2l.1-1.2l-.1-1.1v-.2zm-3.5.6c.2.2.3.3.5.4l.9-.1zM6%2012.7c.5%202.5%201.4%201.9%200%204.3l1.1-.7c.7-.4-.8-3.2-1.1-3.6m-3.9.3v.2l.2.2l2%20.4l.1-.1c-.1-.1.1-.3-.2-.3zm5.7%205c-.8.4-1.7%201-2.3%201.5c1%201%201.1%200%202.8-1c.4.1.9.3%201.3.5v-.2l-.1-.2zm3.4%200v.1l.3%201.3l.1-.9c-.2-.4%200-.2-.4-.5%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff6de%22%20fill-opacity%3D%22.9%22%20d%3D%22m10.8%202.1l-.2.2c-.7%203.2.2%202.1-2.3%203.3v.1c.1%200%20.2.1.3.1c2.4-1.1%201.6-.1%202.3-3.2l.1-.3h2.2l.1-.1l-.1-.1q-1.2-.15-2.4%200m-4.9%202l-.8.7l-.6.6l-.4.5l.1.2h.1l.9-.9l.9-.9v-.1zm12.1%200l-2.4%201.5c.1.1.3.3.5.2l2.1-1.4l.1-.1c-.1-.1-.2-.2-.3-.2m-5.7.3c-.2.6-.1.7.2%201.3c-.1-.4-.1-.8-.2-1.3m2%20.6h-.1l.1.1l1.1.4h.1c-.4-.2-.8-.4-1.2-.5m3.4%201.7c-1.5%201-1%201.8-.4%203.2c.5%201.2.1.5.5%201.1c-.1-.5-.4-1-.6-1.5c-.5-1.1%200-1.9.5-2.8M5.6%208.2c-.3.6-.6%201.3-.8%201.9l-2.5.5l-.2.2l-.1%201.3l.1.9v.3c.1%200%20.1%200%20.2-.1V11l.3-.1c2.7-.6%202.1.2%202.8-1.5c.4-.8.5-.7.2-1.2m13.8%202s.1.2.2.2l2%20.4h.3l-.3-.2l-2-.4zM17%2016.7c0-1.1.1-1.2.5-2.3c.7-1.7.8-1.7%202.6-2.1c-.9-.3-2-.1-2.5.9l-.4%201.1c-.4%201.1-.7%201.3-.2%202.4M4.4%2012.2c1.7.5.7.2%201.3.3c-.5-.2-.8-.4-1.3-.3m.6%202c.1.5.3.8.5%201.3v-.1l-.4-1.1zm.6%201.4c-.5.8-1%201.6-1.5%202.3v.2l.2.2l.1-.2l1.4-2c.1-.2-.1-.4-.2-.5m1.1%202.1c2.5-1.4%201.9-.4%204.3.1c-.6-.4.2%200-1.1-.5c-1.4-.6-2.2-1.1-3.2.4m5.6%202.4c.4-1.8.3-1.9%202.1-2.6c1.1-.4%201.2-.5%202.3-.5c-1-.5-1.6-.1-2.6.3l-.8.3c-.7.3-1.2%201.2-1.2%201.9zm-2.1-.7v.2l.4%202.1l.2.2v-.3l-.4-2.1z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22m11.61%203.91l-.24%201.13c-.09.42-.47.86-.87%201.01l-.92.33c-.54.2-.98.58-1.58.45c-.23-.05-.33-.11-.53-.23c-.36-.23-.89-.81-1.31-.38a.43.43%200%200%200-.11.28c0%20.75%201.22%201.21.7%202.31l-.37.77l-.33.92c-.15.4-.59.78-1.01.87l-1.13.24c-.34.08-.34.7%200%20.78l1.13.24c.42.09.86.47%201.01.87l.33.92c.2.54.58.98.45%201.58c-.05.22-.11.34-.23.53c-.12.18-.8.89-.44%201.25c.1.1.19.17.34.17c.76%200%201.19-1.21%202.31-.7l.94.43l.84.31c.36.13.7.61.78.97l.24%201.13c.08.34.7.34.78%200l.24-1.13c.08-.36.42-.84.78-.97l.84-.31l.94-.43c.95-.44%201.4.42%202.19.68c.32.11.66-.23.55-.55c-.26-.78-1.12-1.25-.68-2.19l.37-.77l.37-1.01c.13-.36.6-.7.97-.78l1.13-.24c.34-.08.34-.7%200-.78l-1.13-.24c-.42-.09-.86-.47-1.01-.87l-.33-.92l-.37-.77c-.52-1.1.7-1.56.7-2.31c0-.4-.43-.54-.73-.36c-.61.38-1.26.97-2.03.61l-.77-.37l-1.01-.37c-.98-.36-.65-1.55-1.06-2.17c-.15-.23-.66-.28-.74.07%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23b3163b%22%20d%3D%22m12%204.11l-.24%201.1c-.12.53-.63%201.06-1.13%201.24l-.9.33c-.65.23-1.45.8-2.18.35l-1.04-.65c.43.74%201.06%201.55.63%202.49l-.39.83l-.34.93c-.19.51-.77.94-1.29%201.05L4.11%2012l1.01.22c.52.11%201.1.54%201.29%201.05l.37%201l.36.76c.4.99-.17%201.69-.63%202.49l1.04-.65c.38-.23%201.04-.18%201.42-.01l.92.43l.84.3c.51.18.94.78%201.05%201.29l.22%201.01l.22-1.01c.11-.51.54-1.11%201.05-1.29l.84-.3l.92-.43c.38-.17%201.04-.22%201.42.01l1.04.65c-.43-.74-1.06-1.55-.63-2.49l.39-.83l.34-.93c.19-.51.77-.94%201.29-1.05l1.01-.22l-1.1-.24c-.53-.12-1.06-.63-1.24-1.13l-.3-.83l-.39-.83c-.17-.38-.22-1.04.01-1.42l.65-1.04c-.74.43-1.55%201.06-2.49.63l-.83-.39l-.93-.34c-.51-.19-.94-.77-1.05-1.29z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%23221a26%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.27%22%20d%3D%22m15.33%2013.38l2.58%201.07m-4.53.88l1.07%202.58m-3.83-2.58l-1.07%202.58m-.88-4.53l-2.58%201.07m2.58-3.83L6.09%209.55m4.53-.88L9.55%206.09m3.83%202.58l1.07-2.58m.88%204.53l2.58-1.07%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22M11.88%207.99c-2.13.03-3.9%201.9-3.9%204.01c0%202.18%201.84%204.02%204.02%204.02s4.02-1.84%204.02-4.02c0-2.26-1.92-4.04-4.14-4.01m-.55%202.27c2.21-.89%203.66%202.55%201.34%203.48c-2.26.91-3.61-2.57-1.34-3.48%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23c79a38%22%20d%3D%22M11.27%208.48c-.66.13-1.3.48-1.77.95c-2.48%202.48-.33%206.74%203.13%206.11c.84-.16%201.55-.59%202.12-1.23c2.26-2.59-.17-6.43-3.48-5.83m.3%201.27c2.93-.55%203.85%203.93.78%204.51c-.39.08-.81.01-1.18-.13c-2.17-.8-1.78-3.96.4-4.38%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23140f18%22%20fill-opacity%3D%22.45%22%20d%3D%22M9.9%2013.1c-.5-2.5.7-3.7%203.1-3.2c-2.1-1.7-4.8%201-3.1%203.2m5-3.2l-.1.1c.2.5.4%201%20.4%201.6c0%202-1.6%203.6-3.6%203.6c-.6%200-1.2-.2-1.7-.4v.1c3.4%202.3%207.4-1.7%205-5%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff6de%22%20fill-opacity%3D%22.9%22%20d%3D%22M9%2013.9c-.2-.5-.4-1.1-.3-1.6c0-2%201.6-3.6%203.6-3.6c.5-.1%201.1.1%201.6.3c-3.4-1.9-6.8%201.5-4.9%204.9m5.1-2.9c.1.3.2.7.2%201c-.1%201.9-1.6%202.5-3.3%202.1v.1c2.3%201.2%204.3-1%203.1-3.2%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff6de%22%20fill-opacity%3D%22.9%22%20d%3D%22m9.38%2013.78l.01-.12c-.18-.47-.34-.9-.33-1.41c.02-1.74%201.44-3.19%203.19-3.19c.52%200%20.93.15%201.41.33l.11-.01c-2.91-1.99-6.32%201.54-4.39%204.4%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22M11.4%209.49c-2.91.66-2.47%205.08.6%205.09c.58.01%201.14-.19%201.6-.55c2.18-1.72.46-5.14-2.2-4.54%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23e6a421%22%20d%3D%22M11.75%209.73c-.35.02-.6.14-.9.3c-1.8.97-1.36%203.51.53%204.17c.5.17%201.03.09%201.51-.1c1.74-.66%201.86-3.28.2-4.11c-.44-.23-.85-.29-1.34-.26%22%20class%3D%22wm-a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23140f18%22%20fill-opacity%3D%22.2%22%20d%3D%22M11.6%202.4c-.2%200-.7%200-.8.3l-.6%202.6l-1.4.5l-2-1.3l-.4-.1Q5.35%205%204.6%205.9c-1%201.3.1%201.7%201%203.2L5%2010.5l-2.4.5l-.3.2c-.2.4-.2.4-.2.9v1.5c0%20.2.1.8.4.9L5%2015l.6%201.5l-1.3%202l-.1.4c.4.7-.6-.3.5.7l1.1%201.1c.2.2.6.5.8.3l2.1-1.3c.4-.3%201.2.4%201.6.6l.4%202.3l.3.4l.8.1h1.3c1.7.1%201.4-1.4%201.7-2.9l1.4-.5l2%201.3l.4.1c.5-.3-.2.4.6-.4l1.1-1.1c.1-.1.7-.6.5-1l-1.3-2c-.3-.5.4-1.2.5-1.6l2.4-.5l.3-.2l.2-.8v-1.4c0-1.6-1.4-1.3-2.9-1.6L19.4%209l1.3-2l.1-.4c-.5-.7.6.4-.5-.7l-.9-1c-1.2-1.2-1.9.1-3.3.9l-1.4-.6l-.4-2.3l-.3-.4c-.3-.1-.3-.2-.9-.1z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22m9.71%204.51l-1.23.52l-.23.03c-.87-.57-1.94-1.96-2.93-1.05l-.65.6l-.55.58c-1.24%201.42.54%201.14.93%203.06c.06.28-.47%201.22-.59%201.5l-2.31.48c-.72.15-.57%201.41-.56%201.9c0%20.33-.08%201.18.24%201.47c.5.44%202.14.57%202.68.69l.52%201.23l.03.23c-1.38%202.13-2.05%202.03-.39%203.64c.21.21.8.89%201.21.92c.88.07%201.61-1.21%202.37-1.36c.3-.07%201.19.46%201.5.59l.48%202.31c.15.72%201.44.56%201.9.57c.35%200%201.29.05%201.52-.32c.48-.75.47-1.85.64-2.61l1.23-.52l.23-.02l1.97%201.27c.6.39%201.28-.5%201.61-.83l.49-.51c.23-.27.52-.5.5-.88l-.1-.28c-1.53-2.39-1.57-1.42-.68-3.47l2.31-.48c.72-.15.56-1.44.57-1.89c0-.36.05-1.3-.32-1.53c-.76-.48-1.79-.46-2.61-.64l-.51-1.23l-.03-.23l1.27-1.97c.39-.6-.48-1.26-.83-1.61l-.51-.49c-.27-.23-.5-.52-.88-.5l-.28.1l-1.88%201.24l-.21.04l-.62-.27c-.24-.1-.53-.23-.76-.33l-.48-2.31c-.15-.72-1.41-.57-1.89-.56c-.34%200-1.19-.08-1.48.24c-.44.5-.57%202.14-.69%202.68M12%205.74c.65.96%201.01.97%202.03%201.4c.93.38%201.34.66%202.33.47c-.12%201.12.06%201.28.5%202.36c.45%201.09.42%201.37%201.4%202.03c-.99.67-.96.97-1.4%202.03c-.38.93-.66%201.34-.47%202.33c-.57-.06-1.1-.07-1.66.17l-.76.36l-.84.3c-.51.18-.84.65-1.13%201.07c-.29-.42-.62-.89-1.13-1.07l-.84-.3c-1.11-.39-1.19-.73-2.39-.5c.06-.56.07-1.1-.17-1.66l-.34-.69l-.32-.91c-.18-.5-.65-.85-1.07-1.13c.98-.66.95-.94%201.4-2.03c.44-1.08.62-1.24.5-2.36c.57.11%201.08.1%201.63-.14l.69-.34l.81-.28c.55-.2.92-.64%201.23-1.11%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23d3cdc0%22%20d%3D%22M10.77%202.09c-.1.16-.08-.1-.15.22l-.49%202.4l-.16.18l-.84.3l-.67.32l-.21.04l-2.2-1.42l-.15-.02c-.25.18-1.98%201.61-1.77%201.94l1.39%202.11c.18.29-.22.65-.33.97l-.3.84l-.18.16l-2.4.49c-.09.02-.13.13-.21.15c-.06.44-.12.78-.09%201.23l.04%201c.01.12.03.32.18.35l2.48.52l.18.16l.3.85l.32.66l.04.21l-1.42%202.2l-.02.15c.53.7%201.12%201.23%201.79%201.79l.15-.02l2.11-1.39l.21-.02l.92.42l.68.23l.16.18l.49%202.4c.02.09.13.13.15.21c.84.1%201.62.09%202.46.01c.1-.16.08.09.15-.22l.49-2.4c.06-.3.56-.28.84-.41l.84-.39l.2-.04l2.2%201.42l.15.02c.25-.18%201.98-1.61%201.77-1.94l-1.39-2.11c-.18-.29.22-.65.33-.96l.3-.85l.18-.16l2.4-.49c.09-.02.13-.13.21-.15c.1-.84.09-1.62.01-2.46c-.16-.1.1-.08-.22-.15l-2.4-.49l-.18-.16l-.3-.84l-.32-.68l-.04-.2l1.42-2.2l.02-.15c-.21-.27-1.6-1.99-1.94-1.77l-2.11%201.39c-.29.18-.65-.22-.96-.33l-.85-.3l-.16-.18l-.49-2.4c-.02-.09-.13-.13-.15-.21c-.83-.1-1.63-.12-2.46-.01m1.21%202.06l.02-.04l.24%201.1c.12.54.63%201.06%201.13%201.24l.83.3l.83.39c.38.17%201.04.22%201.42-.01l1.04-.65c-.43.74-1.06%201.55-.63%202.49l.39.83l.34.93c.19.51.77.94%201.29%201.05l1.01.22l-1.1.24c-.53.12-1.06.63-1.24%201.13l-.3.83l-.39.83c-.17.38-.22%201.04.01%201.42l.65%201.04c-.74-.43-1.55-1.06-2.49-.63l-.92.43l-.84.3c-.51.18-.94.78-1.05%201.29L12%2019.89l-.22-1.01c-.11-.51-.54-1.11-1.05-1.29l-.84-.3l-.92-.43c-.38-.17-1.04-.22-1.42.01l-1.04.65c.46-.8%201.03-1.5.63-2.49l-.36-.76l-.37-1c-.19-.51-.77-.94-1.29-1.05L4.11%2012l1.01-.22c.52-.11%201.1-.54%201.29-1.05l.34-.93l.39-.83c.43-.94-.2-1.75-.63-2.49l1.04.65c.73.45%201.53-.12%202.18-.35l.9-.33c.5-.18%201.01-.7%201.13-1.24z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23837a6f%22%20d%3D%22M13%202.1v.2l.4%201.9c0%20.3.2.1.3.2l.1-.1l-.4-2l-.2-.2zm-1.5%201.5c-.4%202-.5%201.9-2.3%202.7c-.6.2-1.4.8-2.1.3L6%206c1%201.6%201%201.6.2%203.3c-.7%201.7-.7%201.8-2.6%202.2l1.4.3l.6-.2c.7-.4.8-1.1%201.1-1.8c.3-.6.9-1.5.4-2.2l-.6-1.1c2%201.2%201.9.8%204%200c.6-.2%201.5-.9%201.3-1.6zm8%201.8c-.5.7-1%201.6-1.5%202.4l.6%201.7l.2.1h.2c-.2-.4-.4-.9-.5-1.3l1.4-2.2v-.3zm-6.7.6c.4.3%203.1%201.8%203.5%201.1L17%206c-.6.4-1.5%201.1-2.4.7l-.9-.5zm8.7%204.6c0%20.7%200%201.5-.1%202.2c-2.9.6-2.4-.2-3.1%201.6c-.1.3-.5.7-.3.9l1.4%202.2v.2l-.8.8l-.8.7l-.3.2l-2.3-1.4c-2.4%201-1.7.1-2.4%203.4c-.3%200-.2.1-.7.1h-1.5c.1.1%200%20.1.1.4h.3l1%20.1l1.2-.1l.2-.2l.5-2.3c0-.1%200-.2.1-.3l.7-.2c.4-.2.8-.6%201.1-.4l2.2%201.4c.3-.2%200%20.1.3-.2l.8-.7l.8-.8V18l-1.4-2.2c-.2-.2.2-.6.3-.9c.7-1.7.2-.9%202.9-1.5l.2-.2l.1-1.2l-.1-1.1v-.2zm-3.5.6c.2.2.3.3.5.4l.9-.1zM6%2012.7c.5%202.5%201.4%201.9%200%204.3l1.1-.7c.7-.4-.8-3.2-1.1-3.6m-3.9.3v.2l.2.2l2%20.4l.1-.1c-.1-.1.1-.3-.2-.3zm5.7%205c-.8.4-1.7%201-2.3%201.5c1%201%201.1%200%202.8-1c.4.1.9.3%201.3.5v-.2l-.1-.2zm3.4%200v.1l.3%201.3l.1-.9c-.2-.4%200-.2-.4-.5%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff6de%22%20fill-opacity%3D%22.9%22%20d%3D%22m10.8%202.1l-.2.2c-.7%203.2.2%202.1-2.3%203.3v.1c.1%200%20.2.1.3.1c2.4-1.1%201.6-.1%202.3-3.2l.1-.3h2.2l.1-.1l-.1-.1q-1.2-.15-2.4%200m-4.9%202l-.8.7l-.6.6l-.4.5l.1.2h.1l.9-.9l.9-.9v-.1zm12.1%200l-2.4%201.5c.1.1.3.3.5.2l2.1-1.4l.1-.1c-.1-.1-.2-.2-.3-.2m-5.7.3c-.2.6-.1.7.2%201.3c-.1-.4-.1-.8-.2-1.3m2%20.6h-.1l.1.1l1.1.4h.1c-.4-.2-.8-.4-1.2-.5m3.4%201.7c-1.5%201-1%201.8-.4%203.2c.5%201.2.1.5.5%201.1c-.1-.5-.4-1-.6-1.5c-.5-1.1%200-1.9.5-2.8M5.6%208.2c-.3.6-.6%201.3-.8%201.9l-2.5.5l-.2.2l-.1%201.3l.1.9v.3c.1%200%20.1%200%20.2-.1V11l.3-.1c2.7-.6%202.1.2%202.8-1.5c.4-.8.5-.7.2-1.2m13.8%202s.1.2.2.2l2%20.4h.3l-.3-.2l-2-.4zM17%2016.7c0-1.1.1-1.2.5-2.3c.7-1.7.8-1.7%202.6-2.1c-.9-.3-2-.1-2.5.9l-.4%201.1c-.4%201.1-.7%201.3-.2%202.4M4.4%2012.2c1.7.5.7.2%201.3.3c-.5-.2-.8-.4-1.3-.3m.6%202c.1.5.3.8.5%201.3v-.1l-.4-1.1zm.6%201.4c-.5.8-1%201.6-1.5%202.3v.2l.2.2l.1-.2l1.4-2c.1-.2-.1-.4-.2-.5m1.1%202.1c2.5-1.4%201.9-.4%204.3.1c-.6-.4.2%200-1.1-.5c-1.4-.6-2.2-1.1-3.2.4m5.6%202.4c.4-1.8.3-1.9%202.1-2.6c1.1-.4%201.2-.5%202.3-.5c-1-.5-1.6-.1-2.6.3l-.8.3c-.7.3-1.2%201.2-1.2%201.9zm-2.1-.7v.2l.4%202.1l.2.2v-.3l-.4-2.1z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22m11.61%203.91l-.24%201.13c-.09.42-.47.86-.87%201.01l-.92.33c-.54.2-.98.58-1.58.45c-.23-.05-.33-.11-.53-.23c-.36-.23-.89-.81-1.31-.38a.43.43%200%200%200-.11.28c0%20.75%201.22%201.21.7%202.31l-.37.77l-.33.92c-.15.4-.59.78-1.01.87l-1.13.24c-.34.08-.34.7%200%20.78l1.13.24c.42.09.86.47%201.01.87l.33.92c.2.54.58.98.45%201.58c-.05.22-.11.34-.23.53c-.12.18-.8.89-.44%201.25c.1.1.19.17.34.17c.76%200%201.19-1.21%202.31-.7l.94.43l.84.31c.36.13.7.61.78.97l.24%201.13c.08.34.7.34.78%200l.24-1.13c.08-.36.42-.84.78-.97l.84-.31l.94-.43c.95-.44%201.4.42%202.19.68c.32.11.66-.23.55-.55c-.26-.78-1.12-1.25-.68-2.19l.37-.77l.37-1.01c.13-.36.6-.7.97-.78l1.13-.24c.34-.08.34-.7%200-.78l-1.13-.24c-.42-.09-.86-.47-1.01-.87l-.33-.92l-.37-.77c-.52-1.1.7-1.56.7-2.31c0-.4-.43-.54-.73-.36c-.61.38-1.26.97-2.03.61l-.77-.37l-1.01-.37c-.98-.36-.65-1.55-1.06-2.17c-.15-.23-.66-.28-.74.07%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23b3163b%22%20d%3D%22m12%204.11l-.24%201.1c-.12.53-.63%201.06-1.13%201.24l-.9.33c-.65.23-1.45.8-2.18.35l-1.04-.65c.43.74%201.06%201.55.63%202.49l-.39.83l-.34.93c-.19.51-.77.94-1.29%201.05L4.11%2012l1.01.22c.52.11%201.1.54%201.29%201.05l.37%201l.36.76c.4.99-.17%201.69-.63%202.49l1.04-.65c.38-.23%201.04-.18%201.42-.01l.92.43l.84.3c.51.18.94.78%201.05%201.29l.22%201.01l.22-1.01c.11-.51.54-1.11%201.05-1.29l.84-.3l.92-.43c.38-.17%201.04-.22%201.42.01l1.04.65c-.43-.74-1.06-1.55-.63-2.49l.39-.83l.34-.93c.19-.51.77-.94%201.29-1.05l1.01-.22l-1.1-.24c-.53-.12-1.06-.63-1.24-1.13l-.3-.83l-.39-.83c-.17-.38-.22-1.04.01-1.42l.65-1.04c-.74.43-1.55%201.06-2.49.63l-.83-.39l-.93-.34c-.51-.19-.94-.77-1.05-1.29z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%23221a26%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.27%22%20d%3D%22m15.33%2013.38l2.58%201.07m-4.53.88l1.07%202.58m-3.83-2.58l-1.07%202.58m-.88-4.53l-2.58%201.07m2.58-3.83L6.09%209.55m4.53-.88L9.55%206.09m3.83%202.58l1.07-2.58m.88%204.53l2.58-1.07%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22M11.88%207.99c-2.13.03-3.9%201.9-3.9%204.01c0%202.18%201.84%204.02%204.02%204.02s4.02-1.84%204.02-4.02c0-2.26-1.92-4.04-4.14-4.01m-.55%202.27c2.21-.89%203.66%202.55%201.34%203.48c-2.26.91-3.61-2.57-1.34-3.48%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23c79a38%22%20d%3D%22M11.27%208.48c-.66.13-1.3.48-1.77.95c-2.48%202.48-.33%206.74%203.13%206.11c.84-.16%201.55-.59%202.12-1.23c2.26-2.59-.17-6.43-3.48-5.83m.3%201.27c2.93-.55%203.85%203.93.78%204.51c-.39.08-.81.01-1.18-.13c-2.17-.8-1.78-3.96.4-4.38%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23140f18%22%20fill-opacity%3D%22.45%22%20d%3D%22M9.9%2013.1c-.5-2.5.7-3.7%203.1-3.2c-2.1-1.7-4.8%201-3.1%203.2m5-3.2l-.1.1c.2.5.4%201%20.4%201.6c0%202-1.6%203.6-3.6%203.6c-.6%200-1.2-.2-1.7-.4v.1c3.4%202.3%207.4-1.7%205-5%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff6de%22%20fill-opacity%3D%22.9%22%20d%3D%22M9%2013.9c-.2-.5-.4-1.1-.3-1.6c0-2%201.6-3.6%203.6-3.6c.5-.1%201.1.1%201.6.3c-3.4-1.9-6.8%201.5-4.9%204.9m5.1-2.9c.1.3.2.7.2%201c-.1%201.9-1.6%202.5-3.3%202.1v.1c2.3%201.2%204.3-1%203.1-3.2%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff6de%22%20fill-opacity%3D%22.9%22%20d%3D%22m9.38%2013.78l.01-.12c-.18-.47-.34-.9-.33-1.41c.02-1.74%201.44-3.19%203.19-3.19c.52%200%20.93.15%201.41.33l.11-.01c-2.91-1.99-6.32%201.54-4.39%204.4%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23221a26%22%20d%3D%22M11.4%209.49c-2.91.66-2.47%205.08.6%205.09c.58.01%201.14-.19%201.6-.55c2.18-1.72.46-5.14-2.2-4.54%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23e6a421%22%20d%3D%22M11.75%209.73c-.35.02-.6.14-.9.3c-1.8.97-1.36%203.51.53%204.17c.5.17%201.03.09%201.51-.1c1.74-.66%201.86-3.28.2-4.11c-.44-.23-.85-.29-1.34-.26%22%20class%3D%22wm-a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给设置加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式

.icon-settings {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式

.icon-settings {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

描画

线条从无到有依次绘出，适合线性图标与首屏引导。

css描画动效样式

.icon-settings path {
  stroke-dasharray: 120;
  animation: icon-draw 1.2s ease forwards;
}

@keyframes icon-draw {
  from { stroke-dashoffset: 120; }
  to { stroke-dashoffset: 0; }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

8.54 KB

8,744 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

<path> ×15

风格

多色填充

描边可随字号加粗

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。文件体积 8.54 KB（8,744 字节），图元 15 个，风格为多色填充。

常见问题

关于设置图标的下载、商用与改色。

设置图标是什么？▾

它是 with icons Gothic（withicons-gothic）开源图标集中的 settings 图标，多色填充，viewBox 为 0 0 24 24，文件仅 8.54 KB，矢量格式可无损缩放到任意尺寸。

如何下载设置图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

设置图标可以商用吗？▾

如何修改设置图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。

设置 SVG 图标

下载 设置 图标

设置 的预览与使用场景