找找图标
设置 图标

设置 SVG 图标

withicons-chromesettings

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

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

下载 设置 图标

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

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

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

设置 的预览与使用场景

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

预览颜色
设置 图标 浅色背景预览浅色背景
设置 图标 深色背景预览深色背景
设置 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索设置…输入框 · 前缀图标
设置导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41设置 App 图标设置settings-2手机桌面 · App 图标
设置withicons-chrome.design/icons/settings浏览器 · 标签页与站点图标

各尺寸下的可读性

设置 图标 24px 渲染24px设置 图标 32px 渲染32px设置 图标 48px 渲染48px设置 图标 64px 渲染64px设置 图标 96px 渲染96px设置 图标 128px 渲染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"><defs><linearGradient id="SVGWqJeuc4s" x1="0" x2="0" y1="1.9" y2="21" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f4f7fc"/><stop offset=".42" stop-color="#dce5f2"/><stop offset=".56" stop-color="#8794aa"/><stop offset=".78" stop-color="#cdb9a4"/><stop offset="1" stop-color="#f4f7fc"/></linearGradient><linearGradient id="SVGHRTDwclk" x1="0" x2="0" y1="8.2" y2="14.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dce5f2"/><stop offset=".5" stop-color="#5e6a82"/><stop offset="1" stop-color="#8794aa"/></linearGradient><linearGradient id="SVGerHf9duN" x1="0" x2="0" y1="8.2" y2="14.8" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".86" stop-color="#5e6a82"/><stop offset="1" stop-color="#dce5f2"/></linearGradient><linearGradient id="SVGslgeY0wV" x1="0" x2="0" y1="2.4" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".24" stop-color="#dce5f2"/><stop offset=".5" stop-color="#8794aa"/><stop offset="1" stop-color="#cdb9a4"/></linearGradient><linearGradient id="SVG341B3u3f" x1="0" x2="0" y1="2.4" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".84" stop-color="#cdb9a4"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path fill="#1a1e2a" fill-opacity=".2" d="m19.9 6.6l-1.1 1.6l.2.6h.2l.8-1.2c.2-.3 0-.7-.1-1M4 7.2c0 .1-.1.3 0 .5l.7.9l.1-.4zm17.5 3.2c-.2.8.4 3.1-.8 3.4l-1.8.4l-.1.4l.3.5l.1-.1l1.7-.4c.4 0 .8-.7.8-1.1v-2.4zm-19.1 3c-.2 1.3 1.2 1.4 2.2 1.5l.2-.2c0-.3-.1-.4-.2-.6L3 13.8zm17.5 3.3l-.4.7c-.4.7-1.5 1.6-2.2 2c-.3.1-.6.2-.9 0l-1.5-1l-.4.2l-.3 1.6c-.1.5-.7.9-1.2.9h-2.5c-.4 0-.7-.3-1-.6c0 1.5 1.4 1.4 2.6 1.4c.6 0 1.3.2 1.8-.2c.7-.4.7-1.5.8-2.2l.4-.2c.8.4 1.4 1.2 2.5.9c1-.6 2.9-2.2 2.3-3.5M4 17.3c-.1 1 1.6 2.4 2.4 2.9c1.3.4 1.8-1 2.8-.9l-.1-.7l-.4-.2l-1.5 1c-.3.2-.6.1-.9 0c-.9-.5-1.6-1.4-2.3-2.1" class="wm-shadow"/><path fill="#1a1e2a" d="m13.85 14.6l.66-.54c.47-.39.78-1.09.92-1.66c.97-3.76-3.73-6.33-6.39-3.51c-2.44 2.59-.12 6.83 3.36 6.27c.47-.07 1.08-.24 1.45-.56M11.37 10c1.88-.53 2.72 2.37.86 2.9c-1.88.53-2.72-2.37-.86-2.9" class="wm-a"/><path fill="url(#SVGWqJeuc4s)" d="M11.62 7.9c-4.61.25-4.33 7.23.28 7.11c4.71-.12 4.43-7.37-.28-7.11m-.27 1.9c2.14-.61 3.06 2.68.9 3.3c-2.14.61-3.06-2.68-.9-3.3" class="wm-a"/><path fill="url(#SVGHRTDwclk)" d="M11.62 8.2c-3.86.23-4.13 5.87-.32 6.47c.65.11 1.33 0 1.92-.29c3.15-1.53 1.92-6.4-1.6-6.18m-.29 1.3c2.56-.62 3.49 3.28.94 3.9c-2.56.63-3.49-3.29-.94-3.9" class="wm-a"/><path fill="url(#SVGerHf9duN)" d="M8.62 11.48c-.1.57.11 1.28.48 1.77c1.47 1.93 3.93 1.93 5.4 0c.37-.49.58-1.2.48-1.77h-1.07c-.18.44-.29.95-.64 1.34c-1.34 1.47-3.18.38-3.5-1.3z" class="wm-a"/><path fill="#10131b" d="m13.81 11.3l.01.52l1.16-.1l.06-.12l-.05-.23zm-5.2.07l-.06.13l.07.21l.98.13l.21-.06c-.02-.19-.05-.29-.11-.45z" class="wm-a"/><path fill="#1a1e2a" d="M9.08 4.33c-.17.08-.3.1-.48.14c-.74-.49-1.82-1.63-2.71-.73L4 5.65c-.37.37-.26 1.1.01 1.48l.81 1.1c.13.19-.15.55-.34.58c-.85.15-2.32.16-2.31 1.39l.02 2.68c.01 1.2 1.84 1.02 2.52 1.35c.07.17.07.28.11.44l-.92 1.29c-.27.38-.13 1.08.19 1.4l1.85 1.85c1.08 1.07 2.13-.82 2.76-.79l.42.2l.29 1.61c.09.49.73.86 1.19.85l2.6-.02c1.18-.01 1.1-1.75 1.32-2.49c.17-.08.3-.1.48-.14c.74.49 1.82 1.63 2.71.73l1.89-1.91c.37-.37.26-1.1-.01-1.48l-.81-1.1c-.14-.19.15-.55.34-.58c.85-.15 2.32-.16 2.31-1.39l-.02-2.68C21.4 8.83 19.57 9 18.89 8.68c-.07-.17-.08-.29-.11-.45l.92-1.29c.3-.42.1-1.12-.24-1.45L17.6 3.65c-.85-.83-1.99.49-2.7.83l-.42-.2l-.29-1.61c-.06-.36-.48-.68-.81-.79c-.63-.2-3.03-.2-3.55.21c-.65.51-.53 1.52-.75 2.24m2.06 4.57c3.39-.89 4.65 4.34 1.25 5.12c-3.34.76-4.54-4.25-1.25-5.12" class="wm-k"/><path fill="url(#SVGWqJeuc4s)" d="M9.62 2.68L9.33 4.3c-.06.31-.5.33-.73.38c-.69-.38-1.75-1.62-2.57-.8L4.19 5.73c-.94.94.85 1.91.87 2.57l-.13.39l-.23.26l-1.6.3c-.46.08-.73.63-.73 1.05l.01 2.5c.01 1.23 1.8.76 2.39 1.19c.22.16.23.47.27.7l-.95 1.34c-.26.36-.1.95.19 1.24l1.81 1.79c.97.96 1.84-.89 2.61-.85c.26.01.43.18.61.31l.29 1.64c.07.41.61.73 1 .72l2.6-.02c1.18-.01.71-1.86 1.12-2.39c.16-.2.46-.21.68-.25c.69.38 1.75 1.62 2.57.8l1.84-1.85c.94-.94-.85-1.91-.87-2.57l.13-.39l.23-.26l1.6-.3c.46-.08.73-.63.73-1.05l-.01-2.5c-.01-1.31-1.94-.69-2.44-1.23c-.17-.19-.18-.43-.22-.66l.95-1.34c.26-.36.1-.95-.19-1.24l-1.81-1.79c-1.02-1.01-1.96 1.16-2.93.74l-.29-.2L14 2.74c-.08-.48-.68-.72-1.1-.72h-2.3c-.35 0-.91.27-.98.66m1.51 6.02c3.3-.81 4.92 3.94 1.85 5.32c-3.75 1.7-5.77-4.37-1.85-5.32" class="wm-k"/><path fill="url(#SVGslgeY0wV)" d="M9.89 2.82L9.6 4.46c-.03.19-.25.31-.4.38c-1.38.57-2.04-1.68-3.01-.7L4.4 5.95c-.72.73 1.22 1.79.9 2.61c-.58 1.48-2.64.29-2.63 1.74l.02 2.49c0 1.1 2.04.18 2.59 1.49c.06.14.15.37.05.51l-.95 1.33c-.19.28-.12.71.11.94l1.75 1.74c.89.88 1.61-1.3 2.96-.74c.12.06.35.17.38.32l.31 1.7c.05.29.44.5.71.5l2.5-.01c.2 0 .55-.23.59-.44l.31-1.69c.03-.19.25-.31.4-.38c1.38-.57 2.04 1.68 3.01.7l1.79-1.81c.74-.75-1.27-1.71-.85-2.75c.48-1.16 2.59-.24 2.58-1.6l-.02-2.49c0-1.09-2.06-.2-2.59-1.49c-.06-.14-.15-.37-.05-.51l.95-1.33c.19-.28.12-.71-.11-.94L17.36 4.1c-.89-.89-1.61 1.31-2.95.74c-.13-.06-.36-.17-.39-.32l-.31-1.7c-.04-.22-.31-.41-.51-.47c-.39-.1-2.53-.11-2.88.03c-.17.06-.4.26-.43.44m1.17 5.58c4.07-.95 5.44 5.22 1.42 6.11c-4 .89-5.35-5.18-1.42-6.11" class="wm-k"/><path fill="url(#SVG341B3u3f)" d="M2.72 11.48c-.51 3.2 1.88 1.05 2.58 2.86c.34.86-1.67 1.83-.85 2.65l1.75 1.76c.85.85 1.67-.87 2.5-.87l.5.18c.19.08.39.21.43.44l.28 1.63c.04.2.41.43.59.43H13c1.32 0 .31-2.14 1.61-2.59c.9-.32 2 1.55 2.68.88l1.81-1.8c.23-.23.32-.64.12-.93l-.95-1.33c-.22-.31.24-1.02.53-1.13c1.51-.6 2.46.23 2.08-2.18h-5.87c-.23.75-.34 1.45-.9 2.08c-1.29 1.46-3.72 1.3-4.85-.27c-.4-.56-.49-1.2-.67-1.81z" class="wm-k"/><path fill="#10131b" d="m5.82 11l-1.42.05l-.3.11l-1.38.02c-.05.29-.05.59-.03.9l1.41.07c.17.02.13.23.28.24l1.82.14c.82.06 1.82.05 2.61-.13c-.11-.45-.13-.95-.21-1.36zm9.12.1l-.12 1.33l2.48.1l1.92-.13l.2-.23l1.49-.09c.02-.31.02-.61-.03-.9l-1.38-.02l-.3-.11c-1.21-.14-3.13-.24-4.26.05" class="wm-k"/><path fill="#fff" fill-opacity=".85" d="m9.89 2.82l-.27 1.57c-.07.42-.75.67-1.12.58c-.63-.17-1.03-.99-1.7-1.04a.77.77 0 0 0-.49.12c-.43.29-1.86 1.66-2.01 2.11c-.09.28.03.49.16.73h.09l.15-.54l1.97-1.94c.18-.1.51-.14.69-.01l1.28.91c.28.2 1.17-.01 1.24-.39l.31-1.7c.14-.78 2.83-.48 3.44-.52c-.11-.13-.17-.25-.35-.32c-.47-.18-2.37-.16-2.88-.03c-.2.05-.47.25-.51.47m6.72 1.15l-1.42.97c-.26.18-.64-.04-.89-.14c.15.27.24.37.55.5c.9.38 1.36-.79 2.15-.96c.26-.06.52.07.73.15c-.18-.2-.33-.35-.55-.5c-.17-.03-.41-.14-.57-.02M5.4 8.18c-.06.27-.13.63-.32.85c-.59.69-2.41-.02-2.41 1.27v2.3c0 .21.08.33.17.51l.06.03l.07-.14v-2.3c0-.3.19-.71.53-.77l1.42-.24c.5-.08.63-.57.74-.99c-.07-.21-.12-.33-.26-.52m13.41 1.09l-.03.11c.5.46 1.4.49 2.04.52c-.12-.15-.2-.33-.42-.37zm-4.11.88c.11.46.26.95.23 1.45c-.14 2.75-3 3.68-5.13 2.28l-.01.08c2.71 2.71 7.03-.64 4.91-3.81M5.3 14.2c.23 1.25-1.57 1.69-.8 2.83c.22-.72.81-1.25 1.15-1.93c-.05-.37-.14-.6-.35-.9m4.4 4.38c-.02.56.04 1.31.39 1.76c0-.56-.03-1.3-.39-1.76" class="wm-shine"/><path fill="#fff" d="M6.6 2.7q.3 1.4 1.7 1.7q-1.4.3-1.7 1.7q-.3-1.4-1.7-1.7q1.4-.3 1.7-1.7" class="wm-shine"/></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"><defs><linearGradient id="SVGWqJeuc4s" x1="0" x2="0" y1="1.9" y2="21" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f4f7fc"/><stop offset=".42" stop-color="#dce5f2"/><stop offset=".56" stop-color="#8794aa"/><stop offset=".78" stop-color="#cdb9a4"/><stop offset="1" stop-color="#f4f7fc"/></linearGradient><linearGradient id="SVGHRTDwclk" x1="0" x2="0" y1="8.2" y2="14.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dce5f2"/><stop offset=".5" stop-color="#5e6a82"/><stop offset="1" stop-color="#8794aa"/></linearGradient><linearGradient id="SVGerHf9duN" x1="0" x2="0" y1="8.2" y2="14.8" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".86" stop-color="#5e6a82"/><stop offset="1" stop-color="#dce5f2"/></linearGradient><linearGradient id="SVGslgeY0wV" x1="0" x2="0" y1="2.4" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".24" stop-color="#dce5f2"/><stop offset=".5" stop-color="#8794aa"/><stop offset="1" stop-color="#cdb9a4"/></linearGradient><linearGradient id="SVG341B3u3f" x1="0" x2="0" y1="2.4" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".84" stop-color="#cdb9a4"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path fill="#1a1e2a" fill-opacity=".2" d="m19.9 6.6l-1.1 1.6l.2.6h.2l.8-1.2c.2-.3 0-.7-.1-1M4 7.2c0 .1-.1.3 0 .5l.7.9l.1-.4zm17.5 3.2c-.2.8.4 3.1-.8 3.4l-1.8.4l-.1.4l.3.5l.1-.1l1.7-.4c.4 0 .8-.7.8-1.1v-2.4zm-19.1 3c-.2 1.3 1.2 1.4 2.2 1.5l.2-.2c0-.3-.1-.4-.2-.6L3 13.8zm17.5 3.3l-.4.7c-.4.7-1.5 1.6-2.2 2c-.3.1-.6.2-.9 0l-1.5-1l-.4.2l-.3 1.6c-.1.5-.7.9-1.2.9h-2.5c-.4 0-.7-.3-1-.6c0 1.5 1.4 1.4 2.6 1.4c.6 0 1.3.2 1.8-.2c.7-.4.7-1.5.8-2.2l.4-.2c.8.4 1.4 1.2 2.5.9c1-.6 2.9-2.2 2.3-3.5M4 17.3c-.1 1 1.6 2.4 2.4 2.9c1.3.4 1.8-1 2.8-.9l-.1-.7l-.4-.2l-1.5 1c-.3.2-.6.1-.9 0c-.9-.5-1.6-1.4-2.3-2.1" class="wm-shadow"/><path fill="#1a1e2a" d="m13.85 14.6l.66-.54c.47-.39.78-1.09.92-1.66c.97-3.76-3.73-6.33-6.39-3.51c-2.44 2.59-.12 6.83 3.36 6.27c.47-.07 1.08-.24 1.45-.56M11.37 10c1.88-.53 2.72 2.37.86 2.9c-1.88.53-2.72-2.37-.86-2.9" class="wm-a"/><path fill="url(#SVGWqJeuc4s)" d="M11.62 7.9c-4.61.25-4.33 7.23.28 7.11c4.71-.12 4.43-7.37-.28-7.11m-.27 1.9c2.14-.61 3.06 2.68.9 3.3c-2.14.61-3.06-2.68-.9-3.3" class="wm-a"/><path fill="url(#SVGHRTDwclk)" d="M11.62 8.2c-3.86.23-4.13 5.87-.32 6.47c.65.11 1.33 0 1.92-.29c3.15-1.53 1.92-6.4-1.6-6.18m-.29 1.3c2.56-.62 3.49 3.28.94 3.9c-2.56.63-3.49-3.29-.94-3.9" class="wm-a"/><path fill="url(#SVGerHf9duN)" d="M8.62 11.48c-.1.57.11 1.28.48 1.77c1.47 1.93 3.93 1.93 5.4 0c.37-.49.58-1.2.48-1.77h-1.07c-.18.44-.29.95-.64 1.34c-1.34 1.47-3.18.38-3.5-1.3z" class="wm-a"/><path fill="#10131b" d="m13.81 11.3l.01.52l1.16-.1l.06-.12l-.05-.23zm-5.2.07l-.06.13l.07.21l.98.13l.21-.06c-.02-.19-.05-.29-.11-.45z" class="wm-a"/><path fill="#1a1e2a" d="M9.08 4.33c-.17.08-.3.1-.48.14c-.74-.49-1.82-1.63-2.71-.73L4 5.65c-.37.37-.26 1.1.01 1.48l.81 1.1c.13.19-.15.55-.34.58c-.85.15-2.32.16-2.31 1.39l.02 2.68c.01 1.2 1.84 1.02 2.52 1.35c.07.17.07.28.11.44l-.92 1.29c-.27.38-.13 1.08.19 1.4l1.85 1.85c1.08 1.07 2.13-.82 2.76-.79l.42.2l.29 1.61c.09.49.73.86 1.19.85l2.6-.02c1.18-.01 1.1-1.75 1.32-2.49c.17-.08.3-.1.48-.14c.74.49 1.82 1.63 2.71.73l1.89-1.91c.37-.37.26-1.1-.01-1.48l-.81-1.1c-.14-.19.15-.55.34-.58c.85-.15 2.32-.16 2.31-1.39l-.02-2.68C21.4 8.83 19.57 9 18.89 8.68c-.07-.17-.08-.29-.11-.45l.92-1.29c.3-.42.1-1.12-.24-1.45L17.6 3.65c-.85-.83-1.99.49-2.7.83l-.42-.2l-.29-1.61c-.06-.36-.48-.68-.81-.79c-.63-.2-3.03-.2-3.55.21c-.65.51-.53 1.52-.75 2.24m2.06 4.57c3.39-.89 4.65 4.34 1.25 5.12c-3.34.76-4.54-4.25-1.25-5.12" class="wm-k"/><path fill="url(#SVGWqJeuc4s)" d="M9.62 2.68L9.33 4.3c-.06.31-.5.33-.73.38c-.69-.38-1.75-1.62-2.57-.8L4.19 5.73c-.94.94.85 1.91.87 2.57l-.13.39l-.23.26l-1.6.3c-.46.08-.73.63-.73 1.05l.01 2.5c.01 1.23 1.8.76 2.39 1.19c.22.16.23.47.27.7l-.95 1.34c-.26.36-.1.95.19 1.24l1.81 1.79c.97.96 1.84-.89 2.61-.85c.26.01.43.18.61.31l.29 1.64c.07.41.61.73 1 .72l2.6-.02c1.18-.01.71-1.86 1.12-2.39c.16-.2.46-.21.68-.25c.69.38 1.75 1.62 2.57.8l1.84-1.85c.94-.94-.85-1.91-.87-2.57l.13-.39l.23-.26l1.6-.3c.46-.08.73-.63.73-1.05l-.01-2.5c-.01-1.31-1.94-.69-2.44-1.23c-.17-.19-.18-.43-.22-.66l.95-1.34c.26-.36.1-.95-.19-1.24l-1.81-1.79c-1.02-1.01-1.96 1.16-2.93.74l-.29-.2L14 2.74c-.08-.48-.68-.72-1.1-.72h-2.3c-.35 0-.91.27-.98.66m1.51 6.02c3.3-.81 4.92 3.94 1.85 5.32c-3.75 1.7-5.77-4.37-1.85-5.32" class="wm-k"/><path fill="url(#SVGslgeY0wV)" d="M9.89 2.82L9.6 4.46c-.03.19-.25.31-.4.38c-1.38.57-2.04-1.68-3.01-.7L4.4 5.95c-.72.73 1.22 1.79.9 2.61c-.58 1.48-2.64.29-2.63 1.74l.02 2.49c0 1.1 2.04.18 2.59 1.49c.06.14.15.37.05.51l-.95 1.33c-.19.28-.12.71.11.94l1.75 1.74c.89.88 1.61-1.3 2.96-.74c.12.06.35.17.38.32l.31 1.7c.05.29.44.5.71.5l2.5-.01c.2 0 .55-.23.59-.44l.31-1.69c.03-.19.25-.31.4-.38c1.38-.57 2.04 1.68 3.01.7l1.79-1.81c.74-.75-1.27-1.71-.85-2.75c.48-1.16 2.59-.24 2.58-1.6l-.02-2.49c0-1.09-2.06-.2-2.59-1.49c-.06-.14-.15-.37-.05-.51l.95-1.33c.19-.28.12-.71-.11-.94L17.36 4.1c-.89-.89-1.61 1.31-2.95.74c-.13-.06-.36-.17-.39-.32l-.31-1.7c-.04-.22-.31-.41-.51-.47c-.39-.1-2.53-.11-2.88.03c-.17.06-.4.26-.43.44m1.17 5.58c4.07-.95 5.44 5.22 1.42 6.11c-4 .89-5.35-5.18-1.42-6.11" class="wm-k"/><path fill="url(#SVG341B3u3f)" d="M2.72 11.48c-.51 3.2 1.88 1.05 2.58 2.86c.34.86-1.67 1.83-.85 2.65l1.75 1.76c.85.85 1.67-.87 2.5-.87l.5.18c.19.08.39.21.43.44l.28 1.63c.04.2.41.43.59.43H13c1.32 0 .31-2.14 1.61-2.59c.9-.32 2 1.55 2.68.88l1.81-1.8c.23-.23.32-.64.12-.93l-.95-1.33c-.22-.31.24-1.02.53-1.13c1.51-.6 2.46.23 2.08-2.18h-5.87c-.23.75-.34 1.45-.9 2.08c-1.29 1.46-3.72 1.3-4.85-.27c-.4-.56-.49-1.2-.67-1.81z" class="wm-k"/><path fill="#10131b" d="m5.82 11l-1.42.05l-.3.11l-1.38.02c-.05.29-.05.59-.03.9l1.41.07c.17.02.13.23.28.24l1.82.14c.82.06 1.82.05 2.61-.13c-.11-.45-.13-.95-.21-1.36zm9.12.1l-.12 1.33l2.48.1l1.92-.13l.2-.23l1.49-.09c.02-.31.02-.61-.03-.9l-1.38-.02l-.3-.11c-1.21-.14-3.13-.24-4.26.05" class="wm-k"/><path fill="#fff" fill-opacity=".85" d="m9.89 2.82l-.27 1.57c-.07.42-.75.67-1.12.58c-.63-.17-1.03-.99-1.7-1.04a.77.77 0 0 0-.49.12c-.43.29-1.86 1.66-2.01 2.11c-.09.28.03.49.16.73h.09l.15-.54l1.97-1.94c.18-.1.51-.14.69-.01l1.28.91c.28.2 1.17-.01 1.24-.39l.31-1.7c.14-.78 2.83-.48 3.44-.52c-.11-.13-.17-.25-.35-.32c-.47-.18-2.37-.16-2.88-.03c-.2.05-.47.25-.51.47m6.72 1.15l-1.42.97c-.26.18-.64-.04-.89-.14c.15.27.24.37.55.5c.9.38 1.36-.79 2.15-.96c.26-.06.52.07.73.15c-.18-.2-.33-.35-.55-.5c-.17-.03-.41-.14-.57-.02M5.4 8.18c-.06.27-.13.63-.32.85c-.59.69-2.41-.02-2.41 1.27v2.3c0 .21.08.33.17.51l.06.03l.07-.14v-2.3c0-.3.19-.71.53-.77l1.42-.24c.5-.08.63-.57.74-.99c-.07-.21-.12-.33-.26-.52m13.41 1.09l-.03.11c.5.46 1.4.49 2.04.52c-.12-.15-.2-.33-.42-.37zm-4.11.88c.11.46.26.95.23 1.45c-.14 2.75-3 3.68-5.13 2.28l-.01.08c2.71 2.71 7.03-.64 4.91-3.81M5.3 14.2c.23 1.25-1.57 1.69-.8 2.83c.22-.72.81-1.25 1.15-1.93c-.05-.37-.14-.6-.35-.9m4.4 4.38c-.02.56.04 1.31.39 1.76c0-.56-.03-1.3-.39-1.76" class="wm-shine"/><path fill="#fff" d="M6.6 2.7q.3 1.4 1.7 1.7q-1.4.3-1.7 1.7q-.3-1.4-1.7-1.7q1.4-.3 1.7-1.7" class="wm-shine"/></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"><defs><linearGradient id="SVGWqJeuc4s" x1="0" x2="0" y1="1.9" y2="21" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f4f7fc"/><stop offset=".42" stop-color="#dce5f2"/><stop offset=".56" stop-color="#8794aa"/><stop offset=".78" stop-color="#cdb9a4"/><stop offset="1" stop-color="#f4f7fc"/></linearGradient><linearGradient id="SVGHRTDwclk" x1="0" x2="0" y1="8.2" y2="14.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dce5f2"/><stop offset=".5" stop-color="#5e6a82"/><stop offset="1" stop-color="#8794aa"/></linearGradient><linearGradient id="SVGerHf9duN" x1="0" x2="0" y1="8.2" y2="14.8" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".86" stop-color="#5e6a82"/><stop offset="1" stop-color="#dce5f2"/></linearGradient><linearGradient id="SVGslgeY0wV" x1="0" x2="0" y1="2.4" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".24" stop-color="#dce5f2"/><stop offset=".5" stop-color="#8794aa"/><stop offset="1" stop-color="#cdb9a4"/></linearGradient><linearGradient id="SVG341B3u3f" x1="0" x2="0" y1="2.4" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".84" stop-color="#cdb9a4"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path fill="#1a1e2a" fill-opacity=".2" d="m19.9 6.6l-1.1 1.6l.2.6h.2l.8-1.2c.2-.3 0-.7-.1-1M4 7.2c0 .1-.1.3 0 .5l.7.9l.1-.4zm17.5 3.2c-.2.8.4 3.1-.8 3.4l-1.8.4l-.1.4l.3.5l.1-.1l1.7-.4c.4 0 .8-.7.8-1.1v-2.4zm-19.1 3c-.2 1.3 1.2 1.4 2.2 1.5l.2-.2c0-.3-.1-.4-.2-.6L3 13.8zm17.5 3.3l-.4.7c-.4.7-1.5 1.6-2.2 2c-.3.1-.6.2-.9 0l-1.5-1l-.4.2l-.3 1.6c-.1.5-.7.9-1.2.9h-2.5c-.4 0-.7-.3-1-.6c0 1.5 1.4 1.4 2.6 1.4c.6 0 1.3.2 1.8-.2c.7-.4.7-1.5.8-2.2l.4-.2c.8.4 1.4 1.2 2.5.9c1-.6 2.9-2.2 2.3-3.5M4 17.3c-.1 1 1.6 2.4 2.4 2.9c1.3.4 1.8-1 2.8-.9l-.1-.7l-.4-.2l-1.5 1c-.3.2-.6.1-.9 0c-.9-.5-1.6-1.4-2.3-2.1" class="wm-shadow"/><path fill="#1a1e2a" d="m13.85 14.6l.66-.54c.47-.39.78-1.09.92-1.66c.97-3.76-3.73-6.33-6.39-3.51c-2.44 2.59-.12 6.83 3.36 6.27c.47-.07 1.08-.24 1.45-.56M11.37 10c1.88-.53 2.72 2.37.86 2.9c-1.88.53-2.72-2.37-.86-2.9" class="wm-a"/><path fill="url(#SVGWqJeuc4s)" d="M11.62 7.9c-4.61.25-4.33 7.23.28 7.11c4.71-.12 4.43-7.37-.28-7.11m-.27 1.9c2.14-.61 3.06 2.68.9 3.3c-2.14.61-3.06-2.68-.9-3.3" class="wm-a"/><path fill="url(#SVGHRTDwclk)" d="M11.62 8.2c-3.86.23-4.13 5.87-.32 6.47c.65.11 1.33 0 1.92-.29c3.15-1.53 1.92-6.4-1.6-6.18m-.29 1.3c2.56-.62 3.49 3.28.94 3.9c-2.56.63-3.49-3.29-.94-3.9" class="wm-a"/><path fill="url(#SVGerHf9duN)" d="M8.62 11.48c-.1.57.11 1.28.48 1.77c1.47 1.93 3.93 1.93 5.4 0c.37-.49.58-1.2.48-1.77h-1.07c-.18.44-.29.95-.64 1.34c-1.34 1.47-3.18.38-3.5-1.3z" class="wm-a"/><path fill="#10131b" d="m13.81 11.3l.01.52l1.16-.1l.06-.12l-.05-.23zm-5.2.07l-.06.13l.07.21l.98.13l.21-.06c-.02-.19-.05-.29-.11-.45z" class="wm-a"/><path fill="#1a1e2a" d="M9.08 4.33c-.17.08-.3.1-.48.14c-.74-.49-1.82-1.63-2.71-.73L4 5.65c-.37.37-.26 1.1.01 1.48l.81 1.1c.13.19-.15.55-.34.58c-.85.15-2.32.16-2.31 1.39l.02 2.68c.01 1.2 1.84 1.02 2.52 1.35c.07.17.07.28.11.44l-.92 1.29c-.27.38-.13 1.08.19 1.4l1.85 1.85c1.08 1.07 2.13-.82 2.76-.79l.42.2l.29 1.61c.09.49.73.86 1.19.85l2.6-.02c1.18-.01 1.1-1.75 1.32-2.49c.17-.08.3-.1.48-.14c.74.49 1.82 1.63 2.71.73l1.89-1.91c.37-.37.26-1.1-.01-1.48l-.81-1.1c-.14-.19.15-.55.34-.58c.85-.15 2.32-.16 2.31-1.39l-.02-2.68C21.4 8.83 19.57 9 18.89 8.68c-.07-.17-.08-.29-.11-.45l.92-1.29c.3-.42.1-1.12-.24-1.45L17.6 3.65c-.85-.83-1.99.49-2.7.83l-.42-.2l-.29-1.61c-.06-.36-.48-.68-.81-.79c-.63-.2-3.03-.2-3.55.21c-.65.51-.53 1.52-.75 2.24m2.06 4.57c3.39-.89 4.65 4.34 1.25 5.12c-3.34.76-4.54-4.25-1.25-5.12" class="wm-k"/><path fill="url(#SVGWqJeuc4s)" d="M9.62 2.68L9.33 4.3c-.06.31-.5.33-.73.38c-.69-.38-1.75-1.62-2.57-.8L4.19 5.73c-.94.94.85 1.91.87 2.57l-.13.39l-.23.26l-1.6.3c-.46.08-.73.63-.73 1.05l.01 2.5c.01 1.23 1.8.76 2.39 1.19c.22.16.23.47.27.7l-.95 1.34c-.26.36-.1.95.19 1.24l1.81 1.79c.97.96 1.84-.89 2.61-.85c.26.01.43.18.61.31l.29 1.64c.07.41.61.73 1 .72l2.6-.02c1.18-.01.71-1.86 1.12-2.39c.16-.2.46-.21.68-.25c.69.38 1.75 1.62 2.57.8l1.84-1.85c.94-.94-.85-1.91-.87-2.57l.13-.39l.23-.26l1.6-.3c.46-.08.73-.63.73-1.05l-.01-2.5c-.01-1.31-1.94-.69-2.44-1.23c-.17-.19-.18-.43-.22-.66l.95-1.34c.26-.36.1-.95-.19-1.24l-1.81-1.79c-1.02-1.01-1.96 1.16-2.93.74l-.29-.2L14 2.74c-.08-.48-.68-.72-1.1-.72h-2.3c-.35 0-.91.27-.98.66m1.51 6.02c3.3-.81 4.92 3.94 1.85 5.32c-3.75 1.7-5.77-4.37-1.85-5.32" class="wm-k"/><path fill="url(#SVGslgeY0wV)" d="M9.89 2.82L9.6 4.46c-.03.19-.25.31-.4.38c-1.38.57-2.04-1.68-3.01-.7L4.4 5.95c-.72.73 1.22 1.79.9 2.61c-.58 1.48-2.64.29-2.63 1.74l.02 2.49c0 1.1 2.04.18 2.59 1.49c.06.14.15.37.05.51l-.95 1.33c-.19.28-.12.71.11.94l1.75 1.74c.89.88 1.61-1.3 2.96-.74c.12.06.35.17.38.32l.31 1.7c.05.29.44.5.71.5l2.5-.01c.2 0 .55-.23.59-.44l.31-1.69c.03-.19.25-.31.4-.38c1.38-.57 2.04 1.68 3.01.7l1.79-1.81c.74-.75-1.27-1.71-.85-2.75c.48-1.16 2.59-.24 2.58-1.6l-.02-2.49c0-1.09-2.06-.2-2.59-1.49c-.06-.14-.15-.37-.05-.51l.95-1.33c.19-.28.12-.71-.11-.94L17.36 4.1c-.89-.89-1.61 1.31-2.95.74c-.13-.06-.36-.17-.39-.32l-.31-1.7c-.04-.22-.31-.41-.51-.47c-.39-.1-2.53-.11-2.88.03c-.17.06-.4.26-.43.44m1.17 5.58c4.07-.95 5.44 5.22 1.42 6.11c-4 .89-5.35-5.18-1.42-6.11" class="wm-k"/><path fill="url(#SVG341B3u3f)" d="M2.72 11.48c-.51 3.2 1.88 1.05 2.58 2.86c.34.86-1.67 1.83-.85 2.65l1.75 1.76c.85.85 1.67-.87 2.5-.87l.5.18c.19.08.39.21.43.44l.28 1.63c.04.2.41.43.59.43H13c1.32 0 .31-2.14 1.61-2.59c.9-.32 2 1.55 2.68.88l1.81-1.8c.23-.23.32-.64.12-.93l-.95-1.33c-.22-.31.24-1.02.53-1.13c1.51-.6 2.46.23 2.08-2.18h-5.87c-.23.75-.34 1.45-.9 2.08c-1.29 1.46-3.72 1.3-4.85-.27c-.4-.56-.49-1.2-.67-1.81z" class="wm-k"/><path fill="#10131b" d="m5.82 11l-1.42.05l-.3.11l-1.38.02c-.05.29-.05.59-.03.9l1.41.07c.17.02.13.23.28.24l1.82.14c.82.06 1.82.05 2.61-.13c-.11-.45-.13-.95-.21-1.36zm9.12.1l-.12 1.33l2.48.1l1.92-.13l.2-.23l1.49-.09c.02-.31.02-.61-.03-.9l-1.38-.02l-.3-.11c-1.21-.14-3.13-.24-4.26.05" class="wm-k"/><path fill="#fff" fill-opacity=".85" d="m9.89 2.82l-.27 1.57c-.07.42-.75.67-1.12.58c-.63-.17-1.03-.99-1.7-1.04a.77.77 0 0 0-.49.12c-.43.29-1.86 1.66-2.01 2.11c-.09.28.03.49.16.73h.09l.15-.54l1.97-1.94c.18-.1.51-.14.69-.01l1.28.91c.28.2 1.17-.01 1.24-.39l.31-1.7c.14-.78 2.83-.48 3.44-.52c-.11-.13-.17-.25-.35-.32c-.47-.18-2.37-.16-2.88-.03c-.2.05-.47.25-.51.47m6.72 1.15l-1.42.97c-.26.18-.64-.04-.89-.14c.15.27.24.37.55.5c.9.38 1.36-.79 2.15-.96c.26-.06.52.07.73.15c-.18-.2-.33-.35-.55-.5c-.17-.03-.41-.14-.57-.02M5.4 8.18c-.06.27-.13.63-.32.85c-.59.69-2.41-.02-2.41 1.27v2.3c0 .21.08.33.17.51l.06.03l.07-.14v-2.3c0-.3.19-.71.53-.77l1.42-.24c.5-.08.63-.57.74-.99c-.07-.21-.12-.33-.26-.52m13.41 1.09l-.03.11c.5.46 1.4.49 2.04.52c-.12-.15-.2-.33-.42-.37zm-4.11.88c.11.46.26.95.23 1.45c-.14 2.75-3 3.68-5.13 2.28l-.01.08c2.71 2.71 7.03-.64 4.91-3.81M5.3 14.2c.23 1.25-1.57 1.69-.8 2.83c.22-.72.81-1.25 1.15-1.93c-.05-.37-.14-.6-.35-.9m4.4 4.38c-.02.56.04 1.31.39 1.76c0-.56-.03-1.3-.39-1.76" class="wm-shine"/><path fill="#fff" d="M6.6 2.7q.3 1.4 1.7 1.7q-1.4.3-1.7 1.7q-.3-1.4-1.7-1.7q1.4-.3 1.7-1.7" class="wm-shine"/></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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWqJeuc4s%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%221.9%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHRTDwclk%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%228.2%22%20y2%3D%2214.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238794aa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGerHf9duN%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%228.2%22%20y2%3D%2214.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGslgeY0wV%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%222.4%22%20y2%3D%2220.6%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG341B3u3f%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%222.4%22%20y2%3D%2220.6%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231a1e2a%22%20fill-opacity%3D%22.2%22%20d%3D%22m19.9%206.6l-1.1%201.6l.2.6h.2l.8-1.2c.2-.3%200-.7-.1-1M4%207.2c0%20.1-.1.3%200%20.5l.7.9l.1-.4zm17.5%203.2c-.2.8.4%203.1-.8%203.4l-1.8.4l-.1.4l.3.5l.1-.1l1.7-.4c.4%200%20.8-.7.8-1.1v-2.4zm-19.1%203c-.2%201.3%201.2%201.4%202.2%201.5l.2-.2c0-.3-.1-.4-.2-.6L3%2013.8zm17.5%203.3l-.4.7c-.4.7-1.5%201.6-2.2%202c-.3.1-.6.2-.9%200l-1.5-1l-.4.2l-.3%201.6c-.1.5-.7.9-1.2.9h-2.5c-.4%200-.7-.3-1-.6c0%201.5%201.4%201.4%202.6%201.4c.6%200%201.3.2%201.8-.2c.7-.4.7-1.5.8-2.2l.4-.2c.8.4%201.4%201.2%202.5.9c1-.6%202.9-2.2%202.3-3.5M4%2017.3c-.1%201%201.6%202.4%202.4%202.9c1.3.4%201.8-1%202.8-.9l-.1-.7l-.4-.2l-1.5%201c-.3.2-.6.1-.9%200c-.9-.5-1.6-1.4-2.3-2.1%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22m13.85%2014.6l.66-.54c.47-.39.78-1.09.92-1.66c.97-3.76-3.73-6.33-6.39-3.51c-2.44%202.59-.12%206.83%203.36%206.27c.47-.07%201.08-.24%201.45-.56M11.37%2010c1.88-.53%202.72%202.37.86%202.9c-1.88.53-2.72-2.37-.86-2.9%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWqJeuc4s)%22%20d%3D%22M11.62%207.9c-4.61.25-4.33%207.23.28%207.11c4.71-.12%204.43-7.37-.28-7.11m-.27%201.9c2.14-.61%203.06%202.68.9%203.3c-2.14.61-3.06-2.68-.9-3.3%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHRTDwclk)%22%20d%3D%22M11.62%208.2c-3.86.23-4.13%205.87-.32%206.47c.65.11%201.33%200%201.92-.29c3.15-1.53%201.92-6.4-1.6-6.18m-.29%201.3c2.56-.62%203.49%203.28.94%203.9c-2.56.63-3.49-3.29-.94-3.9%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGerHf9duN)%22%20d%3D%22M8.62%2011.48c-.1.57.11%201.28.48%201.77c1.47%201.93%203.93%201.93%205.4%200c.37-.49.58-1.2.48-1.77h-1.07c-.18.44-.29.95-.64%201.34c-1.34%201.47-3.18.38-3.5-1.3z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%2310131b%22%20d%3D%22m13.81%2011.3l.01.52l1.16-.1l.06-.12l-.05-.23zm-5.2.07l-.06.13l.07.21l.98.13l.21-.06c-.02-.19-.05-.29-.11-.45z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M9.08%204.33c-.17.08-.3.1-.48.14c-.74-.49-1.82-1.63-2.71-.73L4%205.65c-.37.37-.26%201.1.01%201.48l.81%201.1c.13.19-.15.55-.34.58c-.85.15-2.32.16-2.31%201.39l.02%202.68c.01%201.2%201.84%201.02%202.52%201.35c.07.17.07.28.11.44l-.92%201.29c-.27.38-.13%201.08.19%201.4l1.85%201.85c1.08%201.07%202.13-.82%202.76-.79l.42.2l.29%201.61c.09.49.73.86%201.19.85l2.6-.02c1.18-.01%201.1-1.75%201.32-2.49c.17-.08.3-.1.48-.14c.74.49%201.82%201.63%202.71.73l1.89-1.91c.37-.37.26-1.1-.01-1.48l-.81-1.1c-.14-.19.15-.55.34-.58c.85-.15%202.32-.16%202.31-1.39l-.02-2.68C21.4%208.83%2019.57%209%2018.89%208.68c-.07-.17-.08-.29-.11-.45l.92-1.29c.3-.42.1-1.12-.24-1.45L17.6%203.65c-.85-.83-1.99.49-2.7.83l-.42-.2l-.29-1.61c-.06-.36-.48-.68-.81-.79c-.63-.2-3.03-.2-3.55.21c-.65.51-.53%201.52-.75%202.24m2.06%204.57c3.39-.89%204.65%204.34%201.25%205.12c-3.34.76-4.54-4.25-1.25-5.12%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWqJeuc4s)%22%20d%3D%22M9.62%202.68L9.33%204.3c-.06.31-.5.33-.73.38c-.69-.38-1.75-1.62-2.57-.8L4.19%205.73c-.94.94.85%201.91.87%202.57l-.13.39l-.23.26l-1.6.3c-.46.08-.73.63-.73%201.05l.01%202.5c.01%201.23%201.8.76%202.39%201.19c.22.16.23.47.27.7l-.95%201.34c-.26.36-.1.95.19%201.24l1.81%201.79c.97.96%201.84-.89%202.61-.85c.26.01.43.18.61.31l.29%201.64c.07.41.61.73%201%20.72l2.6-.02c1.18-.01.71-1.86%201.12-2.39c.16-.2.46-.21.68-.25c.69.38%201.75%201.62%202.57.8l1.84-1.85c.94-.94-.85-1.91-.87-2.57l.13-.39l.23-.26l1.6-.3c.46-.08.73-.63.73-1.05l-.01-2.5c-.01-1.31-1.94-.69-2.44-1.23c-.17-.19-.18-.43-.22-.66l.95-1.34c.26-.36.1-.95-.19-1.24l-1.81-1.79c-1.02-1.01-1.96%201.16-2.93.74l-.29-.2L14%202.74c-.08-.48-.68-.72-1.1-.72h-2.3c-.35%200-.91.27-.98.66m1.51%206.02c3.3-.81%204.92%203.94%201.85%205.32c-3.75%201.7-5.77-4.37-1.85-5.32%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGslgeY0wV)%22%20d%3D%22M9.89%202.82L9.6%204.46c-.03.19-.25.31-.4.38c-1.38.57-2.04-1.68-3.01-.7L4.4%205.95c-.72.73%201.22%201.79.9%202.61c-.58%201.48-2.64.29-2.63%201.74l.02%202.49c0%201.1%202.04.18%202.59%201.49c.06.14.15.37.05.51l-.95%201.33c-.19.28-.12.71.11.94l1.75%201.74c.89.88%201.61-1.3%202.96-.74c.12.06.35.17.38.32l.31%201.7c.05.29.44.5.71.5l2.5-.01c.2%200%20.55-.23.59-.44l.31-1.69c.03-.19.25-.31.4-.38c1.38-.57%202.04%201.68%203.01.7l1.79-1.81c.74-.75-1.27-1.71-.85-2.75c.48-1.16%202.59-.24%202.58-1.6l-.02-2.49c0-1.09-2.06-.2-2.59-1.49c-.06-.14-.15-.37-.05-.51l.95-1.33c.19-.28.12-.71-.11-.94L17.36%204.1c-.89-.89-1.61%201.31-2.95.74c-.13-.06-.36-.17-.39-.32l-.31-1.7c-.04-.22-.31-.41-.51-.47c-.39-.1-2.53-.11-2.88.03c-.17.06-.4.26-.43.44m1.17%205.58c4.07-.95%205.44%205.22%201.42%206.11c-4%20.89-5.35-5.18-1.42-6.11%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG341B3u3f)%22%20d%3D%22M2.72%2011.48c-.51%203.2%201.88%201.05%202.58%202.86c.34.86-1.67%201.83-.85%202.65l1.75%201.76c.85.85%201.67-.87%202.5-.87l.5.18c.19.08.39.21.43.44l.28%201.63c.04.2.41.43.59.43H13c1.32%200%20.31-2.14%201.61-2.59c.9-.32%202%201.55%202.68.88l1.81-1.8c.23-.23.32-.64.12-.93l-.95-1.33c-.22-.31.24-1.02.53-1.13c1.51-.6%202.46.23%202.08-2.18h-5.87c-.23.75-.34%201.45-.9%202.08c-1.29%201.46-3.72%201.3-4.85-.27c-.4-.56-.49-1.2-.67-1.81z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%2310131b%22%20d%3D%22m5.82%2011l-1.42.05l-.3.11l-1.38.02c-.05.29-.05.59-.03.9l1.41.07c.17.02.13.23.28.24l1.82.14c.82.06%201.82.05%202.61-.13c-.11-.45-.13-.95-.21-1.36zm9.12.1l-.12%201.33l2.48.1l1.92-.13l.2-.23l1.49-.09c.02-.31.02-.61-.03-.9l-1.38-.02l-.3-.11c-1.21-.14-3.13-.24-4.26.05%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22m9.89%202.82l-.27%201.57c-.07.42-.75.67-1.12.58c-.63-.17-1.03-.99-1.7-1.04a.77.77%200%200%200-.49.12c-.43.29-1.86%201.66-2.01%202.11c-.09.28.03.49.16.73h.09l.15-.54l1.97-1.94c.18-.1.51-.14.69-.01l1.28.91c.28.2%201.17-.01%201.24-.39l.31-1.7c.14-.78%202.83-.48%203.44-.52c-.11-.13-.17-.25-.35-.32c-.47-.18-2.37-.16-2.88-.03c-.2.05-.47.25-.51.47m6.72%201.15l-1.42.97c-.26.18-.64-.04-.89-.14c.15.27.24.37.55.5c.9.38%201.36-.79%202.15-.96c.26-.06.52.07.73.15c-.18-.2-.33-.35-.55-.5c-.17-.03-.41-.14-.57-.02M5.4%208.18c-.06.27-.13.63-.32.85c-.59.69-2.41-.02-2.41%201.27v2.3c0%20.21.08.33.17.51l.06.03l.07-.14v-2.3c0-.3.19-.71.53-.77l1.42-.24c.5-.08.63-.57.74-.99c-.07-.21-.12-.33-.26-.52m13.41%201.09l-.03.11c.5.46%201.4.49%202.04.52c-.12-.15-.2-.33-.42-.37zm-4.11.88c.11.46.26.95.23%201.45c-.14%202.75-3%203.68-5.13%202.28l-.01.08c2.71%202.71%207.03-.64%204.91-3.81M5.3%2014.2c.23%201.25-1.57%201.69-.8%202.83c.22-.72.81-1.25%201.15-1.93c-.05-.37-.14-.6-.35-.9m4.4%204.38c-.02.56.04%201.31.39%201.76c0-.56-.03-1.3-.39-1.76%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.6%202.7q.3%201.4%201.7%201.7q-1.4.3-1.7%201.7q-.3-1.4-1.7-1.7q1.4-.3%201.7-1.7%22%20class%3D%22wm-shine%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWqJeuc4s%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%221.9%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHRTDwclk%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%228.2%22%20y2%3D%2214.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238794aa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGerHf9duN%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%228.2%22%20y2%3D%2214.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGslgeY0wV%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%222.4%22%20y2%3D%2220.6%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG341B3u3f%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%222.4%22%20y2%3D%2220.6%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231a1e2a%22%20fill-opacity%3D%22.2%22%20d%3D%22m19.9%206.6l-1.1%201.6l.2.6h.2l.8-1.2c.2-.3%200-.7-.1-1M4%207.2c0%20.1-.1.3%200%20.5l.7.9l.1-.4zm17.5%203.2c-.2.8.4%203.1-.8%203.4l-1.8.4l-.1.4l.3.5l.1-.1l1.7-.4c.4%200%20.8-.7.8-1.1v-2.4zm-19.1%203c-.2%201.3%201.2%201.4%202.2%201.5l.2-.2c0-.3-.1-.4-.2-.6L3%2013.8zm17.5%203.3l-.4.7c-.4.7-1.5%201.6-2.2%202c-.3.1-.6.2-.9%200l-1.5-1l-.4.2l-.3%201.6c-.1.5-.7.9-1.2.9h-2.5c-.4%200-.7-.3-1-.6c0%201.5%201.4%201.4%202.6%201.4c.6%200%201.3.2%201.8-.2c.7-.4.7-1.5.8-2.2l.4-.2c.8.4%201.4%201.2%202.5.9c1-.6%202.9-2.2%202.3-3.5M4%2017.3c-.1%201%201.6%202.4%202.4%202.9c1.3.4%201.8-1%202.8-.9l-.1-.7l-.4-.2l-1.5%201c-.3.2-.6.1-.9%200c-.9-.5-1.6-1.4-2.3-2.1%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22m13.85%2014.6l.66-.54c.47-.39.78-1.09.92-1.66c.97-3.76-3.73-6.33-6.39-3.51c-2.44%202.59-.12%206.83%203.36%206.27c.47-.07%201.08-.24%201.45-.56M11.37%2010c1.88-.53%202.72%202.37.86%202.9c-1.88.53-2.72-2.37-.86-2.9%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWqJeuc4s)%22%20d%3D%22M11.62%207.9c-4.61.25-4.33%207.23.28%207.11c4.71-.12%204.43-7.37-.28-7.11m-.27%201.9c2.14-.61%203.06%202.68.9%203.3c-2.14.61-3.06-2.68-.9-3.3%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHRTDwclk)%22%20d%3D%22M11.62%208.2c-3.86.23-4.13%205.87-.32%206.47c.65.11%201.33%200%201.92-.29c3.15-1.53%201.92-6.4-1.6-6.18m-.29%201.3c2.56-.62%203.49%203.28.94%203.9c-2.56.63-3.49-3.29-.94-3.9%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGerHf9duN)%22%20d%3D%22M8.62%2011.48c-.1.57.11%201.28.48%201.77c1.47%201.93%203.93%201.93%205.4%200c.37-.49.58-1.2.48-1.77h-1.07c-.18.44-.29.95-.64%201.34c-1.34%201.47-3.18.38-3.5-1.3z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%2310131b%22%20d%3D%22m13.81%2011.3l.01.52l1.16-.1l.06-.12l-.05-.23zm-5.2.07l-.06.13l.07.21l.98.13l.21-.06c-.02-.19-.05-.29-.11-.45z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M9.08%204.33c-.17.08-.3.1-.48.14c-.74-.49-1.82-1.63-2.71-.73L4%205.65c-.37.37-.26%201.1.01%201.48l.81%201.1c.13.19-.15.55-.34.58c-.85.15-2.32.16-2.31%201.39l.02%202.68c.01%201.2%201.84%201.02%202.52%201.35c.07.17.07.28.11.44l-.92%201.29c-.27.38-.13%201.08.19%201.4l1.85%201.85c1.08%201.07%202.13-.82%202.76-.79l.42.2l.29%201.61c.09.49.73.86%201.19.85l2.6-.02c1.18-.01%201.1-1.75%201.32-2.49c.17-.08.3-.1.48-.14c.74.49%201.82%201.63%202.71.73l1.89-1.91c.37-.37.26-1.1-.01-1.48l-.81-1.1c-.14-.19.15-.55.34-.58c.85-.15%202.32-.16%202.31-1.39l-.02-2.68C21.4%208.83%2019.57%209%2018.89%208.68c-.07-.17-.08-.29-.11-.45l.92-1.29c.3-.42.1-1.12-.24-1.45L17.6%203.65c-.85-.83-1.99.49-2.7.83l-.42-.2l-.29-1.61c-.06-.36-.48-.68-.81-.79c-.63-.2-3.03-.2-3.55.21c-.65.51-.53%201.52-.75%202.24m2.06%204.57c3.39-.89%204.65%204.34%201.25%205.12c-3.34.76-4.54-4.25-1.25-5.12%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWqJeuc4s)%22%20d%3D%22M9.62%202.68L9.33%204.3c-.06.31-.5.33-.73.38c-.69-.38-1.75-1.62-2.57-.8L4.19%205.73c-.94.94.85%201.91.87%202.57l-.13.39l-.23.26l-1.6.3c-.46.08-.73.63-.73%201.05l.01%202.5c.01%201.23%201.8.76%202.39%201.19c.22.16.23.47.27.7l-.95%201.34c-.26.36-.1.95.19%201.24l1.81%201.79c.97.96%201.84-.89%202.61-.85c.26.01.43.18.61.31l.29%201.64c.07.41.61.73%201%20.72l2.6-.02c1.18-.01.71-1.86%201.12-2.39c.16-.2.46-.21.68-.25c.69.38%201.75%201.62%202.57.8l1.84-1.85c.94-.94-.85-1.91-.87-2.57l.13-.39l.23-.26l1.6-.3c.46-.08.73-.63.73-1.05l-.01-2.5c-.01-1.31-1.94-.69-2.44-1.23c-.17-.19-.18-.43-.22-.66l.95-1.34c.26-.36.1-.95-.19-1.24l-1.81-1.79c-1.02-1.01-1.96%201.16-2.93.74l-.29-.2L14%202.74c-.08-.48-.68-.72-1.1-.72h-2.3c-.35%200-.91.27-.98.66m1.51%206.02c3.3-.81%204.92%203.94%201.85%205.32c-3.75%201.7-5.77-4.37-1.85-5.32%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGslgeY0wV)%22%20d%3D%22M9.89%202.82L9.6%204.46c-.03.19-.25.31-.4.38c-1.38.57-2.04-1.68-3.01-.7L4.4%205.95c-.72.73%201.22%201.79.9%202.61c-.58%201.48-2.64.29-2.63%201.74l.02%202.49c0%201.1%202.04.18%202.59%201.49c.06.14.15.37.05.51l-.95%201.33c-.19.28-.12.71.11.94l1.75%201.74c.89.88%201.61-1.3%202.96-.74c.12.06.35.17.38.32l.31%201.7c.05.29.44.5.71.5l2.5-.01c.2%200%20.55-.23.59-.44l.31-1.69c.03-.19.25-.31.4-.38c1.38-.57%202.04%201.68%203.01.7l1.79-1.81c.74-.75-1.27-1.71-.85-2.75c.48-1.16%202.59-.24%202.58-1.6l-.02-2.49c0-1.09-2.06-.2-2.59-1.49c-.06-.14-.15-.37-.05-.51l.95-1.33c.19-.28.12-.71-.11-.94L17.36%204.1c-.89-.89-1.61%201.31-2.95.74c-.13-.06-.36-.17-.39-.32l-.31-1.7c-.04-.22-.31-.41-.51-.47c-.39-.1-2.53-.11-2.88.03c-.17.06-.4.26-.43.44m1.17%205.58c4.07-.95%205.44%205.22%201.42%206.11c-4%20.89-5.35-5.18-1.42-6.11%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG341B3u3f)%22%20d%3D%22M2.72%2011.48c-.51%203.2%201.88%201.05%202.58%202.86c.34.86-1.67%201.83-.85%202.65l1.75%201.76c.85.85%201.67-.87%202.5-.87l.5.18c.19.08.39.21.43.44l.28%201.63c.04.2.41.43.59.43H13c1.32%200%20.31-2.14%201.61-2.59c.9-.32%202%201.55%202.68.88l1.81-1.8c.23-.23.32-.64.12-.93l-.95-1.33c-.22-.31.24-1.02.53-1.13c1.51-.6%202.46.23%202.08-2.18h-5.87c-.23.75-.34%201.45-.9%202.08c-1.29%201.46-3.72%201.3-4.85-.27c-.4-.56-.49-1.2-.67-1.81z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%2310131b%22%20d%3D%22m5.82%2011l-1.42.05l-.3.11l-1.38.02c-.05.29-.05.59-.03.9l1.41.07c.17.02.13.23.28.24l1.82.14c.82.06%201.82.05%202.61-.13c-.11-.45-.13-.95-.21-1.36zm9.12.1l-.12%201.33l2.48.1l1.92-.13l.2-.23l1.49-.09c.02-.31.02-.61-.03-.9l-1.38-.02l-.3-.11c-1.21-.14-3.13-.24-4.26.05%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22m9.89%202.82l-.27%201.57c-.07.42-.75.67-1.12.58c-.63-.17-1.03-.99-1.7-1.04a.77.77%200%200%200-.49.12c-.43.29-1.86%201.66-2.01%202.11c-.09.28.03.49.16.73h.09l.15-.54l1.97-1.94c.18-.1.51-.14.69-.01l1.28.91c.28.2%201.17-.01%201.24-.39l.31-1.7c.14-.78%202.83-.48%203.44-.52c-.11-.13-.17-.25-.35-.32c-.47-.18-2.37-.16-2.88-.03c-.2.05-.47.25-.51.47m6.72%201.15l-1.42.97c-.26.18-.64-.04-.89-.14c.15.27.24.37.55.5c.9.38%201.36-.79%202.15-.96c.26-.06.52.07.73.15c-.18-.2-.33-.35-.55-.5c-.17-.03-.41-.14-.57-.02M5.4%208.18c-.06.27-.13.63-.32.85c-.59.69-2.41-.02-2.41%201.27v2.3c0%20.21.08.33.17.51l.06.03l.07-.14v-2.3c0-.3.19-.71.53-.77l1.42-.24c.5-.08.63-.57.74-.99c-.07-.21-.12-.33-.26-.52m13.41%201.09l-.03.11c.5.46%201.4.49%202.04.52c-.12-.15-.2-.33-.42-.37zm-4.11.88c.11.46.26.95.23%201.45c-.14%202.75-3%203.68-5.13%202.28l-.01.08c2.71%202.71%207.03-.64%204.91-3.81M5.3%2014.2c.23%201.25-1.57%201.69-.8%202.83c.22-.72.81-1.25%201.15-1.93c-.05-.37-.14-.6-.35-.9m4.4%204.38c-.02.56.04%201.31.39%201.76c0-.56-.03-1.3-.39-1.76%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.6%202.7q.3%201.4%201.7%201.7q-1.4.3-1.7%201.7q-.3-1.4-1.7-1.7q1.4-.3%201.7-1.7%22%20class%3D%22wm-shine%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 设置 加一点动效

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

settings 呼吸动效演示

呼吸

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

css呼吸动效样式
.icon-settings {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
settings 旋转动效演示

旋转

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

css旋转动效样式
.icon-settings {
  animation: icon-spin 1.6s linear infinite;
}

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

SVG 健康报告

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

文件体积

7.04 KB

7,205 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

13

<path> ×13

风格

多色填充

填充跟随容器颜色

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

常见问题

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

设置 图标是什么？▾

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

如何下载 设置 图标？▾

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

设置 图标可以商用吗？▾

该图标采用 MIT（MIT） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

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

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

with icons Chrome 中的相近图标

settings-2