设置 SVG 图标

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

withicons-animesettings

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

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

下载设置图标

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

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

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

设置的预览与使用场景

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

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

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

设置导航菜单 · 选中态

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

9:41

设置

settings-2手机桌面 · App 图标

设置withicons-anime.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="#2b2148" d="m10.8 2.57l-.33.13l-.27.19l-.32.41l-.17.6l-.01.9l-.06.1l-1.04.43l-.6-.58l-.4-.3l-.49-.15l-.51.02l-.4.14l-.3.22L4.68 5.9l-.22.3l-.14.4l-.04.3l.06.4l.11.3l.36.6l.44.5l-.02.1l-.33.83l-.1.07H4l-.4.07l-.5.24l-.36.39l-.18.4l-.06.4l.01 1.7l.17.6l.36.6l.26.31l.27.19l.33.14l.4.06H5l.09.1l.24.5l-.58.6l-.3.4l-.15.49l.02.51l.14.4l.52.8l1.22 1.22l.3.22l.4.14l.3.04l.4-.06l.3-.11l.3-.21l.7-.67l.73.33l.07.1l.04.7l.21.5l.36.6l.39.36l.4.18l.4.06l1.7-.01l.4-.08l.3-.15l.3-.25l.2-.28l.14-.33l.05-.3l.01-.9l.05-.1l1.05-.42l.6.57l.4.3l.49.15l.51-.02l.4-.14l.3-.22l1.22-1.22l.22-.3l.14-.4l.04-.3l-.06-.4l-.11-.3l-.36-.6l-.44-.5l.02-.1l.33-.83l.1-.07h.8l.4-.07l.5-.24l.36-.39l.18-.4l.06-.4l-.01-1.7l-.17-.6l-.36-.6l-.26-.31l-.27-.19l-.33-.14l-.4-.06h-.7l-.09-.1l-.24-.5l.58-.6l.3-.4l.15-.49l-.02-.51l-.14-.4l-.52-.8l-1.22-1.22l-.3-.22l-.4-.14l-.3-.04l-.4.06l-.3.11l-.3.21l-.7.67l-.73-.33l-.07-.1l-.04-.7l-.14-.4l-.51-.8l-.31-.25l-.4-.19l-.4-.06h-1.3zm.76 7.03l.64-.09l.6.04l.7.21l.44.24l.49.4l.31.4l.17.5l.07.5l-.02.6l-.11.5l-.26.6l-.28.4l-.41.41l-.6.39l-.5.19l-.6.1l-.6-.02l-.8-.22l-.3-.16l-.53-.39l-.37-.4l-.18-.5l-.11-.6l.02-.6l.15-.6l.23-.5l.36-.5l.43-.39l.5-.31z" class="wm-k"/><path fill="#4ba8f5" d="m12 3l-1 .03l-.3.12l-.2.14l-.2.31l-.1.4v1.2l-1.7.72L7.37 4.9l-.27-.1l-.4.01l-.3.11l-.2.16L5.08 6.2l-.16.2l-.11.3l-.03.2l.13.5l1.02 1.1l-.38.8l-.29.8l-.06.1H4l-.5.16l-.2.13l-.16.21l-.14.5v1.6l.14.5l.16.21l.4.24l.3.05h1.2l.35.9l.38.8l-1.03 1.13l-.1.27l.01.4l.11.3l.16.2l1.12 1.12l.2.16l.3.11l.2.03l.5-.13l1.1-1.02l.9.43l.7.24l.1.06V20l.16.5l.13.2l.21.16l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.13 1.03l.27.1l.4-.01l.3-.11l.2-.16l1.12-1.12l.16-.2l.11-.3l.03-.2l-.13-.5l-1.02-1.1l.38-.8l.29-.8l.06-.1H20l.5-.16l.2-.13l.16-.21l.14-.5v-1.6l-.14-.5l-.16-.21l-.4-.24l-.3-.05h-1.2l-.35-.9l-.38-.8l.83-.87l.19-.23l.07-.2l.06-.3l-.03-.2l-.11-.3l-.18-.22l-1.1-1.1l-.2-.16l-.3-.11l-.2-.03l-.5.13l-1.1 1.02l-.9-.43l-.7-.24l-.1-.06l-.03-1.4l-.12-.3l-.14-.2l-.51-.26zm-.81 5.6l.71-.1l.7.05l.7.2l.6.32l.54.43l.43.5l.34.6l.19.6l.08.5l-.01.7l-.12.6l-.29.7l-.36.52l-.5.5l-.6.39l-.7.27l-.7.11l-.7-.03l-.6-.14l-.7-.32l-.54-.4l-.46-.5l-.36-.6l-.22-.6l-.11-.7l.03-.7l.17-.7l.29-.6l.4-.53l.5-.47l.6-.36z" class="wm-k"/><path fill="#4b2c8f" fill-opacity=".32" d="m12.9 3.06l.01.74l.79.31l.1-.01l-.03-.3l-.12-.3l-.14-.2l-.41-.24zm5.2 2.32l-.09.52l-.17.4l-.24.35l-.42.45l.72 1.69l.2.01l.06-.1l-.09-.2l1.02-1.1l.13-.5l-.14-.5zM4.8 6.87l.03.33l.07.18l.12-.28zm15.3 3.39l-.05.84l-.11.3l-.19.3l-.35.35l-.4.23l-.4.11l-.7.02l-.69 1.59l-.03.1l.53.6l.39.73l.35-.73l.35-.9l1.4-.03l.5-.26l.25-.41l.05-.3v-1.6l-.05-.3l-.09-.2l-.26-.28l-.3-.17zM15.9 12l-.02.4l-.14.7l-.34.8l-.6.81l-.7.58l-.4.22l-.6.23l-.8.15l-.8-.02l-.9-.22l-.05.05l.85.42l1 .18l1-.12l.4-.13l.6-.31l.5-.4l.3-.32l.36-.52l.19-.4l.18-.6l.06-.4v-.4zM3 12.2v.6l.05.3l.25.41l.4.24l.3.05h.8l.04-.1l-.54-1.29l-.8-.04zm15.1 3.34l-.12.66l-.2.4l-.57.6l-.51.28l-.6.07l-.5-.11l-.5-.3l-.5-.46l-1.69.72l-.02.7l-.11.4l-.23.4l-.41.4l-.44.22l-.4.08l-.6-.03l-.5-.17l.03.8l.18.4l.29.26l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.1 1.02l.5.13l.5-.14l1.32-1.28l.16-.2l.11-.3l.03-.2l-.13-.5zM7.6 16.68l-.7.6l-.6.25l-.4.02l-.4-.07l-.37-.18l-.33-.26l.01.26l.11.3l.16.2l1.1 1.1l.22.18l.3.11l.2.03l.5-.13l1.1-1.02l.8.38l.07-.05l-.07-.4l-.01-.6z" class="wm-k"/><path fill="#fff" d="m11.8 4.68l-.17.12l-.63.92l-1.07.78l-.56.5l-.22.3l.02.2l.09.1l.64.09l.9-.14l.6-.24l.3-.21l.28-.3l.24-.4l.1-.3l.04-.4l-.1-.6l-.17-.4l-.09-.09zM6.6 6.29l-.27.31l-.05.3l.06.2l.15.2l.21.13l.3.03l.2-.06l.2-.17l.12-.23l.01-.3l-.09-.2l-.14-.16l-.2-.11l-.3-.01z" class="wm-shine"/><path fill="#2b2148" d="m11.5 8.18l-.7.16l-.7.31l-.63.45l-.56.6l-.36.6l-.29.8l-.1.7l.04.8l.3 1l.51.9l.45.6l.56.5l.68.4l.7.24l.8.11l.8-.07l.7-.19l.7-.36l.6-.49l.46-.54l.39-.7l.21-.7l.09-.8l-.07-.7l-.2-.7l-.23-.5L15 9.59l-.6-.6l-.7-.44l-.7-.27l-.7-.12zm.48 3.12l.42-.04l.5.15l.26.19l.09.4l-.11.5l-.19.3l-.35.29l-.5.15l-.3-.01l-.5-.2l-.16-.13l-.08-.3l.06-.5l.15-.3l.33-.33z" class="wm-a"/><path fill="#ffc740" d="m11.2 8.59l-.7.25l-.6.36l-.5.46l-.4.54l-.29.6l-.17.7l-.03.7l.11.7l.22.6l.36.6l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.4-.36l.44-.54l.31-.6l.18-.6l.07-.7l-.07-.7l-.22-.7l-.34-.6l-.42-.5l-.55-.44l-.6-.31l-.7-.2l-.7-.05zm.26 1.91l.64-.1l.3.05l.36.15l.48.4l.2.3l.1.3l.06.4l-.03.3l-.13.4l-.2.3l-.24.24l-.6.31l-.6.03l-.4-.1l-.2-.1l-.4-.33l-.32-.55l-.06-.3v-.4l.2-.6l.22-.3l.23-.2z" class="wm-a"/><path fill="#ff5d78" fill-opacity=".42" d="m14.8 9.91l-.05.09l.17.6l.08.7l-.15 1l-.24.6l-.24.4l-.43.5l-.44.37l-.5.29l-.6.22l-1 .12l-.7-.1l-.6-.2l-.55-.3l-.45-.35l-.04.05l.14.2l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.53-.5l.43-.6l.29-.7l.12-.6l.02-.7l-.14-.7l-.25-.62z" class="wm-a"/><path fill="#fff" d="m10.6 9.07l-.29.13l-.18.2l-.09.2l-.01.3l.13.3l.21.2l.23.09l.3-.01l.21-.08l.21-.2l.13-.3l-.01-.3l-.14-.27l-.2-.17l-.2-.08z" 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"><path fill="#2b2148" d="m10.8 2.57l-.33.13l-.27.19l-.32.41l-.17.6l-.01.9l-.06.1l-1.04.43l-.6-.58l-.4-.3l-.49-.15l-.51.02l-.4.14l-.3.22L4.68 5.9l-.22.3l-.14.4l-.04.3l.06.4l.11.3l.36.6l.44.5l-.02.1l-.33.83l-.1.07H4l-.4.07l-.5.24l-.36.39l-.18.4l-.06.4l.01 1.7l.17.6l.36.6l.26.31l.27.19l.33.14l.4.06H5l.09.1l.24.5l-.58.6l-.3.4l-.15.49l.02.51l.14.4l.52.8l1.22 1.22l.3.22l.4.14l.3.04l.4-.06l.3-.11l.3-.21l.7-.67l.73.33l.07.1l.04.7l.21.5l.36.6l.39.36l.4.18l.4.06l1.7-.01l.4-.08l.3-.15l.3-.25l.2-.28l.14-.33l.05-.3l.01-.9l.05-.1l1.05-.42l.6.57l.4.3l.49.15l.51-.02l.4-.14l.3-.22l1.22-1.22l.22-.3l.14-.4l.04-.3l-.06-.4l-.11-.3l-.36-.6l-.44-.5l.02-.1l.33-.83l.1-.07h.8l.4-.07l.5-.24l.36-.39l.18-.4l.06-.4l-.01-1.7l-.17-.6l-.36-.6l-.26-.31l-.27-.19l-.33-.14l-.4-.06h-.7l-.09-.1l-.24-.5l.58-.6l.3-.4l.15-.49l-.02-.51l-.14-.4l-.52-.8l-1.22-1.22l-.3-.22l-.4-.14l-.3-.04l-.4.06l-.3.11l-.3.21l-.7.67l-.73-.33l-.07-.1l-.04-.7l-.14-.4l-.51-.8l-.31-.25l-.4-.19l-.4-.06h-1.3zm.76 7.03l.64-.09l.6.04l.7.21l.44.24l.49.4l.31.4l.17.5l.07.5l-.02.6l-.11.5l-.26.6l-.28.4l-.41.41l-.6.39l-.5.19l-.6.1l-.6-.02l-.8-.22l-.3-.16l-.53-.39l-.37-.4l-.18-.5l-.11-.6l.02-.6l.15-.6l.23-.5l.36-.5l.43-.39l.5-.31z" class="wm-k"/><path fill="#4ba8f5" d="m12 3l-1 .03l-.3.12l-.2.14l-.2.31l-.1.4v1.2l-1.7.72L7.37 4.9l-.27-.1l-.4.01l-.3.11l-.2.16L5.08 6.2l-.16.2l-.11.3l-.03.2l.13.5l1.02 1.1l-.38.8l-.29.8l-.06.1H4l-.5.16l-.2.13l-.16.21l-.14.5v1.6l.14.5l.16.21l.4.24l.3.05h1.2l.35.9l.38.8l-1.03 1.13l-.1.27l.01.4l.11.3l.16.2l1.12 1.12l.2.16l.3.11l.2.03l.5-.13l1.1-1.02l.9.43l.7.24l.1.06V20l.16.5l.13.2l.21.16l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.13 1.03l.27.1l.4-.01l.3-.11l.2-.16l1.12-1.12l.16-.2l.11-.3l.03-.2l-.13-.5l-1.02-1.1l.38-.8l.29-.8l.06-.1H20l.5-.16l.2-.13l.16-.21l.14-.5v-1.6l-.14-.5l-.16-.21l-.4-.24l-.3-.05h-1.2l-.35-.9l-.38-.8l.83-.87l.19-.23l.07-.2l.06-.3l-.03-.2l-.11-.3l-.18-.22l-1.1-1.1l-.2-.16l-.3-.11l-.2-.03l-.5.13l-1.1 1.02l-.9-.43l-.7-.24l-.1-.06l-.03-1.4l-.12-.3l-.14-.2l-.51-.26zm-.81 5.6l.71-.1l.7.05l.7.2l.6.32l.54.43l.43.5l.34.6l.19.6l.08.5l-.01.7l-.12.6l-.29.7l-.36.52l-.5.5l-.6.39l-.7.27l-.7.11l-.7-.03l-.6-.14l-.7-.32l-.54-.4l-.46-.5l-.36-.6l-.22-.6l-.11-.7l.03-.7l.17-.7l.29-.6l.4-.53l.5-.47l.6-.36z" class="wm-k"/><path fill="#4b2c8f" fill-opacity=".32" d="m12.9 3.06l.01.74l.79.31l.1-.01l-.03-.3l-.12-.3l-.14-.2l-.41-.24zm5.2 2.32l-.09.52l-.17.4l-.24.35l-.42.45l.72 1.69l.2.01l.06-.1l-.09-.2l1.02-1.1l.13-.5l-.14-.5zM4.8 6.87l.03.33l.07.18l.12-.28zm15.3 3.39l-.05.84l-.11.3l-.19.3l-.35.35l-.4.23l-.4.11l-.7.02l-.69 1.59l-.03.1l.53.6l.39.73l.35-.73l.35-.9l1.4-.03l.5-.26l.25-.41l.05-.3v-1.6l-.05-.3l-.09-.2l-.26-.28l-.3-.17zM15.9 12l-.02.4l-.14.7l-.34.8l-.6.81l-.7.58l-.4.22l-.6.23l-.8.15l-.8-.02l-.9-.22l-.05.05l.85.42l1 .18l1-.12l.4-.13l.6-.31l.5-.4l.3-.32l.36-.52l.19-.4l.18-.6l.06-.4v-.4zM3 12.2v.6l.05.3l.25.41l.4.24l.3.05h.8l.04-.1l-.54-1.29l-.8-.04zm15.1 3.34l-.12.66l-.2.4l-.57.6l-.51.28l-.6.07l-.5-.11l-.5-.3l-.5-.46l-1.69.72l-.02.7l-.11.4l-.23.4l-.41.4l-.44.22l-.4.08l-.6-.03l-.5-.17l.03.8l.18.4l.29.26l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.1 1.02l.5.13l.5-.14l1.32-1.28l.16-.2l.11-.3l.03-.2l-.13-.5zM7.6 16.68l-.7.6l-.6.25l-.4.02l-.4-.07l-.37-.18l-.33-.26l.01.26l.11.3l.16.2l1.1 1.1l.22.18l.3.11l.2.03l.5-.13l1.1-1.02l.8.38l.07-.05l-.07-.4l-.01-.6z" class="wm-k"/><path fill="#fff" d="m11.8 4.68l-.17.12l-.63.92l-1.07.78l-.56.5l-.22.3l.02.2l.09.1l.64.09l.9-.14l.6-.24l.3-.21l.28-.3l.24-.4l.1-.3l.04-.4l-.1-.6l-.17-.4l-.09-.09zM6.6 6.29l-.27.31l-.05.3l.06.2l.15.2l.21.13l.3.03l.2-.06l.2-.17l.12-.23l.01-.3l-.09-.2l-.14-.16l-.2-.11l-.3-.01z" class="wm-shine"/><path fill="#2b2148" d="m11.5 8.18l-.7.16l-.7.31l-.63.45l-.56.6l-.36.6l-.29.8l-.1.7l.04.8l.3 1l.51.9l.45.6l.56.5l.68.4l.7.24l.8.11l.8-.07l.7-.19l.7-.36l.6-.49l.46-.54l.39-.7l.21-.7l.09-.8l-.07-.7l-.2-.7l-.23-.5L15 9.59l-.6-.6l-.7-.44l-.7-.27l-.7-.12zm.48 3.12l.42-.04l.5.15l.26.19l.09.4l-.11.5l-.19.3l-.35.29l-.5.15l-.3-.01l-.5-.2l-.16-.13l-.08-.3l.06-.5l.15-.3l.33-.33z" class="wm-a"/><path fill="#ffc740" d="m11.2 8.59l-.7.25l-.6.36l-.5.46l-.4.54l-.29.6l-.17.7l-.03.7l.11.7l.22.6l.36.6l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.4-.36l.44-.54l.31-.6l.18-.6l.07-.7l-.07-.7l-.22-.7l-.34-.6l-.42-.5l-.55-.44l-.6-.31l-.7-.2l-.7-.05zm.26 1.91l.64-.1l.3.05l.36.15l.48.4l.2.3l.1.3l.06.4l-.03.3l-.13.4l-.2.3l-.24.24l-.6.31l-.6.03l-.4-.1l-.2-.1l-.4-.33l-.32-.55l-.06-.3v-.4l.2-.6l.22-.3l.23-.2z" class="wm-a"/><path fill="#ff5d78" fill-opacity=".42" d="m14.8 9.91l-.05.09l.17.6l.08.7l-.15 1l-.24.6l-.24.4l-.43.5l-.44.37l-.5.29l-.6.22l-1 .12l-.7-.1l-.6-.2l-.55-.3l-.45-.35l-.04.05l.14.2l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.53-.5l.43-.6l.29-.7l.12-.6l.02-.7l-.14-.7l-.25-.62z" class="wm-a"/><path fill="#fff" d="m10.6 9.07l-.29.13l-.18.2l-.09.2l-.01.3l.13.3l.21.2l.23.09l.3-.01l.21-.08l.21-.2l.13-.3l-.01-.3l-.14-.27l-.2-.17l-.2-.08z" 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"><path fill="#2b2148" d="m10.8 2.57l-.33.13l-.27.19l-.32.41l-.17.6l-.01.9l-.06.1l-1.04.43l-.6-.58l-.4-.3l-.49-.15l-.51.02l-.4.14l-.3.22L4.68 5.9l-.22.3l-.14.4l-.04.3l.06.4l.11.3l.36.6l.44.5l-.02.1l-.33.83l-.1.07H4l-.4.07l-.5.24l-.36.39l-.18.4l-.06.4l.01 1.7l.17.6l.36.6l.26.31l.27.19l.33.14l.4.06H5l.09.1l.24.5l-.58.6l-.3.4l-.15.49l.02.51l.14.4l.52.8l1.22 1.22l.3.22l.4.14l.3.04l.4-.06l.3-.11l.3-.21l.7-.67l.73.33l.07.1l.04.7l.21.5l.36.6l.39.36l.4.18l.4.06l1.7-.01l.4-.08l.3-.15l.3-.25l.2-.28l.14-.33l.05-.3l.01-.9l.05-.1l1.05-.42l.6.57l.4.3l.49.15l.51-.02l.4-.14l.3-.22l1.22-1.22l.22-.3l.14-.4l.04-.3l-.06-.4l-.11-.3l-.36-.6l-.44-.5l.02-.1l.33-.83l.1-.07h.8l.4-.07l.5-.24l.36-.39l.18-.4l.06-.4l-.01-1.7l-.17-.6l-.36-.6l-.26-.31l-.27-.19l-.33-.14l-.4-.06h-.7l-.09-.1l-.24-.5l.58-.6l.3-.4l.15-.49l-.02-.51l-.14-.4l-.52-.8l-1.22-1.22l-.3-.22l-.4-.14l-.3-.04l-.4.06l-.3.11l-.3.21l-.7.67l-.73-.33l-.07-.1l-.04-.7l-.14-.4l-.51-.8l-.31-.25l-.4-.19l-.4-.06h-1.3zm.76 7.03l.64-.09l.6.04l.7.21l.44.24l.49.4l.31.4l.17.5l.07.5l-.02.6l-.11.5l-.26.6l-.28.4l-.41.41l-.6.39l-.5.19l-.6.1l-.6-.02l-.8-.22l-.3-.16l-.53-.39l-.37-.4l-.18-.5l-.11-.6l.02-.6l.15-.6l.23-.5l.36-.5l.43-.39l.5-.31z" class="wm-k"/><path fill="#4ba8f5" d="m12 3l-1 .03l-.3.12l-.2.14l-.2.31l-.1.4v1.2l-1.7.72L7.37 4.9l-.27-.1l-.4.01l-.3.11l-.2.16L5.08 6.2l-.16.2l-.11.3l-.03.2l.13.5l1.02 1.1l-.38.8l-.29.8l-.06.1H4l-.5.16l-.2.13l-.16.21l-.14.5v1.6l.14.5l.16.21l.4.24l.3.05h1.2l.35.9l.38.8l-1.03 1.13l-.1.27l.01.4l.11.3l.16.2l1.12 1.12l.2.16l.3.11l.2.03l.5-.13l1.1-1.02l.9.43l.7.24l.1.06V20l.16.5l.13.2l.21.16l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.13 1.03l.27.1l.4-.01l.3-.11l.2-.16l1.12-1.12l.16-.2l.11-.3l.03-.2l-.13-.5l-1.02-1.1l.38-.8l.29-.8l.06-.1H20l.5-.16l.2-.13l.16-.21l.14-.5v-1.6l-.14-.5l-.16-.21l-.4-.24l-.3-.05h-1.2l-.35-.9l-.38-.8l.83-.87l.19-.23l.07-.2l.06-.3l-.03-.2l-.11-.3l-.18-.22l-1.1-1.1l-.2-.16l-.3-.11l-.2-.03l-.5.13l-1.1 1.02l-.9-.43l-.7-.24l-.1-.06l-.03-1.4l-.12-.3l-.14-.2l-.51-.26zm-.81 5.6l.71-.1l.7.05l.7.2l.6.32l.54.43l.43.5l.34.6l.19.6l.08.5l-.01.7l-.12.6l-.29.7l-.36.52l-.5.5l-.6.39l-.7.27l-.7.11l-.7-.03l-.6-.14l-.7-.32l-.54-.4l-.46-.5l-.36-.6l-.22-.6l-.11-.7l.03-.7l.17-.7l.29-.6l.4-.53l.5-.47l.6-.36z" class="wm-k"/><path fill="#4b2c8f" fill-opacity=".32" d="m12.9 3.06l.01.74l.79.31l.1-.01l-.03-.3l-.12-.3l-.14-.2l-.41-.24zm5.2 2.32l-.09.52l-.17.4l-.24.35l-.42.45l.72 1.69l.2.01l.06-.1l-.09-.2l1.02-1.1l.13-.5l-.14-.5zM4.8 6.87l.03.33l.07.18l.12-.28zm15.3 3.39l-.05.84l-.11.3l-.19.3l-.35.35l-.4.23l-.4.11l-.7.02l-.69 1.59l-.03.1l.53.6l.39.73l.35-.73l.35-.9l1.4-.03l.5-.26l.25-.41l.05-.3v-1.6l-.05-.3l-.09-.2l-.26-.28l-.3-.17zM15.9 12l-.02.4l-.14.7l-.34.8l-.6.81l-.7.58l-.4.22l-.6.23l-.8.15l-.8-.02l-.9-.22l-.05.05l.85.42l1 .18l1-.12l.4-.13l.6-.31l.5-.4l.3-.32l.36-.52l.19-.4l.18-.6l.06-.4v-.4zM3 12.2v.6l.05.3l.25.41l.4.24l.3.05h.8l.04-.1l-.54-1.29l-.8-.04zm15.1 3.34l-.12.66l-.2.4l-.57.6l-.51.28l-.6.07l-.5-.11l-.5-.3l-.5-.46l-1.69.72l-.02.7l-.11.4l-.23.4l-.41.4l-.44.22l-.4.08l-.6-.03l-.5-.17l.03.8l.18.4l.29.26l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.1 1.02l.5.13l.5-.14l1.32-1.28l.16-.2l.11-.3l.03-.2l-.13-.5zM7.6 16.68l-.7.6l-.6.25l-.4.02l-.4-.07l-.37-.18l-.33-.26l.01.26l.11.3l.16.2l1.1 1.1l.22.18l.3.11l.2.03l.5-.13l1.1-1.02l.8.38l.07-.05l-.07-.4l-.01-.6z" class="wm-k"/><path fill="#fff" d="m11.8 4.68l-.17.12l-.63.92l-1.07.78l-.56.5l-.22.3l.02.2l.09.1l.64.09l.9-.14l.6-.24l.3-.21l.28-.3l.24-.4l.1-.3l.04-.4l-.1-.6l-.17-.4l-.09-.09zM6.6 6.29l-.27.31l-.05.3l.06.2l.15.2l.21.13l.3.03l.2-.06l.2-.17l.12-.23l.01-.3l-.09-.2l-.14-.16l-.2-.11l-.3-.01z" class="wm-shine"/><path fill="#2b2148" d="m11.5 8.18l-.7.16l-.7.31l-.63.45l-.56.6l-.36.6l-.29.8l-.1.7l.04.8l.3 1l.51.9l.45.6l.56.5l.68.4l.7.24l.8.11l.8-.07l.7-.19l.7-.36l.6-.49l.46-.54l.39-.7l.21-.7l.09-.8l-.07-.7l-.2-.7l-.23-.5L15 9.59l-.6-.6l-.7-.44l-.7-.27l-.7-.12zm.48 3.12l.42-.04l.5.15l.26.19l.09.4l-.11.5l-.19.3l-.35.29l-.5.15l-.3-.01l-.5-.2l-.16-.13l-.08-.3l.06-.5l.15-.3l.33-.33z" class="wm-a"/><path fill="#ffc740" d="m11.2 8.59l-.7.25l-.6.36l-.5.46l-.4.54l-.29.6l-.17.7l-.03.7l.11.7l.22.6l.36.6l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.4-.36l.44-.54l.31-.6l.18-.6l.07-.7l-.07-.7l-.22-.7l-.34-.6l-.42-.5l-.55-.44l-.6-.31l-.7-.2l-.7-.05zm.26 1.91l.64-.1l.3.05l.36.15l.48.4l.2.3l.1.3l.06.4l-.03.3l-.13.4l-.2.3l-.24.24l-.6.31l-.6.03l-.4-.1l-.2-.1l-.4-.33l-.32-.55l-.06-.3v-.4l.2-.6l.22-.3l.23-.2z" class="wm-a"/><path fill="#ff5d78" fill-opacity=".42" d="m14.8 9.91l-.05.09l.17.6l.08.7l-.15 1l-.24.6l-.24.4l-.43.5l-.44.37l-.5.29l-.6.22l-1 .12l-.7-.1l-.6-.2l-.55-.3l-.45-.35l-.04.05l.14.2l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.53-.5l.43-.6l.29-.7l.12-.6l.02-.7l-.14-.7l-.25-.62z" class="wm-a"/><path fill="#fff" d="m10.6 9.07l-.29.13l-.18.2l-.09.2l-.01.3l.13.3l.21.2l.23.09l.3-.01l.21-.08l.21-.2l.13-.3l-.01-.3l-.14-.27l-.2-.17l-.2-.08z" 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%3Cpath%20fill%3D%22%232b2148%22%20d%3D%22m10.8%202.57l-.33.13l-.27.19l-.32.41l-.17.6l-.01.9l-.06.1l-1.04.43l-.6-.58l-.4-.3l-.49-.15l-.51.02l-.4.14l-.3.22L4.68%205.9l-.22.3l-.14.4l-.04.3l.06.4l.11.3l.36.6l.44.5l-.02.1l-.33.83l-.1.07H4l-.4.07l-.5.24l-.36.39l-.18.4l-.06.4l.01%201.7l.17.6l.36.6l.26.31l.27.19l.33.14l.4.06H5l.09.1l.24.5l-.58.6l-.3.4l-.15.49l.02.51l.14.4l.52.8l1.22%201.22l.3.22l.4.14l.3.04l.4-.06l.3-.11l.3-.21l.7-.67l.73.33l.07.1l.04.7l.21.5l.36.6l.39.36l.4.18l.4.06l1.7-.01l.4-.08l.3-.15l.3-.25l.2-.28l.14-.33l.05-.3l.01-.9l.05-.1l1.05-.42l.6.57l.4.3l.49.15l.51-.02l.4-.14l.3-.22l1.22-1.22l.22-.3l.14-.4l.04-.3l-.06-.4l-.11-.3l-.36-.6l-.44-.5l.02-.1l.33-.83l.1-.07h.8l.4-.07l.5-.24l.36-.39l.18-.4l.06-.4l-.01-1.7l-.17-.6l-.36-.6l-.26-.31l-.27-.19l-.33-.14l-.4-.06h-.7l-.09-.1l-.24-.5l.58-.6l.3-.4l.15-.49l-.02-.51l-.14-.4l-.52-.8l-1.22-1.22l-.3-.22l-.4-.14l-.3-.04l-.4.06l-.3.11l-.3.21l-.7.67l-.73-.33l-.07-.1l-.04-.7l-.14-.4l-.51-.8l-.31-.25l-.4-.19l-.4-.06h-1.3zm.76%207.03l.64-.09l.6.04l.7.21l.44.24l.49.4l.31.4l.17.5l.07.5l-.02.6l-.11.5l-.26.6l-.28.4l-.41.41l-.6.39l-.5.19l-.6.1l-.6-.02l-.8-.22l-.3-.16l-.53-.39l-.37-.4l-.18-.5l-.11-.6l.02-.6l.15-.6l.23-.5l.36-.5l.43-.39l.5-.31z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%234ba8f5%22%20d%3D%22m12%203l-1%20.03l-.3.12l-.2.14l-.2.31l-.1.4v1.2l-1.7.72L7.37%204.9l-.27-.1l-.4.01l-.3.11l-.2.16L5.08%206.2l-.16.2l-.11.3l-.03.2l.13.5l1.02%201.1l-.38.8l-.29.8l-.06.1H4l-.5.16l-.2.13l-.16.21l-.14.5v1.6l.14.5l.16.21l.4.24l.3.05h1.2l.35.9l.38.8l-1.03%201.13l-.1.27l.01.4l.11.3l.16.2l1.12%201.12l.2.16l.3.11l.2.03l.5-.13l1.1-1.02l.9.43l.7.24l.1.06V20l.16.5l.13.2l.21.16l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.13%201.03l.27.1l.4-.01l.3-.11l.2-.16l1.12-1.12l.16-.2l.11-.3l.03-.2l-.13-.5l-1.02-1.1l.38-.8l.29-.8l.06-.1H20l.5-.16l.2-.13l.16-.21l.14-.5v-1.6l-.14-.5l-.16-.21l-.4-.24l-.3-.05h-1.2l-.35-.9l-.38-.8l.83-.87l.19-.23l.07-.2l.06-.3l-.03-.2l-.11-.3l-.18-.22l-1.1-1.1l-.2-.16l-.3-.11l-.2-.03l-.5.13l-1.1%201.02l-.9-.43l-.7-.24l-.1-.06l-.03-1.4l-.12-.3l-.14-.2l-.51-.26zm-.81%205.6l.71-.1l.7.05l.7.2l.6.32l.54.43l.43.5l.34.6l.19.6l.08.5l-.01.7l-.12.6l-.29.7l-.36.52l-.5.5l-.6.39l-.7.27l-.7.11l-.7-.03l-.6-.14l-.7-.32l-.54-.4l-.46-.5l-.36-.6l-.22-.6l-.11-.7l.03-.7l.17-.7l.29-.6l.4-.53l.5-.47l.6-.36z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%234b2c8f%22%20fill-opacity%3D%22.32%22%20d%3D%22m12.9%203.06l.01.74l.79.31l.1-.01l-.03-.3l-.12-.3l-.14-.2l-.41-.24zm5.2%202.32l-.09.52l-.17.4l-.24.35l-.42.45l.72%201.69l.2.01l.06-.1l-.09-.2l1.02-1.1l.13-.5l-.14-.5zM4.8%206.87l.03.33l.07.18l.12-.28zm15.3%203.39l-.05.84l-.11.3l-.19.3l-.35.35l-.4.23l-.4.11l-.7.02l-.69%201.59l-.03.1l.53.6l.39.73l.35-.73l.35-.9l1.4-.03l.5-.26l.25-.41l.05-.3v-1.6l-.05-.3l-.09-.2l-.26-.28l-.3-.17zM15.9%2012l-.02.4l-.14.7l-.34.8l-.6.81l-.7.58l-.4.22l-.6.23l-.8.15l-.8-.02l-.9-.22l-.05.05l.85.42l1%20.18l1-.12l.4-.13l.6-.31l.5-.4l.3-.32l.36-.52l.19-.4l.18-.6l.06-.4v-.4zM3%2012.2v.6l.05.3l.25.41l.4.24l.3.05h.8l.04-.1l-.54-1.29l-.8-.04zm15.1%203.34l-.12.66l-.2.4l-.57.6l-.51.28l-.6.07l-.5-.11l-.5-.3l-.5-.46l-1.69.72l-.02.7l-.11.4l-.23.4l-.41.4l-.44.22l-.4.08l-.6-.03l-.5-.17l.03.8l.18.4l.29.26l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.1%201.02l.5.13l.5-.14l1.32-1.28l.16-.2l.11-.3l.03-.2l-.13-.5zM7.6%2016.68l-.7.6l-.6.25l-.4.02l-.4-.07l-.37-.18l-.33-.26l.01.26l.11.3l.16.2l1.1%201.1l.22.18l.3.11l.2.03l.5-.13l1.1-1.02l.8.38l.07-.05l-.07-.4l-.01-.6z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m11.8%204.68l-.17.12l-.63.92l-1.07.78l-.56.5l-.22.3l.02.2l.09.1l.64.09l.9-.14l.6-.24l.3-.21l.28-.3l.24-.4l.1-.3l.04-.4l-.1-.6l-.17-.4l-.09-.09zM6.6%206.29l-.27.31l-.05.3l.06.2l.15.2l.21.13l.3.03l.2-.06l.2-.17l.12-.23l.01-.3l-.09-.2l-.14-.16l-.2-.11l-.3-.01z%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%232b2148%22%20d%3D%22m11.5%208.18l-.7.16l-.7.31l-.63.45l-.56.6l-.36.6l-.29.8l-.1.7l.04.8l.3%201l.51.9l.45.6l.56.5l.68.4l.7.24l.8.11l.8-.07l.7-.19l.7-.36l.6-.49l.46-.54l.39-.7l.21-.7l.09-.8l-.07-.7l-.2-.7l-.23-.5L15%209.59l-.6-.6l-.7-.44l-.7-.27l-.7-.12zm.48%203.12l.42-.04l.5.15l.26.19l.09.4l-.11.5l-.19.3l-.35.29l-.5.15l-.3-.01l-.5-.2l-.16-.13l-.08-.3l.06-.5l.15-.3l.33-.33z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ffc740%22%20d%3D%22m11.2%208.59l-.7.25l-.6.36l-.5.46l-.4.54l-.29.6l-.17.7l-.03.7l.11.7l.22.6l.36.6l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.4-.36l.44-.54l.31-.6l.18-.6l.07-.7l-.07-.7l-.22-.7l-.34-.6l-.42-.5l-.55-.44l-.6-.31l-.7-.2l-.7-.05zm.26%201.91l.64-.1l.3.05l.36.15l.48.4l.2.3l.1.3l.06.4l-.03.3l-.13.4l-.2.3l-.24.24l-.6.31l-.6.03l-.4-.1l-.2-.1l-.4-.33l-.32-.55l-.06-.3v-.4l.2-.6l.22-.3l.23-.2z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ff5d78%22%20fill-opacity%3D%22.42%22%20d%3D%22m14.8%209.91l-.05.09l.17.6l.08.7l-.15%201l-.24.6l-.24.4l-.43.5l-.44.37l-.5.29l-.6.22l-1%20.12l-.7-.1l-.6-.2l-.55-.3l-.45-.35l-.04.05l.14.2l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.53-.5l.43-.6l.29-.7l.12-.6l.02-.7l-.14-.7l-.25-.62z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.6%209.07l-.29.13l-.18.2l-.09.2l-.01.3l.13.3l.21.2l.23.09l.3-.01l.21-.08l.21-.2l.13-.3l-.01-.3l-.14-.27l-.2-.17l-.2-.08z%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%3Cpath%20fill%3D%22%232b2148%22%20d%3D%22m10.8%202.57l-.33.13l-.27.19l-.32.41l-.17.6l-.01.9l-.06.1l-1.04.43l-.6-.58l-.4-.3l-.49-.15l-.51.02l-.4.14l-.3.22L4.68%205.9l-.22.3l-.14.4l-.04.3l.06.4l.11.3l.36.6l.44.5l-.02.1l-.33.83l-.1.07H4l-.4.07l-.5.24l-.36.39l-.18.4l-.06.4l.01%201.7l.17.6l.36.6l.26.31l.27.19l.33.14l.4.06H5l.09.1l.24.5l-.58.6l-.3.4l-.15.49l.02.51l.14.4l.52.8l1.22%201.22l.3.22l.4.14l.3.04l.4-.06l.3-.11l.3-.21l.7-.67l.73.33l.07.1l.04.7l.21.5l.36.6l.39.36l.4.18l.4.06l1.7-.01l.4-.08l.3-.15l.3-.25l.2-.28l.14-.33l.05-.3l.01-.9l.05-.1l1.05-.42l.6.57l.4.3l.49.15l.51-.02l.4-.14l.3-.22l1.22-1.22l.22-.3l.14-.4l.04-.3l-.06-.4l-.11-.3l-.36-.6l-.44-.5l.02-.1l.33-.83l.1-.07h.8l.4-.07l.5-.24l.36-.39l.18-.4l.06-.4l-.01-1.7l-.17-.6l-.36-.6l-.26-.31l-.27-.19l-.33-.14l-.4-.06h-.7l-.09-.1l-.24-.5l.58-.6l.3-.4l.15-.49l-.02-.51l-.14-.4l-.52-.8l-1.22-1.22l-.3-.22l-.4-.14l-.3-.04l-.4.06l-.3.11l-.3.21l-.7.67l-.73-.33l-.07-.1l-.04-.7l-.14-.4l-.51-.8l-.31-.25l-.4-.19l-.4-.06h-1.3zm.76%207.03l.64-.09l.6.04l.7.21l.44.24l.49.4l.31.4l.17.5l.07.5l-.02.6l-.11.5l-.26.6l-.28.4l-.41.41l-.6.39l-.5.19l-.6.1l-.6-.02l-.8-.22l-.3-.16l-.53-.39l-.37-.4l-.18-.5l-.11-.6l.02-.6l.15-.6l.23-.5l.36-.5l.43-.39l.5-.31z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%234ba8f5%22%20d%3D%22m12%203l-1%20.03l-.3.12l-.2.14l-.2.31l-.1.4v1.2l-1.7.72L7.37%204.9l-.27-.1l-.4.01l-.3.11l-.2.16L5.08%206.2l-.16.2l-.11.3l-.03.2l.13.5l1.02%201.1l-.38.8l-.29.8l-.06.1H4l-.5.16l-.2.13l-.16.21l-.14.5v1.6l.14.5l.16.21l.4.24l.3.05h1.2l.35.9l.38.8l-1.03%201.13l-.1.27l.01.4l.11.3l.16.2l1.12%201.12l.2.16l.3.11l.2.03l.5-.13l1.1-1.02l.9.43l.7.24l.1.06V20l.16.5l.13.2l.21.16l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.13%201.03l.27.1l.4-.01l.3-.11l.2-.16l1.12-1.12l.16-.2l.11-.3l.03-.2l-.13-.5l-1.02-1.1l.38-.8l.29-.8l.06-.1H20l.5-.16l.2-.13l.16-.21l.14-.5v-1.6l-.14-.5l-.16-.21l-.4-.24l-.3-.05h-1.2l-.35-.9l-.38-.8l.83-.87l.19-.23l.07-.2l.06-.3l-.03-.2l-.11-.3l-.18-.22l-1.1-1.1l-.2-.16l-.3-.11l-.2-.03l-.5.13l-1.1%201.02l-.9-.43l-.7-.24l-.1-.06l-.03-1.4l-.12-.3l-.14-.2l-.51-.26zm-.81%205.6l.71-.1l.7.05l.7.2l.6.32l.54.43l.43.5l.34.6l.19.6l.08.5l-.01.7l-.12.6l-.29.7l-.36.52l-.5.5l-.6.39l-.7.27l-.7.11l-.7-.03l-.6-.14l-.7-.32l-.54-.4l-.46-.5l-.36-.6l-.22-.6l-.11-.7l.03-.7l.17-.7l.29-.6l.4-.53l.5-.47l.6-.36z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%234b2c8f%22%20fill-opacity%3D%22.32%22%20d%3D%22m12.9%203.06l.01.74l.79.31l.1-.01l-.03-.3l-.12-.3l-.14-.2l-.41-.24zm5.2%202.32l-.09.52l-.17.4l-.24.35l-.42.45l.72%201.69l.2.01l.06-.1l-.09-.2l1.02-1.1l.13-.5l-.14-.5zM4.8%206.87l.03.33l.07.18l.12-.28zm15.3%203.39l-.05.84l-.11.3l-.19.3l-.35.35l-.4.23l-.4.11l-.7.02l-.69%201.59l-.03.1l.53.6l.39.73l.35-.73l.35-.9l1.4-.03l.5-.26l.25-.41l.05-.3v-1.6l-.05-.3l-.09-.2l-.26-.28l-.3-.17zM15.9%2012l-.02.4l-.14.7l-.34.8l-.6.81l-.7.58l-.4.22l-.6.23l-.8.15l-.8-.02l-.9-.22l-.05.05l.85.42l1%20.18l1-.12l.4-.13l.6-.31l.5-.4l.3-.32l.36-.52l.19-.4l.18-.6l.06-.4v-.4zM3%2012.2v.6l.05.3l.25.41l.4.24l.3.05h.8l.04-.1l-.54-1.29l-.8-.04zm15.1%203.34l-.12.66l-.2.4l-.57.6l-.51.28l-.6.07l-.5-.11l-.5-.3l-.5-.46l-1.69.72l-.02.7l-.11.4l-.23.4l-.41.4l-.44.22l-.4.08l-.6-.03l-.5-.17l.03.8l.18.4l.29.26l.5.14h1.6l.5-.14l.21-.16l.24-.4l.05-.3v-1.2l1.1-.43l.6-.3l1.1%201.02l.5.13l.5-.14l1.32-1.28l.16-.2l.11-.3l.03-.2l-.13-.5zM7.6%2016.68l-.7.6l-.6.25l-.4.02l-.4-.07l-.37-.18l-.33-.26l.01.26l.11.3l.16.2l1.1%201.1l.22.18l.3.11l.2.03l.5-.13l1.1-1.02l.8.38l.07-.05l-.07-.4l-.01-.6z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m11.8%204.68l-.17.12l-.63.92l-1.07.78l-.56.5l-.22.3l.02.2l.09.1l.64.09l.9-.14l.6-.24l.3-.21l.28-.3l.24-.4l.1-.3l.04-.4l-.1-.6l-.17-.4l-.09-.09zM6.6%206.29l-.27.31l-.05.3l.06.2l.15.2l.21.13l.3.03l.2-.06l.2-.17l.12-.23l.01-.3l-.09-.2l-.14-.16l-.2-.11l-.3-.01z%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%232b2148%22%20d%3D%22m11.5%208.18l-.7.16l-.7.31l-.63.45l-.56.6l-.36.6l-.29.8l-.1.7l.04.8l.3%201l.51.9l.45.6l.56.5l.68.4l.7.24l.8.11l.8-.07l.7-.19l.7-.36l.6-.49l.46-.54l.39-.7l.21-.7l.09-.8l-.07-.7l-.2-.7l-.23-.5L15%209.59l-.6-.6l-.7-.44l-.7-.27l-.7-.12zm.48%203.12l.42-.04l.5.15l.26.19l.09.4l-.11.5l-.19.3l-.35.29l-.5.15l-.3-.01l-.5-.2l-.16-.13l-.08-.3l.06-.5l.15-.3l.33-.33z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ffc740%22%20d%3D%22m11.2%208.59l-.7.25l-.6.36l-.5.46l-.4.54l-.29.6l-.17.7l-.03.7l.11.7l.22.6l.36.6l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.4-.36l.44-.54l.31-.6l.18-.6l.07-.7l-.07-.7l-.22-.7l-.34-.6l-.42-.5l-.55-.44l-.6-.31l-.7-.2l-.7-.05zm.26%201.91l.64-.1l.3.05l.36.15l.48.4l.2.3l.1.3l.06.4l-.03.3l-.13.4l-.2.3l-.24.24l-.6.31l-.6.03l-.4-.1l-.2-.1l-.4-.33l-.32-.55l-.06-.3v-.4l.2-.6l.22-.3l.23-.2z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ff5d78%22%20fill-opacity%3D%22.42%22%20d%3D%22m14.8%209.91l-.05.09l.17.6l.08.7l-.15%201l-.24.6l-.24.4l-.43.5l-.44.37l-.5.29l-.6.22l-1%20.12l-.7-.1l-.6-.2l-.55-.3l-.45-.35l-.04.05l.14.2l.46.5l.54.4l.7.32l.6.14l.7.03l.7-.11l.7-.27l.5-.31l.53-.5l.43-.6l.29-.7l.12-.6l.02-.7l-.14-.7l-.25-.62z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.6%209.07l-.29.13l-.18.2l-.09.2l-.01.3l.13.3l.21.2l.23.09l.3-.01l.21-.08l.21-.2l.13-.3l-.01-.3l-.14-.27l-.2-.17l-.2-.08z%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); }
}

SVG 健康报告

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

文件体积

4.86 KB

4,981 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

<path> ×8

风格

多色填充

填充跟随容器颜色

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

常见问题

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

设置图标是什么？▾

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

如何下载设置图标？▾

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

设置图标可以商用吗？▾

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

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

设置 SVG 图标

下载 设置 图标

设置 的预览与使用场景