设置 SVG 图标
withicons-docksettings
来自 with icons Dock 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- withicons-dock:settings
- 中文名
- 设置
- 所属集合
- with icons Dock
- 集合规模
- 1,000 枚
- 基础网格
- 24px
- 色彩
- 多色
- 开源协议
- MIT
- 作者
- Evergrow
withicons-docksettings
来自 with icons Dock 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><defs><linearGradient id="SVGAL1Heedl" x1="12" x2="12" y1="3" y2="33" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2f7df6"/><stop offset="1" stop-color="#1545c2"/></linearGradient><linearGradient id="SVGc4dVHbRD" x1="12" x2="12" y1="2" y2="22" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".75"/><stop offset=".3" stop-color="#fff" stop-opacity="0"/><stop offset=".7" stop-color="#1545c2" stop-opacity="0"/><stop offset="1" stop-color="#1545c2" stop-opacity=".55"/></linearGradient><linearGradient id="SVGjkX6JcjI" x1="12" x2="12" y1="4.92" y2="18.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#dce8ff"/></linearGradient><radialGradient id="SVGLReEze0O" cx="12" cy="1" r="14" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".42"/><stop offset=".55" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="#1545c2" fill-opacity=".28" d="M14.44 2.5c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85A4.6 4.6 0 0 1 19.29 22c-.98.5-2.27.5-4.85.5H9.56c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.86c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.71 3c.98-.5 2.27-.5 4.85-.5Z" class="wm-shadow"/><path fill="url(#SVGAL1Heedl)" d="M14.64 2c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85a4.6 4.6 0 0 1-2.01 2.01c-.98.5-2.27.5-4.85.5H9.36c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.51 2.5C5.49 2 6.78 2 9.36 2Z" class="wm-deco"/><path fill="url(#SVGLReEze0O)" d="M14.64 2c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85a4.6 4.6 0 0 1-2.01 2.01c-.98.5-2.27.5-4.85.5H9.36c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.51 2.5C5.49 2 6.78 2 9.36 2Z" class="wm-deco"/><path stroke="url(#SVGc4dVHbRD)" stroke-width=".32" d="M14.74 2.16c2.49 0 3.73 0 4.68.48a4.44 4.44 0 0 1 1.94 1.94c.48.95.48 2.19.48 4.68v5.48c0 2.49 0 3.73-.48 4.68a4.44 4.44 0 0 1-1.94 1.94c-.95.48-2.19.48-4.68.48H9.26c-2.49 0-3.73 0-4.68-.48a4.44 4.44 0 0 1-1.94-1.94c-.48-.95-.48-2.19-.48-4.68V9.26c0-2.49 0-3.73.48-4.68a4.44 4.44 0 0 1 1.94-1.94c.95-.48 2.19-.48 4.68-.48Z" class="wm-deco"/><path fill="#1545c2" fill-opacity=".4" fill-rule="evenodd" stroke="#1545c2" stroke-linejoin="round" stroke-opacity=".3" stroke-width=".7" d="m11 5.4l-.4.1l-.2.3l-.3 1.4l-.4.1l-1.1-.7l-.6-.1l-.3.3l-1.4 1.3l-.1.4v.3L7 10l-.2.5l-1.2.2l-.5.3l-.1.4v1.9l.2.4l.3.2l1.4.3l.1.5l-.7 1l-.1.6l.2.3L7.8 18l.4.1h.3l1.2-.8l.4.2l.3 1.3l.3.4l.4.1H13l.4-.1l.2-.4l.3-1.3l.4-.2l1.1.7l.6.1l.3-.2l1.4-1.4l.1-.3v-.4l-.8-1.1l.2-.5l1.2-.2l.5-.4l.1-.3v-2l-.2-.3l-.3-.3l-1.4-.3l-.1-.4l.7-1.1l.1-.5l-.2-.4l-1.4-1.3l-.4-.2l-.3.1l-1.2.7l-.4-.2l-.3-1.2l-.3-.4l-.4-.2zm.7 5h.8l.7.4l.5.5l.2.7v.8l-.3.7l-.6.5l-.7.2h-.8l-.7-.3l-.5-.6l-.2-.7v-.8l.3-.6l.6-.6z" class="wm-shadow"/><path stroke="#1545c2" stroke-linejoin="round" stroke-opacity=".6" stroke-width=".8" d="m10.96 4.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16 1.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33 1.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75 1.04l-.08.31l.02.26l.09.21l.12.16l1.36 1.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21 1.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74 5.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z"/><path fill="url(#SVGjkX6JcjI)" fill-rule="evenodd" d="m10.96 4.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16 1.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33 1.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75 1.04l-.08.31l.02.26l.09.21l.12.16l1.36 1.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21 1.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74 5.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z"/><path fill="#1545c2" fill-opacity=".22" fill-rule="evenodd" d="m6.23 7.99l-.03.22l.13.39l.57.79l.06-.02l.06-.17l-.67-.94zm11.54-.03l-.05.2l-.74 1.04l.06.17l.06.02l.62-.87l.08-.31zm-6.03 1.65l-.36.08l-.37.17l-.57.51l-.32.65l-.04.65l.03-.29l.16-.36l.44-.58l.67-.38l.72-.1l.73.18l.37.23l.48.54l.24.69v-.38l-.1-.36l-.33-.57l-.29-.29l-.32-.2l-.41-.15zm-6.71 2.95l.05.54l.26.33l.37.15l1.09.18l.16.22l.05-.08l-.21-.5l-1.31-.25l-.32-.26zm13.94-.01l-.11.29l-.18.2l-.23.14l-1.25.22l-.21.5l.05.07l.16-.21l1.25-.22l.21-.12l.28-.38zm-1.2 2.92l-.12.28l-1.33 1.35l-.37.21l-.26.03l-.31-.09l-1.04-.74l-.42.17l-.07.11l-.23 1.25l-.27.33l-.36.14l-1.93.01l-.36-.12l-.21-.18l-.13-.24l-.22-1.24l-.48-.23l-1.14.79l-.32.03l-.26-.05l-.19-.13l-1.31-1.29l-.21-.36l-.03.09l.02.26l.21.37l1.32 1.3l.19.12l.26.06l.32-.04l1.14-.79l.48.23l.22 1.25l.13.23l.21.19l.36.11h1.93l.36-.15l.26-.32l.24-1.26l.07-.11l.42-.16l1.04.74l.31.08l.27-.03l.36-.21l1.33-1.35l.15-.36z"/></g></svg>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="SVGAL1Heedl" x1="12" x2="12" y1="3" y2="33" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2f7df6"/><stop offset="1" stop-color="#1545c2"/></linearGradient><linearGradient id="SVGc4dVHbRD" x1="12" x2="12" y1="2" y2="22" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".75"/><stop offset=".3" stop-color="#fff" stop-opacity="0"/><stop offset=".7" stop-color="#1545c2" stop-opacity="0"/><stop offset="1" stop-color="#1545c2" stop-opacity=".55"/></linearGradient><linearGradient id="SVGjkX6JcjI" x1="12" x2="12" y1="4.92" y2="18.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#dce8ff"/></linearGradient><radialGradient id="SVGLReEze0O" cx="12" cy="1" r="14" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".42"/><stop offset=".55" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="#1545c2" fill-opacity=".28" d="M14.44 2.5c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85A4.6 4.6 0 0 1 19.29 22c-.98.5-2.27.5-4.85.5H9.56c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.86c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.71 3c.98-.5 2.27-.5 4.85-.5Z" class="wm-shadow"/><path fill="url(#SVGAL1Heedl)" d="M14.64 2c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85a4.6 4.6 0 0 1-2.01 2.01c-.98.5-2.27.5-4.85.5H9.36c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.51 2.5C5.49 2 6.78 2 9.36 2Z" class="wm-deco"/><path fill="url(#SVGLReEze0O)" d="M14.64 2c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85a4.6 4.6 0 0 1-2.01 2.01c-.98.5-2.27.5-4.85.5H9.36c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.51 2.5C5.49 2 6.78 2 9.36 2Z" class="wm-deco"/><path stroke="url(#SVGc4dVHbRD)" stroke-width=".32" d="M14.74 2.16c2.49 0 3.73 0 4.68.48a4.44 4.44 0 0 1 1.94 1.94c.48.95.48 2.19.48 4.68v5.48c0 2.49 0 3.73-.48 4.68a4.44 4.44 0 0 1-1.94 1.94c-.95.48-2.19.48-4.68.48H9.26c-2.49 0-3.73 0-4.68-.48a4.44 4.44 0 0 1-1.94-1.94c-.48-.95-.48-2.19-.48-4.68V9.26c0-2.49 0-3.73.48-4.68a4.44 4.44 0 0 1 1.94-1.94c.95-.48 2.19-.48 4.68-.48Z" class="wm-deco"/><path fill="#1545c2" fill-opacity=".4" fill-rule="evenodd" stroke="#1545c2" stroke-linejoin="round" stroke-opacity=".3" stroke-width=".7" d="m11 5.4l-.4.1l-.2.3l-.3 1.4l-.4.1l-1.1-.7l-.6-.1l-.3.3l-1.4 1.3l-.1.4v.3L7 10l-.2.5l-1.2.2l-.5.3l-.1.4v1.9l.2.4l.3.2l1.4.3l.1.5l-.7 1l-.1.6l.2.3L7.8 18l.4.1h.3l1.2-.8l.4.2l.3 1.3l.3.4l.4.1H13l.4-.1l.2-.4l.3-1.3l.4-.2l1.1.7l.6.1l.3-.2l1.4-1.4l.1-.3v-.4l-.8-1.1l.2-.5l1.2-.2l.5-.4l.1-.3v-2l-.2-.3l-.3-.3l-1.4-.3l-.1-.4l.7-1.1l.1-.5l-.2-.4l-1.4-1.3l-.4-.2l-.3.1l-1.2.7l-.4-.2l-.3-1.2l-.3-.4l-.4-.2zm.7 5h.8l.7.4l.5.5l.2.7v.8l-.3.7l-.6.5l-.7.2h-.8l-.7-.3l-.5-.6l-.2-.7v-.8l.3-.6l.6-.6z" class="wm-shadow"/><path stroke="#1545c2" stroke-linejoin="round" stroke-opacity=".6" stroke-width=".8" d="m10.96 4.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16 1.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33 1.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75 1.04l-.08.31l.02.26l.09.21l.12.16l1.36 1.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21 1.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74 5.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z"/><path fill="url(#SVGjkX6JcjI)" fill-rule="evenodd" d="m10.96 4.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16 1.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33 1.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75 1.04l-.08.31l.02.26l.09.21l.12.16l1.36 1.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21 1.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74 5.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z"/><path fill="#1545c2" fill-opacity=".22" fill-rule="evenodd" d="m6.23 7.99l-.03.22l.13.39l.57.79l.06-.02l.06-.17l-.67-.94zm11.54-.03l-.05.2l-.74 1.04l.06.17l.06.02l.62-.87l.08-.31zm-6.03 1.65l-.36.08l-.37.17l-.57.51l-.32.65l-.04.65l.03-.29l.16-.36l.44-.58l.67-.38l.72-.1l.73.18l.37.23l.48.54l.24.69v-.38l-.1-.36l-.33-.57l-.29-.29l-.32-.2l-.41-.15zm-6.71 2.95l.05.54l.26.33l.37.15l1.09.18l.16.22l.05-.08l-.21-.5l-1.31-.25l-.32-.26zm13.94-.01l-.11.29l-.18.2l-.23.14l-1.25.22l-.21.5l.05.07l.16-.21l1.25-.22l.21-.12l.28-.38zm-1.2 2.92l-.12.28l-1.33 1.35l-.37.21l-.26.03l-.31-.09l-1.04-.74l-.42.17l-.07.11l-.23 1.25l-.27.33l-.36.14l-1.93.01l-.36-.12l-.21-.18l-.13-.24l-.22-1.24l-.48-.23l-1.14.79l-.32.03l-.26-.05l-.19-.13l-1.31-1.29l-.21-.36l-.03.09l.02.26l.21.37l1.32 1.3l.19.12l.26.06l.32-.04l1.14-.79l.48.23l.22 1.25l.13.23l.21.19l.36.11h1.93l.36-.15l.26-.32l.24-1.26l.07-.11l.42-.16l1.04.74l.31.08l.27-.03l.36-.21l1.33-1.35l.15-.36z"/></g>` }}
/>
);
}<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="SVGAL1Heedl" x1="12" x2="12" y1="3" y2="33" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2f7df6"/><stop offset="1" stop-color="#1545c2"/></linearGradient><linearGradient id="SVGc4dVHbRD" x1="12" x2="12" y1="2" y2="22" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".75"/><stop offset=".3" stop-color="#fff" stop-opacity="0"/><stop offset=".7" stop-color="#1545c2" stop-opacity="0"/><stop offset="1" stop-color="#1545c2" stop-opacity=".55"/></linearGradient><linearGradient id="SVGjkX6JcjI" x1="12" x2="12" y1="4.92" y2="18.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#dce8ff"/></linearGradient><radialGradient id="SVGLReEze0O" cx="12" cy="1" r="14" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".42"/><stop offset=".55" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="#1545c2" fill-opacity=".28" d="M14.44 2.5c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85A4.6 4.6 0 0 1 19.29 22c-.98.5-2.27.5-4.85.5H9.56c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.86c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.71 3c.98-.5 2.27-.5 4.85-.5Z" class="wm-shadow"/><path fill="url(#SVGAL1Heedl)" d="M14.64 2c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85a4.6 4.6 0 0 1-2.01 2.01c-.98.5-2.27.5-4.85.5H9.36c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.51 2.5C5.49 2 6.78 2 9.36 2Z" class="wm-deco"/><path fill="url(#SVGLReEze0O)" d="M14.64 2c2.58 0 3.86 0 4.85.5a4.6 4.6 0 0 1 2.01 2.01c.5.98.5 2.27.5 4.85v5.28c0 2.58 0 3.86-.5 4.85a4.6 4.6 0 0 1-2.01 2.01c-.98.5-2.27.5-4.85.5H9.36c-2.58 0-3.86 0-4.85-.5a4.6 4.6 0 0 1-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58 0-3.86.5-4.85A4.6 4.6 0 0 1 4.51 2.5C5.49 2 6.78 2 9.36 2Z" class="wm-deco"/><path stroke="url(#SVGc4dVHbRD)" stroke-width=".32" d="M14.74 2.16c2.49 0 3.73 0 4.68.48a4.44 4.44 0 0 1 1.94 1.94c.48.95.48 2.19.48 4.68v5.48c0 2.49 0 3.73-.48 4.68a4.44 4.44 0 0 1-1.94 1.94c-.95.48-2.19.48-4.68.48H9.26c-2.49 0-3.73 0-4.68-.48a4.44 4.44 0 0 1-1.94-1.94c-.48-.95-.48-2.19-.48-4.68V9.26c0-2.49 0-3.73.48-4.68a4.44 4.44 0 0 1 1.94-1.94c.95-.48 2.19-.48 4.68-.48Z" class="wm-deco"/><path fill="#1545c2" fill-opacity=".4" fill-rule="evenodd" stroke="#1545c2" stroke-linejoin="round" stroke-opacity=".3" stroke-width=".7" d="m11 5.4l-.4.1l-.2.3l-.3 1.4l-.4.1l-1.1-.7l-.6-.1l-.3.3l-1.4 1.3l-.1.4v.3L7 10l-.2.5l-1.2.2l-.5.3l-.1.4v1.9l.2.4l.3.2l1.4.3l.1.5l-.7 1l-.1.6l.2.3L7.8 18l.4.1h.3l1.2-.8l.4.2l.3 1.3l.3.4l.4.1H13l.4-.1l.2-.4l.3-1.3l.4-.2l1.1.7l.6.1l.3-.2l1.4-1.4l.1-.3v-.4l-.8-1.1l.2-.5l1.2-.2l.5-.4l.1-.3v-2l-.2-.3l-.3-.3l-1.4-.3l-.1-.4l.7-1.1l.1-.5l-.2-.4l-1.4-1.3l-.4-.2l-.3.1l-1.2.7l-.4-.2l-.3-1.2l-.3-.4l-.4-.2zm.7 5h.8l.7.4l.5.5l.2.7v.8l-.3.7l-.6.5l-.7.2h-.8l-.7-.3l-.5-.6l-.2-.7v-.8l.3-.6l.6-.6z" class="wm-shadow"/><path stroke="#1545c2" stroke-linejoin="round" stroke-opacity=".6" stroke-width=".8" d="m10.96 4.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16 1.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33 1.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75 1.04l-.08.31l.02.26l.09.21l.12.16l1.36 1.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21 1.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74 5.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z"/><path fill="url(#SVGjkX6JcjI)" fill-rule="evenodd" d="m10.96 4.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16 1.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33 1.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75 1.04l-.08.31l.02.26l.09.21l.12.16l1.36 1.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21 1.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74 5.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z"/><path fill="#1545c2" fill-opacity=".22" fill-rule="evenodd" d="m6.23 7.99l-.03.22l.13.39l.57.79l.06-.02l.06-.17l-.67-.94zm11.54-.03l-.05.2l-.74 1.04l.06.17l.06.02l.62-.87l.08-.31zm-6.03 1.65l-.36.08l-.37.17l-.57.51l-.32.65l-.04.65l.03-.29l.16-.36l.44-.58l.67-.38l.72-.1l.73.18l.37.23l.48.54l.24.69v-.38l-.1-.36l-.33-.57l-.29-.29l-.32-.2l-.41-.15zm-6.71 2.95l.05.54l.26.33l.37.15l1.09.18l.16.22l.05-.08l-.21-.5l-1.31-.25l-.32-.26zm13.94-.01l-.11.29l-.18.2l-.23.14l-1.25.22l-.21.5l.05.07l.16-.21l1.25-.22l.21-.12l.28-.38zm-1.2 2.92l-.12.28l-1.33 1.35l-.37.21l-.26.03l-.31-.09l-1.04-.74l-.42.17l-.07.11l-.23 1.25l-.27.33l-.36.14l-1.93.01l-.36-.12l-.21-.18l-.13-.24l-.22-1.24l-.48-.23l-1.14.79l-.32.03l-.26-.05l-.19-.13l-1.31-1.29l-.21-.36l-.03.09l.02.26l.21.37l1.32 1.3l.19.12l.26.06l.32-.04l1.14-.79l.48.23l.22 1.25l.13.23l.21.19l.36.11h1.93l.36-.15l.26-.32l.24-1.26l.07-.11l.42-.16l1.04.74l.31.08l.27-.03l.36-.21l1.33-1.35l.15-.36z"/></g>`;
</script>.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%22SVGAL1Heedl%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2233%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232f7df6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231545c2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGc4dVHbRD%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%2222%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.75%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%231545c2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231545c2%22%20stop-opacity%3D%22.55%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGjkX6JcjI%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224.92%22%20y2%3D%2218.88%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce8ff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGLReEze0O%22%20cx%3D%2212%22%20cy%3D%221%22%20r%3D%2214%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.42%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231545c2%22%20fill-opacity%3D%22.28%22%20d%3D%22M14.44%202.5c2.58%200%203.86%200%204.85.5a4.6%204.6%200%200%201%202.01%202.01c.5.98.5%202.27.5%204.85v5.28c0%202.58%200%203.86-.5%204.85A4.6%204.6%200%200%201%2019.29%2022c-.98.5-2.27.5-4.85.5H9.56c-2.58%200-3.86%200-4.85-.5a4.6%204.6%200%200%201-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.86c0-2.58%200-3.86.5-4.85A4.6%204.6%200%200%201%204.71%203c.98-.5%202.27-.5%204.85-.5Z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAL1Heedl)%22%20d%3D%22M14.64%202c2.58%200%203.86%200%204.85.5a4.6%204.6%200%200%201%202.01%202.01c.5.98.5%202.27.5%204.85v5.28c0%202.58%200%203.86-.5%204.85a4.6%204.6%200%200%201-2.01%202.01c-.98.5-2.27.5-4.85.5H9.36c-2.58%200-3.86%200-4.85-.5a4.6%204.6%200%200%201-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58%200-3.86.5-4.85A4.6%204.6%200%200%201%204.51%202.5C5.49%202%206.78%202%209.36%202Z%22%20class%3D%22wm-deco%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGLReEze0O)%22%20d%3D%22M14.64%202c2.58%200%203.86%200%204.85.5a4.6%204.6%200%200%201%202.01%202.01c.5.98.5%202.27.5%204.85v5.28c0%202.58%200%203.86-.5%204.85a4.6%204.6%200%200%201-2.01%202.01c-.98.5-2.27.5-4.85.5H9.36c-2.58%200-3.86%200-4.85-.5a4.6%204.6%200%200%201-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58%200-3.86.5-4.85A4.6%204.6%200%200%201%204.51%202.5C5.49%202%206.78%202%209.36%202Z%22%20class%3D%22wm-deco%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGc4dVHbRD)%22%20stroke-width%3D%22.32%22%20d%3D%22M14.74%202.16c2.49%200%203.73%200%204.68.48a4.44%204.44%200%200%201%201.94%201.94c.48.95.48%202.19.48%204.68v5.48c0%202.49%200%203.73-.48%204.68a4.44%204.44%200%200%201-1.94%201.94c-.95.48-2.19.48-4.68.48H9.26c-2.49%200-3.73%200-4.68-.48a4.44%204.44%200%200%201-1.94-1.94c-.48-.95-.48-2.19-.48-4.68V9.26c0-2.49%200-3.73.48-4.68a4.44%204.44%200%200%201%201.94-1.94c.95-.48%202.19-.48%204.68-.48Z%22%20class%3D%22wm-deco%22%2F%3E%3Cpath%20fill%3D%22%231545c2%22%20fill-opacity%3D%22.4%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%231545c2%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%22.7%22%20d%3D%22m11%205.4l-.4.1l-.2.3l-.3%201.4l-.4.1l-1.1-.7l-.6-.1l-.3.3l-1.4%201.3l-.1.4v.3L7%2010l-.2.5l-1.2.2l-.5.3l-.1.4v1.9l.2.4l.3.2l1.4.3l.1.5l-.7%201l-.1.6l.2.3L7.8%2018l.4.1h.3l1.2-.8l.4.2l.3%201.3l.3.4l.4.1H13l.4-.1l.2-.4l.3-1.3l.4-.2l1.1.7l.6.1l.3-.2l1.4-1.4l.1-.3v-.4l-.8-1.1l.2-.5l1.2-.2l.5-.4l.1-.3v-2l-.2-.3l-.3-.3l-1.4-.3l-.1-.4l.7-1.1l.1-.5l-.2-.4l-1.4-1.3l-.4-.2l-.3.1l-1.2.7l-.4-.2l-.3-1.2l-.3-.4l-.4-.2zm.7%205h.8l.7.4l.5.5l.2.7v.8l-.3.7l-.6.5l-.7.2h-.8l-.7-.3l-.5-.6l-.2-.7v-.8l.3-.6l.6-.6z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20stroke%3D%22%231545c2%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%22.8%22%20d%3D%22m10.96%204.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16%201.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33%201.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75%201.04l-.08.31l.02.26l.09.21l.12.16l1.36%201.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21%201.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74%205.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjkX6JcjI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m10.96%204.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16%201.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33%201.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75%201.04l-.08.31l.02.26l.09.21l.12.16l1.36%201.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21%201.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74%205.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z%22%2F%3E%3Cpath%20fill%3D%22%231545c2%22%20fill-opacity%3D%22.22%22%20fill-rule%3D%22evenodd%22%20d%3D%22m6.23%207.99l-.03.22l.13.39l.57.79l.06-.02l.06-.17l-.67-.94zm11.54-.03l-.05.2l-.74%201.04l.06.17l.06.02l.62-.87l.08-.31zm-6.03%201.65l-.36.08l-.37.17l-.57.51l-.32.65l-.04.65l.03-.29l.16-.36l.44-.58l.67-.38l.72-.1l.73.18l.37.23l.48.54l.24.69v-.38l-.1-.36l-.33-.57l-.29-.29l-.32-.2l-.41-.15zm-6.71%202.95l.05.54l.26.33l.37.15l1.09.18l.16.22l.05-.08l-.21-.5l-1.31-.25l-.32-.26zm13.94-.01l-.11.29l-.18.2l-.23.14l-1.25.22l-.21.5l.05.07l.16-.21l1.25-.22l.21-.12l.28-.38zm-1.2%202.92l-.12.28l-1.33%201.35l-.37.21l-.26.03l-.31-.09l-1.04-.74l-.42.17l-.07.11l-.23%201.25l-.27.33l-.36.14l-1.93.01l-.36-.12l-.21-.18l-.13-.24l-.22-1.24l-.48-.23l-1.14.79l-.32.03l-.26-.05l-.19-.13l-1.31-1.29l-.21-.36l-.03.09l.02.26l.21.37l1.32%201.3l.19.12l.26.06l.32-.04l1.14-.79l.48.23l.22%201.25l.13.23l.21.19l.36.11h1.93l.36-.15l.26-.32l.24-1.26l.07-.11l.42-.16l1.04.74l.31.08l.27-.03l.36-.21l1.33-1.35l.15-.36z%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%22SVGAL1Heedl%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2233%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232f7df6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231545c2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGc4dVHbRD%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%2222%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.75%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%231545c2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231545c2%22%20stop-opacity%3D%22.55%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGjkX6JcjI%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224.92%22%20y2%3D%2218.88%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce8ff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGLReEze0O%22%20cx%3D%2212%22%20cy%3D%221%22%20r%3D%2214%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.42%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231545c2%22%20fill-opacity%3D%22.28%22%20d%3D%22M14.44%202.5c2.58%200%203.86%200%204.85.5a4.6%204.6%200%200%201%202.01%202.01c.5.98.5%202.27.5%204.85v5.28c0%202.58%200%203.86-.5%204.85A4.6%204.6%200%200%201%2019.29%2022c-.98.5-2.27.5-4.85.5H9.56c-2.58%200-3.86%200-4.85-.5a4.6%204.6%200%200%201-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.86c0-2.58%200-3.86.5-4.85A4.6%204.6%200%200%201%204.71%203c.98-.5%202.27-.5%204.85-.5Z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAL1Heedl)%22%20d%3D%22M14.64%202c2.58%200%203.86%200%204.85.5a4.6%204.6%200%200%201%202.01%202.01c.5.98.5%202.27.5%204.85v5.28c0%202.58%200%203.86-.5%204.85a4.6%204.6%200%200%201-2.01%202.01c-.98.5-2.27.5-4.85.5H9.36c-2.58%200-3.86%200-4.85-.5a4.6%204.6%200%200%201-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58%200-3.86.5-4.85A4.6%204.6%200%200%201%204.51%202.5C5.49%202%206.78%202%209.36%202Z%22%20class%3D%22wm-deco%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGLReEze0O)%22%20d%3D%22M14.64%202c2.58%200%203.86%200%204.85.5a4.6%204.6%200%200%201%202.01%202.01c.5.98.5%202.27.5%204.85v5.28c0%202.58%200%203.86-.5%204.85a4.6%204.6%200%200%201-2.01%202.01c-.98.5-2.27.5-4.85.5H9.36c-2.58%200-3.86%200-4.85-.5a4.6%204.6%200%200%201-2.01-2.01c-.5-.98-.5-2.27-.5-4.85V9.36c0-2.58%200-3.86.5-4.85A4.6%204.6%200%200%201%204.51%202.5C5.49%202%206.78%202%209.36%202Z%22%20class%3D%22wm-deco%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGc4dVHbRD)%22%20stroke-width%3D%22.32%22%20d%3D%22M14.74%202.16c2.49%200%203.73%200%204.68.48a4.44%204.44%200%200%201%201.94%201.94c.48.95.48%202.19.48%204.68v5.48c0%202.49%200%203.73-.48%204.68a4.44%204.44%200%200%201-1.94%201.94c-.95.48-2.19.48-4.68.48H9.26c-2.49%200-3.73%200-4.68-.48a4.44%204.44%200%200%201-1.94-1.94c-.48-.95-.48-2.19-.48-4.68V9.26c0-2.49%200-3.73.48-4.68a4.44%204.44%200%200%201%201.94-1.94c.95-.48%202.19-.48%204.68-.48Z%22%20class%3D%22wm-deco%22%2F%3E%3Cpath%20fill%3D%22%231545c2%22%20fill-opacity%3D%22.4%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%231545c2%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%22.7%22%20d%3D%22m11%205.4l-.4.1l-.2.3l-.3%201.4l-.4.1l-1.1-.7l-.6-.1l-.3.3l-1.4%201.3l-.1.4v.3L7%2010l-.2.5l-1.2.2l-.5.3l-.1.4v1.9l.2.4l.3.2l1.4.3l.1.5l-.7%201l-.1.6l.2.3L7.8%2018l.4.1h.3l1.2-.8l.4.2l.3%201.3l.3.4l.4.1H13l.4-.1l.2-.4l.3-1.3l.4-.2l1.1.7l.6.1l.3-.2l1.4-1.4l.1-.3v-.4l-.8-1.1l.2-.5l1.2-.2l.5-.4l.1-.3v-2l-.2-.3l-.3-.3l-1.4-.3l-.1-.4l.7-1.1l.1-.5l-.2-.4l-1.4-1.3l-.4-.2l-.3.1l-1.2.7l-.4-.2l-.3-1.2l-.3-.4l-.4-.2zm.7%205h.8l.7.4l.5.5l.2.7v.8l-.3.7l-.6.5l-.7.2h-.8l-.7-.3l-.5-.6l-.2-.7v-.8l.3-.6l.6-.6z%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20stroke%3D%22%231545c2%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%22.8%22%20d%3D%22m10.96%204.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16%201.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33%201.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75%201.04l-.08.31l.02.26l.09.21l.12.16l1.36%201.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21%201.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74%205.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjkX6JcjI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m10.96%204.93l-.16.05l-.18.11l-.15.15l-.09.16l-.06.21l-.16%201.04l-.07.1l-.43.18l-1.04-.75l-.31-.08l-.26.02l-.21.09l-.16.12l-1.33%201.36l-.09.15l-.06.21v.16l.04.21l.11.2l.68.94l-.17.42l-.06.06l-1.25.22l-.24.13l-.18.21l-.07.16l-.04.2v1.93l.06.21l.09.15l.15.16l.16.1l.23.07l1.04.16l.05.01l.05.07l.18.42l-.75%201.04l-.08.31l.02.26l.09.21l.12.16l1.36%201.33l.15.09l.21.06h.16l.21-.04l.2-.11l.94-.68l.42.17l.07.06l.21%201.25l.13.24l.21.18l.16.07l.2.04h1.93l.21-.06l.15-.09l.16-.15l.1-.16l.07-.23l.16-1.04l.07-.1l.43-.18l1.04.75l.31.08l.26-.02l.21-.09l.16-.12l1.33-1.36l.09-.15l.06-.21v-.16l-.04-.21l-.11-.2l-.68-.94l.17-.42l.06-.07l1.25-.21l.24-.13l.18-.21l.07-.16l.04-.2v-1.93l-.06-.21l-.09-.15l-.15-.16l-.16-.1l-.23-.07l-1.04-.16l-.1-.07l-.18-.43l.75-1.04l.08-.31l-.02-.26l-.09-.21l-.12-.16l-1.36-1.33l-.15-.09l-.21-.06h-.16l-.21.04l-.2.11l-.94.68l-.42-.17l-.07-.06l-.21-1.25l-.13-.24l-.21-.18l-.16-.07l-.2-.04zm.74%205.05l.4-.02l.37.05l.41.15l.28.18l.3.27l.22.3l.17.37l.07.31l.02.41l-.05.37l-.15.41l-.18.28l-.27.3l-.3.22l-.37.17l-.31.07l-.41.02l-.37-.05l-.41-.15l-.28-.18l-.3-.27l-.22-.3l-.17-.37l-.07-.31l-.02-.41l.06-.42l.14-.36l.18-.28l.27-.3l.3-.22l.37-.17z%22%2F%3E%3Cpath%20fill%3D%22%231545c2%22%20fill-opacity%3D%22.22%22%20fill-rule%3D%22evenodd%22%20d%3D%22m6.23%207.99l-.03.22l.13.39l.57.79l.06-.02l.06-.17l-.67-.94zm11.54-.03l-.05.2l-.74%201.04l.06.17l.06.02l.62-.87l.08-.31zm-6.03%201.65l-.36.08l-.37.17l-.57.51l-.32.65l-.04.65l.03-.29l.16-.36l.44-.58l.67-.38l.72-.1l.73.18l.37.23l.48.54l.24.69v-.38l-.1-.36l-.33-.57l-.29-.29l-.32-.2l-.41-.15zm-6.71%202.95l.05.54l.26.33l.37.15l1.09.18l.16.22l.05-.08l-.21-.5l-1.31-.25l-.32-.26zm13.94-.01l-.11.29l-.18.2l-.23.14l-1.25.22l-.21.5l.05.07l.16-.21l1.25-.22l.21-.12l.28-.38zm-1.2%202.92l-.12.28l-1.33%201.35l-.37.21l-.26.03l-.31-.09l-1.04-.74l-.42.17l-.07.11l-.23%201.25l-.27.33l-.36.14l-1.93.01l-.36-.12l-.21-.18l-.13-.24l-.22-1.24l-.48-.23l-1.14.79l-.32.03l-.26-.05l-.19-.13l-1.31-1.29l-.21-.36l-.03.09l.02.26l.21.37l1.32%201.3l.19.12l.26.06l.32-.04l1.14-.79l.48.23l.22%201.25l.13.23l.21.19l.36.11h1.93l.36-.15l.26-.32l.24-1.26l.07-.11l.42-.16l1.04.74l.31.08l.27-.03l.36-.21l1.33-1.35l.15-.36z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-settings {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-settings {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}线条从无到有依次绘出,适合线性图标与首屏引导。
.icon-settings path {
stroke-dasharray: 120;
animation: icon-draw 1.2s ease forwards;
}
@keyframes icon-draw {
from { stroke-dashoffset: 120; }
to { stroke-dashoffset: 0; }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
6.41 KB
6,566 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
8
<path> ×8
风格
多色填充
描边可随字号加粗
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 6.41 KB(6,566 字节),图元 8 个,风格为多色填充。
关于 设置 图标的下载、商用与改色。
它是 with icons Dock(withicons-dock)开源图标集中的 settings 图标,多色填充,viewBox 为 0 0 24 24,文件仅 6.41 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 MIT(MIT) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。