设置 SVG 图标

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

withicons-glasssettings

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

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

下载设置图标

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

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

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

设置的预览与使用场景

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

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

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

设置导航菜单 · 选中态

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

9:41

设置

settings-2手机桌面 · App 图标

设置withicons-glass.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"><defs><linearGradient id="SVGOkLuybLl" x1="2.9" x2="24.5" y1="2.9" y2="24.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7484ff"/><stop offset="1" stop-color="#6a45d6"/></linearGradient><linearGradient id="SVGhqD9OmbE" x1="1.2" x2="21.8" y1="1.2" y2="21.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".6"/><stop offset=".4" stop-color="#e4e8ff" stop-opacity=".55"/><stop offset="1" stop-color="#e4e8ff" stop-opacity=".42"/></linearGradient><radialGradient id="SVGU3UFucBn" cx="17.83" cy="17.83" r="8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f2679e" stop-opacity=".6"/><stop offset=".5" stop-color="#f2679e" stop-opacity=".22"/><stop offset="1" stop-color="#f2679e" stop-opacity="0"/></radialGradient></defs><path fill="#6a45d6" fill-opacity=".06" fill-rule="evenodd" d="m11.1 2.29l-.7.3l-.5.61l-.3 2.09L7.9 4.1l-1.1-.15l-.6.34L5.18 5.6L3.7 6.8l-.27.6l.09.8l1.27 1.9l-1.79.18l-.98.72l-.26.8l-.05 2.9l.26.7l.53.54l2.2.82l-1.1 1.04l-.17 1.1l.46.9l2.01 1.98l.7.3l.8.03l2-.67l.1 1.36l.7.8l.9.25l2.8-.02l.75-.23l.61-.5l.74-1.83l1.3.78l1.2-.04l.9-.54l1.8-1.85l.37-.82l.02-.8l-.82-1.5l1.53-.53l.83-.87l.21-.8v-2.9l-.24-.7l-.5-.54l-1.66-.26l.64-1.8l-.05-1.2l-.33-.61l-2.01-1.99l-.79-.37l-.8.02l-1.3 1.27l-.7-1.97l-.8-.84l-.8-.21zm1.1 9.21l-.6.26l-.46.54l-.18.7l.15.8l.44.7l.65.49l.8.18l.7-.14l.87-.93l-.04-1.3l-.93-1.05z" class="wm-shadow"/><path fill="#6a45d6" fill-opacity=".08" fill-rule="evenodd" d="m14 2.89l-2.6.1l-.55.21l-.49.7l-.24 1.9l-.32.21l-.4-.1l-1.6-1.18l-.6-.1l-.5.2l-1.1 1.32l-1.2.97l-.25.48l.18.9L5.47 10l-.05.5l-.22.15l-2 .29l-.5.41l-.21.55l-.11 2.7l.18.6l.74.59l1.91.51l.28.4l-.09.3l-1.23 1.3l-.06.6l.29.6l1.8 1.81l.5.27l1-.02l1.7-.71l.5.11l.14.24l.08 1.5l.31.4l.57.25h2.8l.6-.16l.64-.59l.52-1.6l.44-.3l1.6.9l.7-.03l.56-.27l1.57-1.5l.64-1V18l-.84-1.3l.07-.46l1.9-.76l.4-.42l.23-.56l.04-2.8l-.17-.62l-.6-.5l-1.5-.06l-.26-.42l.77-2.1v-.7l-.22-.5L19 4.9l-.6-.29l-.7.1l-1.21 1.19l-.49.01l-.21-.21l-.66-2.2l-.53-.5zM12.3 11l-.9.33l-.63.67l-.28.9l.11 1l.47.9l.73.64l.9.32l1-.09l.8-.45l.55-.72l.22-.8l-.1-.9l-.44-.8l-.68-.6l-.85-.36z" class="wm-shadow"/><path fill="url(#SVGOkLuybLl)" fill-rule="evenodd" d="m13.1 2.9l-1.6.02l-.5.23l-.31.55l-.22 1.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1 1.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11 1.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11 2.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13 1.24l-.06.46l.17.4l1.78 1.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08 1.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1 .71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2 1.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8 7.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z"/><path fill="url(#SVGU3UFucBn)" fill-rule="evenodd" d="m13.1 2.9l-1.6.02l-.5.23l-.31.55l-.22 1.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1 1.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11 1.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11 2.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13 1.24l-.06.46l.17.4l1.78 1.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08 1.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1 .71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2 1.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8 7.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z"/><path fill="url(#SVGhqD9OmbE)" fill-rule="evenodd" stroke="#000" stroke-opacity=".2" stroke-width=".5" d="m10 1.19l-.3.08l-.3.17l-.4.46l-.14.4l-.23 1.4l-.13.2l-.3.11l-.2-.06l-1.1-.81l-.4-.2l-.4-.06l-.4.05l-.5.27l-2 2l-.19.3l-.1.3l.01.6l.18.44L3.95 8l.05.24l-.1.26l-.1.1l-1.7.31l-.4.22l-.32.37l-.14.3l-.07.4l.02 2.8l.08.3l.17.3l.46.4l.4.14l1.4.23l.2.13l.11.3l-.06.2l-.81 1.1l-.2.4l-.06.4l.05.4l.27.5l2 2l.3.19l.3.1l.6-.01l.44-.18L8 19.05l.24-.05l.26.1l.1.1l.31 1.7l.22.4l.37.32l.3.14l.4.07l2.8-.02l.3-.08l.3-.17l.4-.46l.14-.4l.23-1.4l.13-.2l.3-.11l.2.06l1.1.81l.4.2l.4.06l.4-.05l.5-.27l2-2l.19-.3l.1-.3l-.01-.6l-.18-.44l-.85-1.16l-.05-.24l.1-.26l.1-.1l1.7-.31l.4-.22l.32-.37l.14-.3l.07-.4l-.02-2.8l-.08-.3l-.17-.3l-.46-.4l-.4-.14l-1.4-.23l-.2-.13l-.11-.3l.06-.2l.81-1.1l.2-.4l.06-.4l-.05-.4l-.27-.5l-2-2l-.3-.19l-.3-.1l-.6.01l-.44.18l-1.16.85l-.24.05l-.26-.1l-.1-.1l-.31-1.7l-.22-.4l-.37-.32l-.3-.14l-.4-.07zm1 8.1l-.4.13l-.4.22l-.56.56l-.22.4l-.16.5v.8l.16.5l.15.3l.32.4l.31.26l.4.22l.5.16h.8l.5-.16l.3-.15l.4-.32l.26-.31l.22-.4l.16-.5v-.8l-.16-.5l-.15-.3l-.32-.4l-.31-.26l-.4-.22l-.5-.16l-.4-.03z"/><path fill="#fff" fill-opacity=".35" fill-rule="evenodd" d="m11.2 7.29l-.8.14l-.8.3l-.7.45l-.6.57l-.46.65l-.34.76l-.19.84l-.02.8l.14.8l.3.8l.45.7l.57.6l.65.46l.76.34l.84.19l.8.02l.8-.14l.8-.3l.7-.45l.6-.57l.46-.65l.34-.76l.19-.84l.02-.8l-.14-.8l-.3-.8l-.45-.7l-.57-.6l-.65-.46l-.76-.34l-.84-.19zm0 1.81l-.9.3l-.42.3l-.35.4l-.23.4l-.17.5l-.02.9l.35.9l.64.67l.4.23l.5.17l.9.02l.9-.35l.67-.64l.23-.4l.17-.5l.02-.9l-.35-.9l-.64-.67l-.8-.37z"/><path fill="#fff" fill-opacity=".85" d="m10 1.3l-.5.2l-.38.4l-.18.5l-.14 1.2l-.09.2l-.11.14l-.3.16H8L7.9 4l-.09.1l.19.28l.2.07l.3-.07l.3-.16l.19-.22l.28-1.6l.19-.4l.34-.29l.4-.1l3.4-.01l-.2-.17l-.36-.13zM5.9 3l-.35.1l-.31.2l-1.99 2l-.25.57v.43l.08.2l.44-1L5.5 3.52l.2-.12l.3-.08h.7l.3.16l.08-.08l-.58-.35zm10.8 0l-.5.2l-1.2.9h-.3l-.3-.1l-.02.2l.32.22l.3-.01l.26-.11l1.24-.89l.3-.08l.9.02l.06-.05l-.46-.26zM4.1 8.1v.2l-.09.2l-.2.2l-.21.1l-1.5.22l-.44.28l-.23.3l-.13.4v3l.06.1l.16-.4v-2.4l.19-.5l.19-.25l.3-.21l1.6-.28l.3-.14l.19-.22l.13-.4l-.22-.22zm15 .6l-.04.1l.04.17l.2.1l1.2.19l.7.01l-.1-.15l-.26-.12l-1.44-.2zm-5.3 2.03l.1.77v.3l-.1.4l-.3.6l-.7.7l-.6.3l-.4.1h-.6l-.4-.1l-.7-.39l-.08.09l.48.44l.3.15l.5.11l.5-.01l.5-.1l.8-.41l.6-.6l.39-.78l.06-.3l-.03-.5l-.08-.3zM4.1 14.7v.3l-.8 1.05l-.25.45l-.05.63l.08.17l.33-.8l.97-1.4l.04-.2l-.06-.1zm4.7 4.52l-.06.08l.06.1l.14 1.2l.09.2l.05-.4l-.15-.9z" 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="SVGOkLuybLl" x1="2.9" x2="24.5" y1="2.9" y2="24.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7484ff"/><stop offset="1" stop-color="#6a45d6"/></linearGradient><linearGradient id="SVGhqD9OmbE" x1="1.2" x2="21.8" y1="1.2" y2="21.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".6"/><stop offset=".4" stop-color="#e4e8ff" stop-opacity=".55"/><stop offset="1" stop-color="#e4e8ff" stop-opacity=".42"/></linearGradient><radialGradient id="SVGU3UFucBn" cx="17.83" cy="17.83" r="8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f2679e" stop-opacity=".6"/><stop offset=".5" stop-color="#f2679e" stop-opacity=".22"/><stop offset="1" stop-color="#f2679e" stop-opacity="0"/></radialGradient></defs><path fill="#6a45d6" fill-opacity=".06" fill-rule="evenodd" d="m11.1 2.29l-.7.3l-.5.61l-.3 2.09L7.9 4.1l-1.1-.15l-.6.34L5.18 5.6L3.7 6.8l-.27.6l.09.8l1.27 1.9l-1.79.18l-.98.72l-.26.8l-.05 2.9l.26.7l.53.54l2.2.82l-1.1 1.04l-.17 1.1l.46.9l2.01 1.98l.7.3l.8.03l2-.67l.1 1.36l.7.8l.9.25l2.8-.02l.75-.23l.61-.5l.74-1.83l1.3.78l1.2-.04l.9-.54l1.8-1.85l.37-.82l.02-.8l-.82-1.5l1.53-.53l.83-.87l.21-.8v-2.9l-.24-.7l-.5-.54l-1.66-.26l.64-1.8l-.05-1.2l-.33-.61l-2.01-1.99l-.79-.37l-.8.02l-1.3 1.27l-.7-1.97l-.8-.84l-.8-.21zm1.1 9.21l-.6.26l-.46.54l-.18.7l.15.8l.44.7l.65.49l.8.18l.7-.14l.87-.93l-.04-1.3l-.93-1.05z" class="wm-shadow"/><path fill="#6a45d6" fill-opacity=".08" fill-rule="evenodd" d="m14 2.89l-2.6.1l-.55.21l-.49.7l-.24 1.9l-.32.21l-.4-.1l-1.6-1.18l-.6-.1l-.5.2l-1.1 1.32l-1.2.97l-.25.48l.18.9L5.47 10l-.05.5l-.22.15l-2 .29l-.5.41l-.21.55l-.11 2.7l.18.6l.74.59l1.91.51l.28.4l-.09.3l-1.23 1.3l-.06.6l.29.6l1.8 1.81l.5.27l1-.02l1.7-.71l.5.11l.14.24l.08 1.5l.31.4l.57.25h2.8l.6-.16l.64-.59l.52-1.6l.44-.3l1.6.9l.7-.03l.56-.27l1.57-1.5l.64-1V18l-.84-1.3l.07-.46l1.9-.76l.4-.42l.23-.56l.04-2.8l-.17-.62l-.6-.5l-1.5-.06l-.26-.42l.77-2.1v-.7l-.22-.5L19 4.9l-.6-.29l-.7.1l-1.21 1.19l-.49.01l-.21-.21l-.66-2.2l-.53-.5zM12.3 11l-.9.33l-.63.67l-.28.9l.11 1l.47.9l.73.64l.9.32l1-.09l.8-.45l.55-.72l.22-.8l-.1-.9l-.44-.8l-.68-.6l-.85-.36z" class="wm-shadow"/><path fill="url(#SVGOkLuybLl)" fill-rule="evenodd" d="m13.1 2.9l-1.6.02l-.5.23l-.31.55l-.22 1.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1 1.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11 1.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11 2.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13 1.24l-.06.46l.17.4l1.78 1.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08 1.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1 .71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2 1.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8 7.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z"/><path fill="url(#SVGU3UFucBn)" fill-rule="evenodd" d="m13.1 2.9l-1.6.02l-.5.23l-.31.55l-.22 1.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1 1.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11 1.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11 2.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13 1.24l-.06.46l.17.4l1.78 1.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08 1.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1 .71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2 1.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8 7.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z"/><path fill="url(#SVGhqD9OmbE)" fill-rule="evenodd" stroke="#000" stroke-opacity=".2" stroke-width=".5" d="m10 1.19l-.3.08l-.3.17l-.4.46l-.14.4l-.23 1.4l-.13.2l-.3.11l-.2-.06l-1.1-.81l-.4-.2l-.4-.06l-.4.05l-.5.27l-2 2l-.19.3l-.1.3l.01.6l.18.44L3.95 8l.05.24l-.1.26l-.1.1l-1.7.31l-.4.22l-.32.37l-.14.3l-.07.4l.02 2.8l.08.3l.17.3l.46.4l.4.14l1.4.23l.2.13l.11.3l-.06.2l-.81 1.1l-.2.4l-.06.4l.05.4l.27.5l2 2l.3.19l.3.1l.6-.01l.44-.18L8 19.05l.24-.05l.26.1l.1.1l.31 1.7l.22.4l.37.32l.3.14l.4.07l2.8-.02l.3-.08l.3-.17l.4-.46l.14-.4l.23-1.4l.13-.2l.3-.11l.2.06l1.1.81l.4.2l.4.06l.4-.05l.5-.27l2-2l.19-.3l.1-.3l-.01-.6l-.18-.44l-.85-1.16l-.05-.24l.1-.26l.1-.1l1.7-.31l.4-.22l.32-.37l.14-.3l.07-.4l-.02-2.8l-.08-.3l-.17-.3l-.46-.4l-.4-.14l-1.4-.23l-.2-.13l-.11-.3l.06-.2l.81-1.1l.2-.4l.06-.4l-.05-.4l-.27-.5l-2-2l-.3-.19l-.3-.1l-.6.01l-.44.18l-1.16.85l-.24.05l-.26-.1l-.1-.1l-.31-1.7l-.22-.4l-.37-.32l-.3-.14l-.4-.07zm1 8.1l-.4.13l-.4.22l-.56.56l-.22.4l-.16.5v.8l.16.5l.15.3l.32.4l.31.26l.4.22l.5.16h.8l.5-.16l.3-.15l.4-.32l.26-.31l.22-.4l.16-.5v-.8l-.16-.5l-.15-.3l-.32-.4l-.31-.26l-.4-.22l-.5-.16l-.4-.03z"/><path fill="#fff" fill-opacity=".35" fill-rule="evenodd" d="m11.2 7.29l-.8.14l-.8.3l-.7.45l-.6.57l-.46.65l-.34.76l-.19.84l-.02.8l.14.8l.3.8l.45.7l.57.6l.65.46l.76.34l.84.19l.8.02l.8-.14l.8-.3l.7-.45l.6-.57l.46-.65l.34-.76l.19-.84l.02-.8l-.14-.8l-.3-.8l-.45-.7l-.57-.6l-.65-.46l-.76-.34l-.84-.19zm0 1.81l-.9.3l-.42.3l-.35.4l-.23.4l-.17.5l-.02.9l.35.9l.64.67l.4.23l.5.17l.9.02l.9-.35l.67-.64l.23-.4l.17-.5l.02-.9l-.35-.9l-.64-.67l-.8-.37z"/><path fill="#fff" fill-opacity=".85" d="m10 1.3l-.5.2l-.38.4l-.18.5l-.14 1.2l-.09.2l-.11.14l-.3.16H8L7.9 4l-.09.1l.19.28l.2.07l.3-.07l.3-.16l.19-.22l.28-1.6l.19-.4l.34-.29l.4-.1l3.4-.01l-.2-.17l-.36-.13zM5.9 3l-.35.1l-.31.2l-1.99 2l-.25.57v.43l.08.2l.44-1L5.5 3.52l.2-.12l.3-.08h.7l.3.16l.08-.08l-.58-.35zm10.8 0l-.5.2l-1.2.9h-.3l-.3-.1l-.02.2l.32.22l.3-.01l.26-.11l1.24-.89l.3-.08l.9.02l.06-.05l-.46-.26zM4.1 8.1v.2l-.09.2l-.2.2l-.21.1l-1.5.22l-.44.28l-.23.3l-.13.4v3l.06.1l.16-.4v-2.4l.19-.5l.19-.25l.3-.21l1.6-.28l.3-.14l.19-.22l.13-.4l-.22-.22zm15 .6l-.04.1l.04.17l.2.1l1.2.19l.7.01l-.1-.15l-.26-.12l-1.44-.2zm-5.3 2.03l.1.77v.3l-.1.4l-.3.6l-.7.7l-.6.3l-.4.1h-.6l-.4-.1l-.7-.39l-.08.09l.48.44l.3.15l.5.11l.5-.01l.5-.1l.8-.41l.6-.6l.39-.78l.06-.3l-.03-.5l-.08-.3zM4.1 14.7v.3l-.8 1.05l-.25.45l-.05.63l.08.17l.33-.8l.97-1.4l.04-.2l-.06-.1zm4.7 4.52l-.06.08l.06.1l.14 1.2l.09.2l.05-.4l-.15-.9z" 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="SVGOkLuybLl" x1="2.9" x2="24.5" y1="2.9" y2="24.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7484ff"/><stop offset="1" stop-color="#6a45d6"/></linearGradient><linearGradient id="SVGhqD9OmbE" x1="1.2" x2="21.8" y1="1.2" y2="21.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".6"/><stop offset=".4" stop-color="#e4e8ff" stop-opacity=".55"/><stop offset="1" stop-color="#e4e8ff" stop-opacity=".42"/></linearGradient><radialGradient id="SVGU3UFucBn" cx="17.83" cy="17.83" r="8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f2679e" stop-opacity=".6"/><stop offset=".5" stop-color="#f2679e" stop-opacity=".22"/><stop offset="1" stop-color="#f2679e" stop-opacity="0"/></radialGradient></defs><path fill="#6a45d6" fill-opacity=".06" fill-rule="evenodd" d="m11.1 2.29l-.7.3l-.5.61l-.3 2.09L7.9 4.1l-1.1-.15l-.6.34L5.18 5.6L3.7 6.8l-.27.6l.09.8l1.27 1.9l-1.79.18l-.98.72l-.26.8l-.05 2.9l.26.7l.53.54l2.2.82l-1.1 1.04l-.17 1.1l.46.9l2.01 1.98l.7.3l.8.03l2-.67l.1 1.36l.7.8l.9.25l2.8-.02l.75-.23l.61-.5l.74-1.83l1.3.78l1.2-.04l.9-.54l1.8-1.85l.37-.82l.02-.8l-.82-1.5l1.53-.53l.83-.87l.21-.8v-2.9l-.24-.7l-.5-.54l-1.66-.26l.64-1.8l-.05-1.2l-.33-.61l-2.01-1.99l-.79-.37l-.8.02l-1.3 1.27l-.7-1.97l-.8-.84l-.8-.21zm1.1 9.21l-.6.26l-.46.54l-.18.7l.15.8l.44.7l.65.49l.8.18l.7-.14l.87-.93l-.04-1.3l-.93-1.05z" class="wm-shadow"/><path fill="#6a45d6" fill-opacity=".08" fill-rule="evenodd" d="m14 2.89l-2.6.1l-.55.21l-.49.7l-.24 1.9l-.32.21l-.4-.1l-1.6-1.18l-.6-.1l-.5.2l-1.1 1.32l-1.2.97l-.25.48l.18.9L5.47 10l-.05.5l-.22.15l-2 .29l-.5.41l-.21.55l-.11 2.7l.18.6l.74.59l1.91.51l.28.4l-.09.3l-1.23 1.3l-.06.6l.29.6l1.8 1.81l.5.27l1-.02l1.7-.71l.5.11l.14.24l.08 1.5l.31.4l.57.25h2.8l.6-.16l.64-.59l.52-1.6l.44-.3l1.6.9l.7-.03l.56-.27l1.57-1.5l.64-1V18l-.84-1.3l.07-.46l1.9-.76l.4-.42l.23-.56l.04-2.8l-.17-.62l-.6-.5l-1.5-.06l-.26-.42l.77-2.1v-.7l-.22-.5L19 4.9l-.6-.29l-.7.1l-1.21 1.19l-.49.01l-.21-.21l-.66-2.2l-.53-.5zM12.3 11l-.9.33l-.63.67l-.28.9l.11 1l.47.9l.73.64l.9.32l1-.09l.8-.45l.55-.72l.22-.8l-.1-.9l-.44-.8l-.68-.6l-.85-.36z" class="wm-shadow"/><path fill="url(#SVGOkLuybLl)" fill-rule="evenodd" d="m13.1 2.9l-1.6.02l-.5.23l-.31.55l-.22 1.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1 1.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11 1.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11 2.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13 1.24l-.06.46l.17.4l1.78 1.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08 1.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1 .71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2 1.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8 7.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z"/><path fill="url(#SVGU3UFucBn)" fill-rule="evenodd" d="m13.1 2.9l-1.6.02l-.5.23l-.31.55l-.22 1.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1 1.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11 1.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11 2.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13 1.24l-.06.46l.17.4l1.78 1.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08 1.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1 .71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2 1.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8 7.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z"/><path fill="url(#SVGhqD9OmbE)" fill-rule="evenodd" stroke="#000" stroke-opacity=".2" stroke-width=".5" d="m10 1.19l-.3.08l-.3.17l-.4.46l-.14.4l-.23 1.4l-.13.2l-.3.11l-.2-.06l-1.1-.81l-.4-.2l-.4-.06l-.4.05l-.5.27l-2 2l-.19.3l-.1.3l.01.6l.18.44L3.95 8l.05.24l-.1.26l-.1.1l-1.7.31l-.4.22l-.32.37l-.14.3l-.07.4l.02 2.8l.08.3l.17.3l.46.4l.4.14l1.4.23l.2.13l.11.3l-.06.2l-.81 1.1l-.2.4l-.06.4l.05.4l.27.5l2 2l.3.19l.3.1l.6-.01l.44-.18L8 19.05l.24-.05l.26.1l.1.1l.31 1.7l.22.4l.37.32l.3.14l.4.07l2.8-.02l.3-.08l.3-.17l.4-.46l.14-.4l.23-1.4l.13-.2l.3-.11l.2.06l1.1.81l.4.2l.4.06l.4-.05l.5-.27l2-2l.19-.3l.1-.3l-.01-.6l-.18-.44l-.85-1.16l-.05-.24l.1-.26l.1-.1l1.7-.31l.4-.22l.32-.37l.14-.3l.07-.4l-.02-2.8l-.08-.3l-.17-.3l-.46-.4l-.4-.14l-1.4-.23l-.2-.13l-.11-.3l.06-.2l.81-1.1l.2-.4l.06-.4l-.05-.4l-.27-.5l-2-2l-.3-.19l-.3-.1l-.6.01l-.44.18l-1.16.85l-.24.05l-.26-.1l-.1-.1l-.31-1.7l-.22-.4l-.37-.32l-.3-.14l-.4-.07zm1 8.1l-.4.13l-.4.22l-.56.56l-.22.4l-.16.5v.8l.16.5l.15.3l.32.4l.31.26l.4.22l.5.16h.8l.5-.16l.3-.15l.4-.32l.26-.31l.22-.4l.16-.5v-.8l-.16-.5l-.15-.3l-.32-.4l-.31-.26l-.4-.22l-.5-.16l-.4-.03z"/><path fill="#fff" fill-opacity=".35" fill-rule="evenodd" d="m11.2 7.29l-.8.14l-.8.3l-.7.45l-.6.57l-.46.65l-.34.76l-.19.84l-.02.8l.14.8l.3.8l.45.7l.57.6l.65.46l.76.34l.84.19l.8.02l.8-.14l.8-.3l.7-.45l.6-.57l.46-.65l.34-.76l.19-.84l.02-.8l-.14-.8l-.3-.8l-.45-.7l-.57-.6l-.65-.46l-.76-.34l-.84-.19zm0 1.81l-.9.3l-.42.3l-.35.4l-.23.4l-.17.5l-.02.9l.35.9l.64.67l.4.23l.5.17l.9.02l.9-.35l.67-.64l.23-.4l.17-.5l.02-.9l-.35-.9l-.64-.67l-.8-.37z"/><path fill="#fff" fill-opacity=".85" d="m10 1.3l-.5.2l-.38.4l-.18.5l-.14 1.2l-.09.2l-.11.14l-.3.16H8L7.9 4l-.09.1l.19.28l.2.07l.3-.07l.3-.16l.19-.22l.28-1.6l.19-.4l.34-.29l.4-.1l3.4-.01l-.2-.17l-.36-.13zM5.9 3l-.35.1l-.31.2l-1.99 2l-.25.57v.43l.08.2l.44-1L5.5 3.52l.2-.12l.3-.08h.7l.3.16l.08-.08l-.58-.35zm10.8 0l-.5.2l-1.2.9h-.3l-.3-.1l-.02.2l.32.22l.3-.01l.26-.11l1.24-.89l.3-.08l.9.02l.06-.05l-.46-.26zM4.1 8.1v.2l-.09.2l-.2.2l-.21.1l-1.5.22l-.44.28l-.23.3l-.13.4v3l.06.1l.16-.4v-2.4l.19-.5l.19-.25l.3-.21l1.6-.28l.3-.14l.19-.22l.13-.4l-.22-.22zm15 .6l-.04.1l.04.17l.2.1l1.2.19l.7.01l-.1-.15l-.26-.12l-1.44-.2zm-5.3 2.03l.1.77v.3l-.1.4l-.3.6l-.7.7l-.6.3l-.4.1h-.6l-.4-.1l-.7-.39l-.08.09l.48.44l.3.15l.5.11l.5-.01l.5-.1l.8-.41l.6-.6l.39-.78l.06-.3l-.03-.5l-.08-.3zM4.1 14.7v.3l-.8 1.05l-.25.45l-.05.63l.08.17l.33-.8l.97-1.4l.04-.2l-.06-.1zm4.7 4.52l-.06.08l.06.1l.14 1.2l.09.2l.05-.4l-.15-.9z" 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%22SVGOkLuybLl%22%20x1%3D%222.9%22%20x2%3D%2224.5%22%20y1%3D%222.9%22%20y2%3D%2224.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237484ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236a45d6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhqD9OmbE%22%20x1%3D%221.2%22%20x2%3D%2221.8%22%20y1%3D%221.2%22%20y2%3D%2221.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23e4e8ff%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e4e8ff%22%20stop-opacity%3D%22.42%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGU3UFucBn%22%20cx%3D%2217.83%22%20cy%3D%2217.83%22%20r%3D%228%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f2679e%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23f2679e%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f2679e%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%236a45d6%22%20fill-opacity%3D%22.06%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.1%202.29l-.7.3l-.5.61l-.3%202.09L7.9%204.1l-1.1-.15l-.6.34L5.18%205.6L3.7%206.8l-.27.6l.09.8l1.27%201.9l-1.79.18l-.98.72l-.26.8l-.05%202.9l.26.7l.53.54l2.2.82l-1.1%201.04l-.17%201.1l.46.9l2.01%201.98l.7.3l.8.03l2-.67l.1%201.36l.7.8l.9.25l2.8-.02l.75-.23l.61-.5l.74-1.83l1.3.78l1.2-.04l.9-.54l1.8-1.85l.37-.82l.02-.8l-.82-1.5l1.53-.53l.83-.87l.21-.8v-2.9l-.24-.7l-.5-.54l-1.66-.26l.64-1.8l-.05-1.2l-.33-.61l-2.01-1.99l-.79-.37l-.8.02l-1.3%201.27l-.7-1.97l-.8-.84l-.8-.21zm1.1%209.21l-.6.26l-.46.54l-.18.7l.15.8l.44.7l.65.49l.8.18l.7-.14l.87-.93l-.04-1.3l-.93-1.05z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%236a45d6%22%20fill-opacity%3D%22.08%22%20fill-rule%3D%22evenodd%22%20d%3D%22m14%202.89l-2.6.1l-.55.21l-.49.7l-.24%201.9l-.32.21l-.4-.1l-1.6-1.18l-.6-.1l-.5.2l-1.1%201.32l-1.2.97l-.25.48l.18.9L5.47%2010l-.05.5l-.22.15l-2%20.29l-.5.41l-.21.55l-.11%202.7l.18.6l.74.59l1.91.51l.28.4l-.09.3l-1.23%201.3l-.06.6l.29.6l1.8%201.81l.5.27l1-.02l1.7-.71l.5.11l.14.24l.08%201.5l.31.4l.57.25h2.8l.6-.16l.64-.59l.52-1.6l.44-.3l1.6.9l.7-.03l.56-.27l1.57-1.5l.64-1V18l-.84-1.3l.07-.46l1.9-.76l.4-.42l.23-.56l.04-2.8l-.17-.62l-.6-.5l-1.5-.06l-.26-.42l.77-2.1v-.7l-.22-.5L19%204.9l-.6-.29l-.7.1l-1.21%201.19l-.49.01l-.21-.21l-.66-2.2l-.53-.5zM12.3%2011l-.9.33l-.63.67l-.28.9l.11%201l.47.9l.73.64l.9.32l1-.09l.8-.45l.55-.72l.22-.8l-.1-.9l-.44-.8l-.68-.6l-.85-.36z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOkLuybLl)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m13.1%202.9l-1.6.02l-.5.23l-.31.55l-.22%201.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1%201.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11%201.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11%202.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13%201.24l-.06.46l.17.4l1.78%201.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08%201.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1%20.71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2%201.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8%207.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGU3UFucBn)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m13.1%202.9l-1.6.02l-.5.23l-.31.55l-.22%201.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1%201.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11%201.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11%202.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13%201.24l-.06.46l.17.4l1.78%201.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08%201.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1%20.71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2%201.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8%207.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhqD9OmbE)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%22.5%22%20d%3D%22m10%201.19l-.3.08l-.3.17l-.4.46l-.14.4l-.23%201.4l-.13.2l-.3.11l-.2-.06l-1.1-.81l-.4-.2l-.4-.06l-.4.05l-.5.27l-2%202l-.19.3l-.1.3l.01.6l.18.44L3.95%208l.05.24l-.1.26l-.1.1l-1.7.31l-.4.22l-.32.37l-.14.3l-.07.4l.02%202.8l.08.3l.17.3l.46.4l.4.14l1.4.23l.2.13l.11.3l-.06.2l-.81%201.1l-.2.4l-.06.4l.05.4l.27.5l2%202l.3.19l.3.1l.6-.01l.44-.18L8%2019.05l.24-.05l.26.1l.1.1l.31%201.7l.22.4l.37.32l.3.14l.4.07l2.8-.02l.3-.08l.3-.17l.4-.46l.14-.4l.23-1.4l.13-.2l.3-.11l.2.06l1.1.81l.4.2l.4.06l.4-.05l.5-.27l2-2l.19-.3l.1-.3l-.01-.6l-.18-.44l-.85-1.16l-.05-.24l.1-.26l.1-.1l1.7-.31l.4-.22l.32-.37l.14-.3l.07-.4l-.02-2.8l-.08-.3l-.17-.3l-.46-.4l-.4-.14l-1.4-.23l-.2-.13l-.11-.3l.06-.2l.81-1.1l.2-.4l.06-.4l-.05-.4l-.27-.5l-2-2l-.3-.19l-.3-.1l-.6.01l-.44.18l-1.16.85l-.24.05l-.26-.1l-.1-.1l-.31-1.7l-.22-.4l-.37-.32l-.3-.14l-.4-.07zm1%208.1l-.4.13l-.4.22l-.56.56l-.22.4l-.16.5v.8l.16.5l.15.3l.32.4l.31.26l.4.22l.5.16h.8l.5-.16l.3-.15l.4-.32l.26-.31l.22-.4l.16-.5v-.8l-.16-.5l-.15-.3l-.32-.4l-.31-.26l-.4-.22l-.5-.16l-.4-.03z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.35%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.2%207.29l-.8.14l-.8.3l-.7.45l-.6.57l-.46.65l-.34.76l-.19.84l-.02.8l.14.8l.3.8l.45.7l.57.6l.65.46l.76.34l.84.19l.8.02l.8-.14l.8-.3l.7-.45l.6-.57l.46-.65l.34-.76l.19-.84l.02-.8l-.14-.8l-.3-.8l-.45-.7l-.57-.6l-.65-.46l-.76-.34l-.84-.19zm0%201.81l-.9.3l-.42.3l-.35.4l-.23.4l-.17.5l-.02.9l.35.9l.64.67l.4.23l.5.17l.9.02l.9-.35l.67-.64l.23-.4l.17-.5l.02-.9l-.35-.9l-.64-.67l-.8-.37z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22m10%201.3l-.5.2l-.38.4l-.18.5l-.14%201.2l-.09.2l-.11.14l-.3.16H8L7.9%204l-.09.1l.19.28l.2.07l.3-.07l.3-.16l.19-.22l.28-1.6l.19-.4l.34-.29l.4-.1l3.4-.01l-.2-.17l-.36-.13zM5.9%203l-.35.1l-.31.2l-1.99%202l-.25.57v.43l.08.2l.44-1L5.5%203.52l.2-.12l.3-.08h.7l.3.16l.08-.08l-.58-.35zm10.8%200l-.5.2l-1.2.9h-.3l-.3-.1l-.02.2l.32.22l.3-.01l.26-.11l1.24-.89l.3-.08l.9.02l.06-.05l-.46-.26zM4.1%208.1v.2l-.09.2l-.2.2l-.21.1l-1.5.22l-.44.28l-.23.3l-.13.4v3l.06.1l.16-.4v-2.4l.19-.5l.19-.25l.3-.21l1.6-.28l.3-.14l.19-.22l.13-.4l-.22-.22zm15%20.6l-.04.1l.04.17l.2.1l1.2.19l.7.01l-.1-.15l-.26-.12l-1.44-.2zm-5.3%202.03l.1.77v.3l-.1.4l-.3.6l-.7.7l-.6.3l-.4.1h-.6l-.4-.1l-.7-.39l-.08.09l.48.44l.3.15l.5.11l.5-.01l.5-.1l.8-.41l.6-.6l.39-.78l.06-.3l-.03-.5l-.08-.3zM4.1%2014.7v.3l-.8%201.05l-.25.45l-.05.63l.08.17l.33-.8l.97-1.4l.04-.2l-.06-.1zm4.7%204.52l-.06.08l.06.1l.14%201.2l.09.2l.05-.4l-.15-.9z%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%22SVGOkLuybLl%22%20x1%3D%222.9%22%20x2%3D%2224.5%22%20y1%3D%222.9%22%20y2%3D%2224.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237484ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236a45d6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhqD9OmbE%22%20x1%3D%221.2%22%20x2%3D%2221.8%22%20y1%3D%221.2%22%20y2%3D%2221.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23e4e8ff%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e4e8ff%22%20stop-opacity%3D%22.42%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGU3UFucBn%22%20cx%3D%2217.83%22%20cy%3D%2217.83%22%20r%3D%228%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f2679e%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23f2679e%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f2679e%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%236a45d6%22%20fill-opacity%3D%22.06%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.1%202.29l-.7.3l-.5.61l-.3%202.09L7.9%204.1l-1.1-.15l-.6.34L5.18%205.6L3.7%206.8l-.27.6l.09.8l1.27%201.9l-1.79.18l-.98.72l-.26.8l-.05%202.9l.26.7l.53.54l2.2.82l-1.1%201.04l-.17%201.1l.46.9l2.01%201.98l.7.3l.8.03l2-.67l.1%201.36l.7.8l.9.25l2.8-.02l.75-.23l.61-.5l.74-1.83l1.3.78l1.2-.04l.9-.54l1.8-1.85l.37-.82l.02-.8l-.82-1.5l1.53-.53l.83-.87l.21-.8v-2.9l-.24-.7l-.5-.54l-1.66-.26l.64-1.8l-.05-1.2l-.33-.61l-2.01-1.99l-.79-.37l-.8.02l-1.3%201.27l-.7-1.97l-.8-.84l-.8-.21zm1.1%209.21l-.6.26l-.46.54l-.18.7l.15.8l.44.7l.65.49l.8.18l.7-.14l.87-.93l-.04-1.3l-.93-1.05z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%236a45d6%22%20fill-opacity%3D%22.08%22%20fill-rule%3D%22evenodd%22%20d%3D%22m14%202.89l-2.6.1l-.55.21l-.49.7l-.24%201.9l-.32.21l-.4-.1l-1.6-1.18l-.6-.1l-.5.2l-1.1%201.32l-1.2.97l-.25.48l.18.9L5.47%2010l-.05.5l-.22.15l-2%20.29l-.5.41l-.21.55l-.11%202.7l.18.6l.74.59l1.91.51l.28.4l-.09.3l-1.23%201.3l-.06.6l.29.6l1.8%201.81l.5.27l1-.02l1.7-.71l.5.11l.14.24l.08%201.5l.31.4l.57.25h2.8l.6-.16l.64-.59l.52-1.6l.44-.3l1.6.9l.7-.03l.56-.27l1.57-1.5l.64-1V18l-.84-1.3l.07-.46l1.9-.76l.4-.42l.23-.56l.04-2.8l-.17-.62l-.6-.5l-1.5-.06l-.26-.42l.77-2.1v-.7l-.22-.5L19%204.9l-.6-.29l-.7.1l-1.21%201.19l-.49.01l-.21-.21l-.66-2.2l-.53-.5zM12.3%2011l-.9.33l-.63.67l-.28.9l.11%201l.47.9l.73.64l.9.32l1-.09l.8-.45l.55-.72l.22-.8l-.1-.9l-.44-.8l-.68-.6l-.85-.36z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOkLuybLl)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m13.1%202.9l-1.6.02l-.5.23l-.31.55l-.22%201.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1%201.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11%201.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11%202.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13%201.24l-.06.46l.17.4l1.78%201.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08%201.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1%20.71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2%201.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8%207.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGU3UFucBn)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m13.1%202.9l-1.6.02l-.5.23l-.31.55l-.22%201.7l-.23.3l-.34.15l-.3.03l-.3-.11l-1.5-1.11l-.5-.08l-.4.17l-1%201.18l-1.1.92l-.2.35l-.02.3l.13.4l1.11%201.5l.07.3l-.16.5l-.23.23l-.2.07l-1.8.26l-.4.3l-.18.44l-.11%202.7l.14.4l.55.43l1.9.47l.3.27l.14.33l.02.3l-.13.3l-1.13%201.24l-.06.46l.17.4l1.78%201.8l.41.2l.7-.02l1.7-.74l.4-.02l.4.16l.24.22l.07.2l.08%201.5l.26.3l.45.16l2.6-.02l.5-.12l.3-.22l.22-.3l.51-1.6l.27-.25l.3-.12l.5.02l1%20.71l.3.13h.5l.5-.23l1.3-1.21l.56-.65l.2-.4l.05-.4l-.05-.3l-.84-1.3l-.02-.3l.15-.4l.35-.32l1.6-.51l.36-.37l.17-.5l.04-2.6l-.14-.5l-.16-.2l-.27-.15l-1.5-.06l-.3-.26l-.18-.43l.05-.5l.73-1.7v-.6l-.2-.41l-1.7-1.7l-.5-.25l-.3.01l-.3.13l-1.2%201.11l-.4.08l-.4-.15l-.3-.32l-.44-1.8l-.29-.5l-.47-.28zm-.8%207.3l-.5.11l-.5.24l-.4.32l-.35.43l-.24.5l-.11.5l-.03.5l.1.6l.22.6l.3.5l.36.4l.45.34l.6.28l.5.11h.6l.5-.1l.9-.5l.4-.41l.26-.42l.17-.4l.11-.6l-.12-1l-.49-.9l-.73-.65l-1-.41z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhqD9OmbE)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%22.5%22%20d%3D%22m10%201.19l-.3.08l-.3.17l-.4.46l-.14.4l-.23%201.4l-.13.2l-.3.11l-.2-.06l-1.1-.81l-.4-.2l-.4-.06l-.4.05l-.5.27l-2%202l-.19.3l-.1.3l.01.6l.18.44L3.95%208l.05.24l-.1.26l-.1.1l-1.7.31l-.4.22l-.32.37l-.14.3l-.07.4l.02%202.8l.08.3l.17.3l.46.4l.4.14l1.4.23l.2.13l.11.3l-.06.2l-.81%201.1l-.2.4l-.06.4l.05.4l.27.5l2%202l.3.19l.3.1l.6-.01l.44-.18L8%2019.05l.24-.05l.26.1l.1.1l.31%201.7l.22.4l.37.32l.3.14l.4.07l2.8-.02l.3-.08l.3-.17l.4-.46l.14-.4l.23-1.4l.13-.2l.3-.11l.2.06l1.1.81l.4.2l.4.06l.4-.05l.5-.27l2-2l.19-.3l.1-.3l-.01-.6l-.18-.44l-.85-1.16l-.05-.24l.1-.26l.1-.1l1.7-.31l.4-.22l.32-.37l.14-.3l.07-.4l-.02-2.8l-.08-.3l-.17-.3l-.46-.4l-.4-.14l-1.4-.23l-.2-.13l-.11-.3l.06-.2l.81-1.1l.2-.4l.06-.4l-.05-.4l-.27-.5l-2-2l-.3-.19l-.3-.1l-.6.01l-.44.18l-1.16.85l-.24.05l-.26-.1l-.1-.1l-.31-1.7l-.22-.4l-.37-.32l-.3-.14l-.4-.07zm1%208.1l-.4.13l-.4.22l-.56.56l-.22.4l-.16.5v.8l.16.5l.15.3l.32.4l.31.26l.4.22l.5.16h.8l.5-.16l.3-.15l.4-.32l.26-.31l.22-.4l.16-.5v-.8l-.16-.5l-.15-.3l-.32-.4l-.31-.26l-.4-.22l-.5-.16l-.4-.03z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.35%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.2%207.29l-.8.14l-.8.3l-.7.45l-.6.57l-.46.65l-.34.76l-.19.84l-.02.8l.14.8l.3.8l.45.7l.57.6l.65.46l.76.34l.84.19l.8.02l.8-.14l.8-.3l.7-.45l.6-.57l.46-.65l.34-.76l.19-.84l.02-.8l-.14-.8l-.3-.8l-.45-.7l-.57-.6l-.65-.46l-.76-.34l-.84-.19zm0%201.81l-.9.3l-.42.3l-.35.4l-.23.4l-.17.5l-.02.9l.35.9l.64.67l.4.23l.5.17l.9.02l.9-.35l.67-.64l.23-.4l.17-.5l.02-.9l-.35-.9l-.64-.67l-.8-.37z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22m10%201.3l-.5.2l-.38.4l-.18.5l-.14%201.2l-.09.2l-.11.14l-.3.16H8L7.9%204l-.09.1l.19.28l.2.07l.3-.07l.3-.16l.19-.22l.28-1.6l.19-.4l.34-.29l.4-.1l3.4-.01l-.2-.17l-.36-.13zM5.9%203l-.35.1l-.31.2l-1.99%202l-.25.57v.43l.08.2l.44-1L5.5%203.52l.2-.12l.3-.08h.7l.3.16l.08-.08l-.58-.35zm10.8%200l-.5.2l-1.2.9h-.3l-.3-.1l-.02.2l.32.22l.3-.01l.26-.11l1.24-.89l.3-.08l.9.02l.06-.05l-.46-.26zM4.1%208.1v.2l-.09.2l-.2.2l-.21.1l-1.5.22l-.44.28l-.23.3l-.13.4v3l.06.1l.16-.4v-2.4l.19-.5l.19-.25l.3-.21l1.6-.28l.3-.14l.19-.22l.13-.4l-.22-.22zm15%20.6l-.04.1l.04.17l.2.1l1.2.19l.7.01l-.1-.15l-.26-.12l-1.44-.2zm-5.3%202.03l.1.77v.3l-.1.4l-.3.6l-.7.7l-.6.3l-.4.1h-.6l-.4-.1l-.7-.39l-.08.09l.48.44l.3.15l.5.11l.5-.01l.5-.1l.8-.41l.6-.6l.39-.78l.06-.3l-.03-.5l-.08-.3zM4.1%2014.7v.3l-.8%201.05l-.25.45l-.05.63l.08.17l.33-.8l.97-1.4l.04-.2l-.06-.1zm4.7%204.52l-.06.08l.06.1l.14%201.2l.09.2l.05-.4l-.15-.9z%22%20class%3D%22wm-shine%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 健康报告

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

文件体积

6.40 KB

6,554 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

<path> ×7

风格

多色填充

描边可随字号加粗

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

常见问题

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

设置图标是什么？▾

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

如何下载设置图标？▾

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

设置图标可以商用吗？▾

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

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

设置 SVG 图标

下载 设置 图标

设置 的预览与使用场景