搜索 SVG 图标
withicons-soft3dsearch
来自 with icons Soft 3D 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- withicons-soft3d:search
- 中文名
- 搜索
- 集合规模
- 1,000 枚
- 基础网格
- 24px
- 色彩
- 多色
- 开源协议
- MIT
- 作者
- Evergrow
withicons-soft3dsearch
来自 with icons Soft 3D 开源图标集,矢量 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><radialGradient id="SVGYwvTGcsJ" cx=".34" cy=".26" r=".92"><stop offset="0" stop-color="#fff" stop-opacity=".58"/><stop offset=".38" stop-color="#fff" stop-opacity=".06"/><stop offset=".7" stop-color="#1d2130" stop-opacity="0"/><stop offset="1" stop-color="#1d2130" stop-opacity=".26"/></radialGradient></defs><path fill="#1d2130" fill-opacity=".06" d="M3.32 20.77a9.03 1.63 0 1 0 18.06 0a9.03 1.63 0 1 0-18.06 0" class="wm-shadow"/><path fill="#1d2130" fill-opacity=".08" d="M5.13 20.77a7.22 1.3 0 1 0 14.45 0a7.22 1.3 0 1 0-14.45 0" class="wm-shadow"/><path fill="#1d2130" fill-opacity=".11" d="M7.11 20.77a5.24.94 0 1 0 10.47 0a5.24.94 0 1 0-10.47 0" class="wm-shadow"/><path fill="#3d7ee0" d="m3 9.97l.12.84c.23.91.16.43.16 1.44l-.16-.65zm.28 1.5l.29.79c.4.85.29.39.29 1.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58m.58 1.4c1.31 2.17 3.43 3.87 6.06 4.02c1.16.07 1.18.02 2.17-.12c.97-.26 1.01-.22 2.05-.74c2.37-1.15 3.66-3.55 4.02-6.06c0 2.89-1.47 5.46-4.02 6.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03 0-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z" class="wm-k"/><path fill="#1d2130" fill-opacity=".32" d="M3.86 12.87c1.31 2.17 3.43 3.87 6.06 4.02c1.16.07 1.18.02 2.17-.12c.97-.26 1.01-.22 2.05-.74c2.37-1.15 3.66-3.55 4.02-6.06c0 2.89-1.47 5.46-4.02 6.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03 0-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z" class="wm-k"/><path fill="#1d2130" fill-opacity=".22" d="m3.28 11.47l.29.79c.4.85.29.39.29 1.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58" class="wm-k"/><path fill="#1d2130" fill-opacity=".11" d="m3 9.97l.12.84c.23.91.16.43.16 1.44l-.16-.65z" class="wm-k"/><path fill="#3d7ee0" fill-rule="evenodd" d="M18.19 9.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82 2.65-4.47 4.75c-.24.78-.32 1.51-.37 2.33c.13 3.07 1.75 5.75 4.64 7.01c.95.42 1.94.56 2.97.61c2.39-.11 4.51-1.05 6.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96" class="wm-k"/><path fill="url(#SVGYwvTGcsJ)" fill-rule="evenodd" d="M18.19 9.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82 2.65-4.47 4.75c-.24.78-.32 1.51-.37 2.33c.13 3.07 1.75 5.75 4.64 7.01c.95.42 1.94.56 2.97.61c2.39-.11 4.51-1.05 6.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96" class="wm-k"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".19" stroke-width=".62" d="m14.72 3.29l-1.31-.71M3.28 9.28c.03.73.13 1.4.3 2.11" class="wm-shine"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".38" stroke-width=".62" d="M13.44 2.59c-.75-.28-1.45-.44-2.24-.55M3.64 7.05c-.21.79-.32 1.45-.36 2.26" class="wm-shine"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".57" stroke-width=".62" d="M11.23 2.04c-2.65-.12-5.16.93-6.69 3.16c-.5.74-.53.96-.91 1.88" class="wm-shine"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".41" stroke-width=".62" d="M17.88 9.32c-.13-1.55-.01-.86-.3-2.07M6.45 15.33c1.07.66 2.23 1.19 3.51 1.25c.78.05 1.35.03 2.09-.12c2.43-.5 4.23-2.13 5.27-4.33c.41-.88.52-1.87.56-2.83" class="wm-k"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".27" stroke-width=".62" d="m17.59 7.28l-.47-1.22M5.05 14.07l1.43 1.28" class="wm-k"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".14" stroke-width=".62" d="M17.13 6.09c-.39-.7-.78-1.26-1.32-1.87M4.12 12.71l.95 1.38" class="wm-k"/><path fill="#1d2130" fill-opacity=".55" fill-rule="evenodd" d="M11.34 6.03c-.1-1.22-1.59-.77-2.34-.49c-.19.1-.39.2-.58.3c-.88.62-1.6 1.45-1.82 2.54c-.12.58-.23 1.02.12 1.48c.16.11.19.16.38.2c1.01.2.92-1.14 1.11-1.73c.32-.62.73-1.14 1.41-1.4c.7-.28 1.54-.01 1.72-.9" class="wm-k"/><path fill="#3d7ee0" fill-opacity=".6" fill-rule="evenodd" d="M11.3 6.21c-.06-.11-.12-.22-.19-.33c-.26-.32-.91-.21-1.19-.16c-.76.13-.89.25-1.5.56c-.89.63-1.58 1.45-1.82 2.54c-.14.63-.15.5-.01.86c.32.42.92.56 1.28.08c.21-.29.16-.66.2-1c.26-.82.72-1.51 1.55-1.83c.65-.26 1.34-.02 1.68-.72" class="wm-k"/><path fill="#f5a524" d="M21.03 18.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5 1.5 2.55 3.79 4.57 4.42c.53.16 1.13-.18 1.22-.74z" class="wm-a"/><path fill="#1d2130" fill-opacity=".32" d="M21.03 18.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5 1.5 2.55 3.79 4.57 4.42c.53.16 1.13-.18 1.22-.74z" class="wm-a"/><path fill="#f5a524" fill-rule="evenodd" d="M15.24 15.31c1.02-.89.57-.44 1.35-1.33l4.18 4.17c.31.51.32.71.07 1.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45" class="wm-a"/><path fill="url(#SVGYwvTGcsJ)" fill-rule="evenodd" d="M15.24 15.31c1.02-.89.57-.44 1.35-1.33l4.18 4.17c.31.51.32.71.07 1.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45" class="wm-a"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".57" stroke-width=".4" d="M15.36 15.47c1.04-.91.59-.45 1.38-1.36" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".41" stroke-width=".4" d="M20.7 19.27c-.4.39-.74.36-1.18.05m1.28-.77c.04.58.1.32-.14.78" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".27" stroke-width=".4" d="m19.56 19.35l-4.18-4.18" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".14" stroke-width=".4" d="m20.59 18.25l.24.39" class="wm-a"/></g></svg>export function SearchIcon(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><radialGradient id="SVGYwvTGcsJ" cx=".34" cy=".26" r=".92"><stop offset="0" stop-color="#fff" stop-opacity=".58"/><stop offset=".38" stop-color="#fff" stop-opacity=".06"/><stop offset=".7" stop-color="#1d2130" stop-opacity="0"/><stop offset="1" stop-color="#1d2130" stop-opacity=".26"/></radialGradient></defs><path fill="#1d2130" fill-opacity=".06" d="M3.32 20.77a9.03 1.63 0 1 0 18.06 0a9.03 1.63 0 1 0-18.06 0" class="wm-shadow"/><path fill="#1d2130" fill-opacity=".08" d="M5.13 20.77a7.22 1.3 0 1 0 14.45 0a7.22 1.3 0 1 0-14.45 0" class="wm-shadow"/><path fill="#1d2130" fill-opacity=".11" d="M7.11 20.77a5.24.94 0 1 0 10.47 0a5.24.94 0 1 0-10.47 0" class="wm-shadow"/><path fill="#3d7ee0" d="m3 9.97l.12.84c.23.91.16.43.16 1.44l-.16-.65zm.28 1.5l.29.79c.4.85.29.39.29 1.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58m.58 1.4c1.31 2.17 3.43 3.87 6.06 4.02c1.16.07 1.18.02 2.17-.12c.97-.26 1.01-.22 2.05-.74c2.37-1.15 3.66-3.55 4.02-6.06c0 2.89-1.47 5.46-4.02 6.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03 0-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z" class="wm-k"/><path fill="#1d2130" fill-opacity=".32" d="M3.86 12.87c1.31 2.17 3.43 3.87 6.06 4.02c1.16.07 1.18.02 2.17-.12c.97-.26 1.01-.22 2.05-.74c2.37-1.15 3.66-3.55 4.02-6.06c0 2.89-1.47 5.46-4.02 6.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03 0-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z" class="wm-k"/><path fill="#1d2130" fill-opacity=".22" d="m3.28 11.47l.29.79c.4.85.29.39.29 1.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58" class="wm-k"/><path fill="#1d2130" fill-opacity=".11" d="m3 9.97l.12.84c.23.91.16.43.16 1.44l-.16-.65z" class="wm-k"/><path fill="#3d7ee0" fill-rule="evenodd" d="M18.19 9.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82 2.65-4.47 4.75c-.24.78-.32 1.51-.37 2.33c.13 3.07 1.75 5.75 4.64 7.01c.95.42 1.94.56 2.97.61c2.39-.11 4.51-1.05 6.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96" class="wm-k"/><path fill="url(#SVGYwvTGcsJ)" fill-rule="evenodd" d="M18.19 9.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82 2.65-4.47 4.75c-.24.78-.32 1.51-.37 2.33c.13 3.07 1.75 5.75 4.64 7.01c.95.42 1.94.56 2.97.61c2.39-.11 4.51-1.05 6.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96" class="wm-k"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".19" stroke-width=".62" d="m14.72 3.29l-1.31-.71M3.28 9.28c.03.73.13 1.4.3 2.11" class="wm-shine"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".38" stroke-width=".62" d="M13.44 2.59c-.75-.28-1.45-.44-2.24-.55M3.64 7.05c-.21.79-.32 1.45-.36 2.26" class="wm-shine"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".57" stroke-width=".62" d="M11.23 2.04c-2.65-.12-5.16.93-6.69 3.16c-.5.74-.53.96-.91 1.88" class="wm-shine"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".41" stroke-width=".62" d="M17.88 9.32c-.13-1.55-.01-.86-.3-2.07M6.45 15.33c1.07.66 2.23 1.19 3.51 1.25c.78.05 1.35.03 2.09-.12c2.43-.5 4.23-2.13 5.27-4.33c.41-.88.52-1.87.56-2.83" class="wm-k"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".27" stroke-width=".62" d="m17.59 7.28l-.47-1.22M5.05 14.07l1.43 1.28" class="wm-k"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".14" stroke-width=".62" d="M17.13 6.09c-.39-.7-.78-1.26-1.32-1.87M4.12 12.71l.95 1.38" class="wm-k"/><path fill="#1d2130" fill-opacity=".55" fill-rule="evenodd" d="M11.34 6.03c-.1-1.22-1.59-.77-2.34-.49c-.19.1-.39.2-.58.3c-.88.62-1.6 1.45-1.82 2.54c-.12.58-.23 1.02.12 1.48c.16.11.19.16.38.2c1.01.2.92-1.14 1.11-1.73c.32-.62.73-1.14 1.41-1.4c.7-.28 1.54-.01 1.72-.9" class="wm-k"/><path fill="#3d7ee0" fill-opacity=".6" fill-rule="evenodd" d="M11.3 6.21c-.06-.11-.12-.22-.19-.33c-.26-.32-.91-.21-1.19-.16c-.76.13-.89.25-1.5.56c-.89.63-1.58 1.45-1.82 2.54c-.14.63-.15.5-.01.86c.32.42.92.56 1.28.08c.21-.29.16-.66.2-1c.26-.82.72-1.51 1.55-1.83c.65-.26 1.34-.02 1.68-.72" class="wm-k"/><path fill="#f5a524" d="M21.03 18.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5 1.5 2.55 3.79 4.57 4.42c.53.16 1.13-.18 1.22-.74z" class="wm-a"/><path fill="#1d2130" fill-opacity=".32" d="M21.03 18.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5 1.5 2.55 3.79 4.57 4.42c.53.16 1.13-.18 1.22-.74z" class="wm-a"/><path fill="#f5a524" fill-rule="evenodd" d="M15.24 15.31c1.02-.89.57-.44 1.35-1.33l4.18 4.17c.31.51.32.71.07 1.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45" class="wm-a"/><path fill="url(#SVGYwvTGcsJ)" fill-rule="evenodd" d="M15.24 15.31c1.02-.89.57-.44 1.35-1.33l4.18 4.17c.31.51.32.71.07 1.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45" class="wm-a"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".57" stroke-width=".4" d="M15.36 15.47c1.04-.91.59-.45 1.38-1.36" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".41" stroke-width=".4" d="M20.7 19.27c-.4.39-.74.36-1.18.05m1.28-.77c.04.58.1.32-.14.78" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".27" stroke-width=".4" d="m19.56 19.35l-4.18-4.18" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".14" stroke-width=".4" d="m20.59 18.25l.24.39" class="wm-a"/></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><radialGradient id="SVGYwvTGcsJ" cx=".34" cy=".26" r=".92"><stop offset="0" stop-color="#fff" stop-opacity=".58"/><stop offset=".38" stop-color="#fff" stop-opacity=".06"/><stop offset=".7" stop-color="#1d2130" stop-opacity="0"/><stop offset="1" stop-color="#1d2130" stop-opacity=".26"/></radialGradient></defs><path fill="#1d2130" fill-opacity=".06" d="M3.32 20.77a9.03 1.63 0 1 0 18.06 0a9.03 1.63 0 1 0-18.06 0" class="wm-shadow"/><path fill="#1d2130" fill-opacity=".08" d="M5.13 20.77a7.22 1.3 0 1 0 14.45 0a7.22 1.3 0 1 0-14.45 0" class="wm-shadow"/><path fill="#1d2130" fill-opacity=".11" d="M7.11 20.77a5.24.94 0 1 0 10.47 0a5.24.94 0 1 0-10.47 0" class="wm-shadow"/><path fill="#3d7ee0" d="m3 9.97l.12.84c.23.91.16.43.16 1.44l-.16-.65zm.28 1.5l.29.79c.4.85.29.39.29 1.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58m.58 1.4c1.31 2.17 3.43 3.87 6.06 4.02c1.16.07 1.18.02 2.17-.12c.97-.26 1.01-.22 2.05-.74c2.37-1.15 3.66-3.55 4.02-6.06c0 2.89-1.47 5.46-4.02 6.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03 0-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z" class="wm-k"/><path fill="#1d2130" fill-opacity=".32" d="M3.86 12.87c1.31 2.17 3.43 3.87 6.06 4.02c1.16.07 1.18.02 2.17-.12c.97-.26 1.01-.22 2.05-.74c2.37-1.15 3.66-3.55 4.02-6.06c0 2.89-1.47 5.46-4.02 6.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03 0-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z" class="wm-k"/><path fill="#1d2130" fill-opacity=".22" d="m3.28 11.47l.29.79c.4.85.29.39.29 1.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58" class="wm-k"/><path fill="#1d2130" fill-opacity=".11" d="m3 9.97l.12.84c.23.91.16.43.16 1.44l-.16-.65z" class="wm-k"/><path fill="#3d7ee0" fill-rule="evenodd" d="M18.19 9.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82 2.65-4.47 4.75c-.24.78-.32 1.51-.37 2.33c.13 3.07 1.75 5.75 4.64 7.01c.95.42 1.94.56 2.97.61c2.39-.11 4.51-1.05 6.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96" class="wm-k"/><path fill="url(#SVGYwvTGcsJ)" fill-rule="evenodd" d="M18.19 9.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82 2.65-4.47 4.75c-.24.78-.32 1.51-.37 2.33c.13 3.07 1.75 5.75 4.64 7.01c.95.42 1.94.56 2.97.61c2.39-.11 4.51-1.05 6.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96" class="wm-k"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".19" stroke-width=".62" d="m14.72 3.29l-1.31-.71M3.28 9.28c.03.73.13 1.4.3 2.11" class="wm-shine"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".38" stroke-width=".62" d="M13.44 2.59c-.75-.28-1.45-.44-2.24-.55M3.64 7.05c-.21.79-.32 1.45-.36 2.26" class="wm-shine"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".57" stroke-width=".62" d="M11.23 2.04c-2.65-.12-5.16.93-6.69 3.16c-.5.74-.53.96-.91 1.88" class="wm-shine"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".41" stroke-width=".62" d="M17.88 9.32c-.13-1.55-.01-.86-.3-2.07M6.45 15.33c1.07.66 2.23 1.19 3.51 1.25c.78.05 1.35.03 2.09-.12c2.43-.5 4.23-2.13 5.27-4.33c.41-.88.52-1.87.56-2.83" class="wm-k"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".27" stroke-width=".62" d="m17.59 7.28l-.47-1.22M5.05 14.07l1.43 1.28" class="wm-k"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".14" stroke-width=".62" d="M17.13 6.09c-.39-.7-.78-1.26-1.32-1.87M4.12 12.71l.95 1.38" class="wm-k"/><path fill="#1d2130" fill-opacity=".55" fill-rule="evenodd" d="M11.34 6.03c-.1-1.22-1.59-.77-2.34-.49c-.19.1-.39.2-.58.3c-.88.62-1.6 1.45-1.82 2.54c-.12.58-.23 1.02.12 1.48c.16.11.19.16.38.2c1.01.2.92-1.14 1.11-1.73c.32-.62.73-1.14 1.41-1.4c.7-.28 1.54-.01 1.72-.9" class="wm-k"/><path fill="#3d7ee0" fill-opacity=".6" fill-rule="evenodd" d="M11.3 6.21c-.06-.11-.12-.22-.19-.33c-.26-.32-.91-.21-1.19-.16c-.76.13-.89.25-1.5.56c-.89.63-1.58 1.45-1.82 2.54c-.14.63-.15.5-.01.86c.32.42.92.56 1.28.08c.21-.29.16-.66.2-1c.26-.82.72-1.51 1.55-1.83c.65-.26 1.34-.02 1.68-.72" class="wm-k"/><path fill="#f5a524" d="M21.03 18.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5 1.5 2.55 3.79 4.57 4.42c.53.16 1.13-.18 1.22-.74z" class="wm-a"/><path fill="#1d2130" fill-opacity=".32" d="M21.03 18.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5 1.5 2.55 3.79 4.57 4.42c.53.16 1.13-.18 1.22-.74z" class="wm-a"/><path fill="#f5a524" fill-rule="evenodd" d="M15.24 15.31c1.02-.89.57-.44 1.35-1.33l4.18 4.17c.31.51.32.71.07 1.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45" class="wm-a"/><path fill="url(#SVGYwvTGcsJ)" fill-rule="evenodd" d="M15.24 15.31c1.02-.89.57-.44 1.35-1.33l4.18 4.17c.31.51.32.71.07 1.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45" class="wm-a"/><path stroke="#fff" stroke-linejoin="round" stroke-opacity=".57" stroke-width=".4" d="M15.36 15.47c1.04-.91.59-.45 1.38-1.36" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".41" stroke-width=".4" d="M20.7 19.27c-.4.39-.74.36-1.18.05m1.28-.77c.04.58.1.32-.14.78" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".27" stroke-width=".4" d="m19.56 19.35l-4.18-4.18" class="wm-a"/><path stroke="#1d2130" stroke-linejoin="round" stroke-opacity=".14" stroke-width=".4" d="m20.59 18.25l.24.39" class="wm-a"/></g>`;
</script>.search {
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%3CradialGradient%20id%3D%22SVGYwvTGcsJ%22%20cx%3D%22.34%22%20cy%3D%22.26%22%20r%3D%22.92%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%231d2130%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231d2130%22%20stop-opacity%3D%22.26%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.06%22%20d%3D%22M3.32%2020.77a9.03%201.63%200%201%200%2018.06%200a9.03%201.63%200%201%200-18.06%200%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.08%22%20d%3D%22M5.13%2020.77a7.22%201.3%200%201%200%2014.45%200a7.22%201.3%200%201%200-14.45%200%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.11%22%20d%3D%22M7.11%2020.77a5.24.94%200%201%200%2010.47%200a5.24.94%200%201%200-10.47%200%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%233d7ee0%22%20d%3D%22m3%209.97l.12.84c.23.91.16.43.16%201.44l-.16-.65zm.28%201.5l.29.79c.4.85.29.39.29%201.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58m.58%201.4c1.31%202.17%203.43%203.87%206.06%204.02c1.16.07%201.18.02%202.17-.12c.97-.26%201.01-.22%202.05-.74c2.37-1.15%203.66-3.55%204.02-6.06c0%202.89-1.47%205.46-4.02%206.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03%200-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.32%22%20d%3D%22M3.86%2012.87c1.31%202.17%203.43%203.87%206.06%204.02c1.16.07%201.18.02%202.17-.12c.97-.26%201.01-.22%202.05-.74c2.37-1.15%203.66-3.55%204.02-6.06c0%202.89-1.47%205.46-4.02%206.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03%200-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.22%22%20d%3D%22m3.28%2011.47l.29.79c.4.85.29.39.29%201.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.11%22%20d%3D%22m3%209.97l.12.84c.23.91.16.43.16%201.44l-.16-.65z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%233d7ee0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.19%209.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82%202.65-4.47%204.75c-.24.78-.32%201.51-.37%202.33c.13%203.07%201.75%205.75%204.64%207.01c.95.42%201.94.56%202.97.61c2.39-.11%204.51-1.05%206.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYwvTGcsJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.19%209.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82%202.65-4.47%204.75c-.24.78-.32%201.51-.37%202.33c.13%203.07%201.75%205.75%204.64%207.01c.95.42%201.94.56%202.97.61c2.39-.11%204.51-1.05%206.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.19%22%20stroke-width%3D%22.62%22%20d%3D%22m14.72%203.29l-1.31-.71M3.28%209.28c.03.73.13%201.4.3%202.11%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%22.62%22%20d%3D%22M13.44%202.59c-.75-.28-1.45-.44-2.24-.55M3.64%207.05c-.21.79-.32%201.45-.36%202.26%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.57%22%20stroke-width%3D%22.62%22%20d%3D%22M11.23%202.04c-2.65-.12-5.16.93-6.69%203.16c-.5.74-.53.96-.91%201.88%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.41%22%20stroke-width%3D%22.62%22%20d%3D%22M17.88%209.32c-.13-1.55-.01-.86-.3-2.07M6.45%2015.33c1.07.66%202.23%201.19%203.51%201.25c.78.05%201.35.03%202.09-.12c2.43-.5%204.23-2.13%205.27-4.33c.41-.88.52-1.87.56-2.83%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.27%22%20stroke-width%3D%22.62%22%20d%3D%22m17.59%207.28l-.47-1.22M5.05%2014.07l1.43%201.28%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%22.62%22%20d%3D%22M17.13%206.09c-.39-.7-.78-1.26-1.32-1.87M4.12%2012.71l.95%201.38%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.55%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.34%206.03c-.1-1.22-1.59-.77-2.34-.49c-.19.1-.39.2-.58.3c-.88.62-1.6%201.45-1.82%202.54c-.12.58-.23%201.02.12%201.48c.16.11.19.16.38.2c1.01.2.92-1.14%201.11-1.73c.32-.62.73-1.14%201.41-1.4c.7-.28%201.54-.01%201.72-.9%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%233d7ee0%22%20fill-opacity%3D%22.6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.3%206.21c-.06-.11-.12-.22-.19-.33c-.26-.32-.91-.21-1.19-.16c-.76.13-.89.25-1.5.56c-.89.63-1.58%201.45-1.82%202.54c-.14.63-.15.5-.01.86c.32.42.92.56%201.28.08c.21-.29.16-.66.2-1c.26-.82.72-1.51%201.55-1.83c.65-.26%201.34-.02%201.68-.72%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23f5a524%22%20d%3D%22M21.03%2018.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5%201.5%202.55%203.79%204.57%204.42c.53.16%201.13-.18%201.22-.74z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.32%22%20d%3D%22M21.03%2018.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5%201.5%202.55%203.79%204.57%204.42c.53.16%201.13-.18%201.22-.74z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23f5a524%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.24%2015.31c1.02-.89.57-.44%201.35-1.33l4.18%204.17c.31.51.32.71.07%201.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYwvTGcsJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.24%2015.31c1.02-.89.57-.44%201.35-1.33l4.18%204.17c.31.51.32.71.07%201.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.57%22%20stroke-width%3D%22.4%22%20d%3D%22M15.36%2015.47c1.04-.91.59-.45%201.38-1.36%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.41%22%20stroke-width%3D%22.4%22%20d%3D%22M20.7%2019.27c-.4.39-.74.36-1.18.05m1.28-.77c.04.58.1.32-.14.78%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.27%22%20stroke-width%3D%22.4%22%20d%3D%22m19.56%2019.35l-4.18-4.18%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%22.4%22%20d%3D%22m20.59%2018.25l.24.39%22%20class%3D%22wm-a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGYwvTGcsJ%22%20cx%3D%22.34%22%20cy%3D%22.26%22%20r%3D%22.92%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%231d2130%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231d2130%22%20stop-opacity%3D%22.26%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.06%22%20d%3D%22M3.32%2020.77a9.03%201.63%200%201%200%2018.06%200a9.03%201.63%200%201%200-18.06%200%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.08%22%20d%3D%22M5.13%2020.77a7.22%201.3%200%201%200%2014.45%200a7.22%201.3%200%201%200-14.45%200%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.11%22%20d%3D%22M7.11%2020.77a5.24.94%200%201%200%2010.47%200a5.24.94%200%201%200-10.47%200%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%233d7ee0%22%20d%3D%22m3%209.97l.12.84c.23.91.16.43.16%201.44l-.16-.65zm.28%201.5l.29.79c.4.85.29.39.29%201.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58m.58%201.4c1.31%202.17%203.43%203.87%206.06%204.02c1.16.07%201.18.02%202.17-.12c.97-.26%201.01-.22%202.05-.74c2.37-1.15%203.66-3.55%204.02-6.06c0%202.89-1.47%205.46-4.02%206.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03%200-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.32%22%20d%3D%22M3.86%2012.87c1.31%202.17%203.43%203.87%206.06%204.02c1.16.07%201.18.02%202.17-.12c.97-.26%201.01-.22%202.05-.74c2.37-1.15%203.66-3.55%204.02-6.06c0%202.89-1.47%205.46-4.02%206.85c-.65.36-1.33.55-2.05.74c-.69.1-.85.15-1.51.15c-2.03%200-3.81-.82-5.3-2.16c-.32-.27-.76-.83-.98-1.16c-.15-.24-.3-.49-.44-.73z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.22%22%20d%3D%22m3.28%2011.47l.29.79c.4.85.29.39.29%201.4l-.29-.61c-.38-1.04-.29-.52-.29-1.58%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.11%22%20d%3D%22m3%209.97l.12.84c.23.91.16.43.16%201.44l-.16-.65z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%233d7ee0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.19%209.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82%202.65-4.47%204.75c-.24.78-.32%201.51-.37%202.33c.13%203.07%201.75%205.75%204.64%207.01c.95.42%201.94.56%202.97.61c2.39-.11%204.51-1.05%206.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYwvTGcsJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.19%209.31c-.08-.98-.16-1.84-.52-2.76c-1.16-3-3.97-4.72-7.1-4.85c-1.01.06-1.79.18-2.76.52c-2.1.75-3.82%202.65-4.47%204.75c-.24.78-.32%201.51-.37%202.33c.13%203.07%201.75%205.75%204.64%207.01c.95.42%201.94.56%202.97.61c2.39-.11%204.51-1.05%206.02-2.95c.43-.54.69-1.05.99-1.7c.44-.92.56-1.95.6-2.96%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.19%22%20stroke-width%3D%22.62%22%20d%3D%22m14.72%203.29l-1.31-.71M3.28%209.28c.03.73.13%201.4.3%202.11%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%22.62%22%20d%3D%22M13.44%202.59c-.75-.28-1.45-.44-2.24-.55M3.64%207.05c-.21.79-.32%201.45-.36%202.26%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.57%22%20stroke-width%3D%22.62%22%20d%3D%22M11.23%202.04c-2.65-.12-5.16.93-6.69%203.16c-.5.74-.53.96-.91%201.88%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.41%22%20stroke-width%3D%22.62%22%20d%3D%22M17.88%209.32c-.13-1.55-.01-.86-.3-2.07M6.45%2015.33c1.07.66%202.23%201.19%203.51%201.25c.78.05%201.35.03%202.09-.12c2.43-.5%204.23-2.13%205.27-4.33c.41-.88.52-1.87.56-2.83%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.27%22%20stroke-width%3D%22.62%22%20d%3D%22m17.59%207.28l-.47-1.22M5.05%2014.07l1.43%201.28%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%22.62%22%20d%3D%22M17.13%206.09c-.39-.7-.78-1.26-1.32-1.87M4.12%2012.71l.95%201.38%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.55%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.34%206.03c-.1-1.22-1.59-.77-2.34-.49c-.19.1-.39.2-.58.3c-.88.62-1.6%201.45-1.82%202.54c-.12.58-.23%201.02.12%201.48c.16.11.19.16.38.2c1.01.2.92-1.14%201.11-1.73c.32-.62.73-1.14%201.41-1.4c.7-.28%201.54-.01%201.72-.9%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%233d7ee0%22%20fill-opacity%3D%22.6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.3%206.21c-.06-.11-.12-.22-.19-.33c-.26-.32-.91-.21-1.19-.16c-.76.13-.89.25-1.5.56c-.89.63-1.58%201.45-1.82%202.54c-.14.63-.15.5-.01.86c.32.42.92.56%201.28.08c.21-.29.16-.66.2-1c.26-.82.72-1.51%201.55-1.83c.65-.26%201.34-.02%201.68-.72%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23f5a524%22%20d%3D%22M21.03%2018.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5%201.5%202.55%203.79%204.57%204.42c.53.16%201.13-.18%201.22-.74z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%231d2130%22%20fill-opacity%3D%22.32%22%20d%3D%22M21.03%2018.99c-.06.14-.13.28-.19.42c-.29.49-1.05.44-1.42.08c-1.39-1.39-2.79-2.78-4.18-4.18v.79c1.5%201.5%202.55%203.79%204.57%204.42c.53.16%201.13-.18%201.22-.74z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23f5a524%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.24%2015.31c1.02-.89.57-.44%201.35-1.33l4.18%204.17c.31.51.32.71.07%201.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYwvTGcsJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.24%2015.31c1.02-.89.57-.44%201.35-1.33l4.18%204.17c.31.51.32.71.07%201.26l-.58.35c-2.09-.13-4.74-4.17-5.02-4.45%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.57%22%20stroke-width%3D%22.4%22%20d%3D%22M15.36%2015.47c1.04-.91.59-.45%201.38-1.36%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.41%22%20stroke-width%3D%22.4%22%20d%3D%22M20.7%2019.27c-.4.39-.74.36-1.18.05m1.28-.77c.04.58.1.32-.14.78%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.27%22%20stroke-width%3D%22.4%22%20d%3D%22m19.56%2019.35l-4.18-4.18%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22%231d2130%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%22.4%22%20d%3D%22m20.59%2018.25l.24.39%22%20class%3D%22wm-a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-search {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-search {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}线条从无到有依次绘出,适合线性图标与首屏引导。
.icon-search path {
stroke-dasharray: 120;
animation: icon-draw 1.2s ease forwards;
}
@keyframes icon-draw {
from { stroke-dashoffset: 120; }
to { stroke-dashoffset: 0; }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
5.28 KB
5,408 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
25
<path> ×25
风格
多色填充
描边可随字号加粗
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 5.28 KB(5,408 字节),图元 25 个,风格为多色填充。
关于 搜索 图标的下载、商用与改色。
它是 with icons Soft 3D(withicons-soft3d)开源图标集中的 search 图标,多色填充,viewBox 为 0 0 24 24,文件仅 5.28 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 MIT(MIT) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。