搜索 SVG 图标
withicons-liquidsearch
来自 with icons Liquid 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- withicons-liquid:search
- 中文名
- 搜索
- 集合规模
- 1,000 枚
- 基础网格
- 24px
- 色彩
- 多色
- 开源协议
- MIT
- 作者
- Evergrow
withicons-liquidsearch
来自 with icons Liquid 开源图标集,矢量 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="SVGC2vz8cZG" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4a9dff" stop-opacity=".14"/><stop offset=".6" stop-color="#4a9dff" stop-opacity=".36"/><stop offset="1" stop-color="#4a9dff" stop-opacity=".62"/></linearGradient><linearGradient id="SVGtls79doO" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a77bff" stop-opacity=".3"/><stop offset="1" stop-color="#a77bff" stop-opacity=".75"/></linearGradient><linearGradient id="SVGSIg3OeiQ" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1c3f9e" stop-opacity=".36"/><stop offset="1" stop-color="#1c3f9e" stop-opacity=".95"/></linearGradient><linearGradient id="SVGddIRqdqu" x1="6.56" x2="20.4" y1="6.26" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".15"/></linearGradient><linearGradient id="SVGhPVfBl4x" x1="3.1" x2="8.29" y1="9.72" y2="21.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0c1a3a" stop-opacity=".1"/><stop offset="1" stop-color="#ff7ec1" stop-opacity=".32"/></linearGradient><radialGradient id="SVGdyCmRcVu" cx="8.98" cy="7.99" r="8.65" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".8"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="url(#SVGhPVfBl4x)" d="M9.8 3.7c-2.5.2-5.2 2.2-6.1 4.6l-.3 1l-.2 1.1c-.3 1.5.1 3.6 1 4.8l.7 1l1 1l.9.6c2.4 1.8 5.7 1.2 8.2-.1l1 .7l2.8 2.7c.9 1 2.4-.3 2-1.5c-.2-.7-2.9-3.1-3.7-4c.4-.6.8-1.3 1-1.9l.2-1l.1-1.3c.2-1.9-.8-4.4-2.3-5.6l-.7-.6l-1.1-.7l-1.1-.5l-1.1-.2l-1.3-.2zm1.3 4.2l.1.3l-.1.3c-1.2.6-2.5.4-2.9 2.2l-.2.8l-.3.2l-.2-.1c-.8-1.8 1.7-4.3 3.6-3.7" class="wm-shadow"/><path fill="url(#SVGC2vz8cZG)" stroke="#000" stroke-opacity=".3" stroke-width=".22" d="m17.69 12.08l.19-1.03c.14-.76.05-1.65-.12-2.4c-.77-3.5-3.74-5.85-7.28-5.92c-3.73-.07-6.92 2.93-7.4 6.55c-.14 1.05 0 2.16.31 3.17c1.77 5.65 9.24 6.96 12.9 2.37c.61-.77 1.21-1.76 1.4-2.74zm-6.6-4.98c-.1.27.04.14-.14.38c-.25.31-1.34.36-1.82.68c-.63.41-.97 1.07-1.09 1.79c-.03.21-.01.41-.14.59c-.25.34-.72.32-.98.01c-.18-.21-.14-.47-.12-.72c.13-1.36 1.05-2.58 2.31-3.07c.47-.18 1.43-.54 1.84-.04c.18.22.04.13.14.38z" class="wm-k"/><path stroke="url(#SVGSIg3OeiQ)" stroke-linejoin="round" stroke-width=".5" d="m17.45 8.35l-.32-.92c-.74-2.15-3.39-4.25-5.68-4.39l-1-.06c-1.12-.06-2.36.33-3.33.84c-4.61 2.44-5.15 8.81-1.07 12.02c4.37 3.43 10.96.73 11.58-4.81c.09-.86.1-1.86-.18-2.68zM10.8 7.9l-.85.16c-.78.14-1.39.86-1.59 1.59c-.1.35-.04.75-.28 1.05c-.34.42-1.02.44-1.36 0c-.4-.53-.1-1.45.12-1.98c.57-1.39 2.18-2.71 3.79-2.47c.85.12.97 1.5.17 1.65z" class="wm-k"/><path fill="url(#SVGdyCmRcVu)" d="m5 5.9l-.7 1c-.4.7-.8 1.9-.7 2.8v1.1c.1 3 3.3 6.2 6.4 6.1h1.1c2.6-.1 5.3-2.4 5.8-4.9l.3-1.1c.2-.9 0-2-.3-2.9c-1.3-4-6-5.9-9.7-3.9c-.8.4-1.7 1-2.2 1.8m5.9 2.2l-1.2.3c-.4.1-.9.6-1 1l-.3 1.2c-.2.9-1.5.9-2 .3c-.7-.7-.2-2.3.3-3l.5-.8l.7-.5c.7-.7 2.4-1.2 3.3-.5c.6.5.6 1.8-.3 2" class="wm-shine"/><path fill="#ff7ec1" fill-opacity=".6" d="M16.47 6.02c.94 2.08 1.39 3.72.71 6.01c-1.2 4.01-5.97 6.37-9.85 4.6l-1.01-.46c.75.59 1.79 1.07 2.75 1.2l.96.13c1.09.14 2.37-.16 3.37-.6c4.32-1.94 5.67-7.01 3.07-10.88m-9.88 4.37l.06-.03c.17-2.52 1.54-3.81 4.01-4.01l.03-.06c-.13-.07-.19-.18-.36-.21c-.33-.06-.74.02-1.05.1c-1.44.37-2.43 1.43-2.8 2.85c-.17.61-.18.86.11 1.36" class="wm-k"/><path fill="#b9e6ff" fill-opacity=".85" d="m6.36 10.56l.05-.05C6.3 7.92 8.2 6 10.81 6.11l.05-.05l-.43-.24c-.37-.1-.85 0-1.2.09c-1.46.36-2.67 1.52-3.02 2.99c-.08.37-.19.84-.09 1.23zm9.9-4.34c.31.73.65 1.44.82 2.23c.48 2.18-.2 4.88-1.9 6.4l-.75.66c-1.7 1.51-4.9 1.79-6.93.89l-.98-.44c6.43 4.41 14.13-3.37 9.74-9.74" class="wm-shine"/><path fill="url(#SVGddIRqdqu)" d="m4.58 5.63l-.48.7c-1.52 2.21-1.43 6.04.31 8.07c-.68-1.45-1.18-2.74-1.07-4.37c.27-3.82 3.54-7.07 7.44-7c1.43.03 2.65.45 3.92 1.08l-.01-.05c-2.62-1.91-6.52-1.72-8.98.39c-.4.35-.83.74-1.13 1.18m6.54 1.26c-.03.2-.04.42-.17.59c-.25.3-.69.23-1.02.33c-.47.13-.92.36-1.25.71c-.29.31-.47.72-.58 1.13c-.09.33-.02.76-.32 1c-.17.13-.39.14-.59.17l.18.17c.95.59.98-.98 1.17-1.44c.16-.42.44-.77.8-1.04c.57-.42 1.62-.39 1.91-.73s.09-.61-.13-.89" class="wm-shine"/><path fill="url(#SVGtls79doO)" stroke="#000" stroke-opacity=".3" stroke-width=".22" d="m13.96 15.18l1.16 1.25l2.24 2.25c.51.51 1.39 1.81 2.37 1.34c.23-.11.44-.28.56-.52c.53-.99-.68-1.79-1.24-2.35l-2.29-2.3l-1.28-1.19l-.28-.1c-.78-.15-1.51.55-1.34 1.34z" class="wm-a"/><path stroke="url(#SVGSIg3OeiQ)" stroke-linejoin="round" stroke-width=".5" d="M14.8 13.8c-.24.06-.44.19-.58.4c-.56.84.68 1.65 1.11 2.08l3.43 3.4c.13.13.37.17.54.17c.28.01.55-.13.7-.36c.61-.88-.62-1.66-1.12-2.16l-2.26-2.26c-.3-.3-1.05-1.46-1.82-1.27z" class="wm-a"/><path fill="url(#SVGdyCmRcVu)" d="M14.7 14.1c-.2.1-.6.4-.3.7l4.5 4.5c.2.2.5 0 .7-.1c0-.2.2-.4 0-.6l-4.5-4.5z" class="wm-a"/><path fill="#ff7ec1" fill-opacity=".6" d="M20.02 18.3c-.11.95-.3 1.45-1.38 1.37l-.04.05c.86.58 1.95.04 1.66-1.02c-.05-.18-.15-.25-.24-.4" class="wm-a"/><path fill="#b9e6ff" fill-opacity=".85" d="M19.73 18.4c-.06.7-.2 1.01-.99.99l-.04.04l.23.19c.61.32 1.24-.25 1.04-.89c-.05-.16-.15-.21-.24-.33" class="wm-a"/><path fill="url(#SVGddIRqdqu)" d="m14.16 15.46l.03-.05c-.15-1.22.35-1.66 1.51-1.52l.06-.03l-.36-.25c-.9-.37-1.84.57-1.49 1.46z" 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><linearGradient id="SVGC2vz8cZG" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4a9dff" stop-opacity=".14"/><stop offset=".6" stop-color="#4a9dff" stop-opacity=".36"/><stop offset="1" stop-color="#4a9dff" stop-opacity=".62"/></linearGradient><linearGradient id="SVGtls79doO" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a77bff" stop-opacity=".3"/><stop offset="1" stop-color="#a77bff" stop-opacity=".75"/></linearGradient><linearGradient id="SVGSIg3OeiQ" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1c3f9e" stop-opacity=".36"/><stop offset="1" stop-color="#1c3f9e" stop-opacity=".95"/></linearGradient><linearGradient id="SVGddIRqdqu" x1="6.56" x2="20.4" y1="6.26" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".15"/></linearGradient><linearGradient id="SVGhPVfBl4x" x1="3.1" x2="8.29" y1="9.72" y2="21.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0c1a3a" stop-opacity=".1"/><stop offset="1" stop-color="#ff7ec1" stop-opacity=".32"/></linearGradient><radialGradient id="SVGdyCmRcVu" cx="8.98" cy="7.99" r="8.65" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".8"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="url(#SVGhPVfBl4x)" d="M9.8 3.7c-2.5.2-5.2 2.2-6.1 4.6l-.3 1l-.2 1.1c-.3 1.5.1 3.6 1 4.8l.7 1l1 1l.9.6c2.4 1.8 5.7 1.2 8.2-.1l1 .7l2.8 2.7c.9 1 2.4-.3 2-1.5c-.2-.7-2.9-3.1-3.7-4c.4-.6.8-1.3 1-1.9l.2-1l.1-1.3c.2-1.9-.8-4.4-2.3-5.6l-.7-.6l-1.1-.7l-1.1-.5l-1.1-.2l-1.3-.2zm1.3 4.2l.1.3l-.1.3c-1.2.6-2.5.4-2.9 2.2l-.2.8l-.3.2l-.2-.1c-.8-1.8 1.7-4.3 3.6-3.7" class="wm-shadow"/><path fill="url(#SVGC2vz8cZG)" stroke="#000" stroke-opacity=".3" stroke-width=".22" d="m17.69 12.08l.19-1.03c.14-.76.05-1.65-.12-2.4c-.77-3.5-3.74-5.85-7.28-5.92c-3.73-.07-6.92 2.93-7.4 6.55c-.14 1.05 0 2.16.31 3.17c1.77 5.65 9.24 6.96 12.9 2.37c.61-.77 1.21-1.76 1.4-2.74zm-6.6-4.98c-.1.27.04.14-.14.38c-.25.31-1.34.36-1.82.68c-.63.41-.97 1.07-1.09 1.79c-.03.21-.01.41-.14.59c-.25.34-.72.32-.98.01c-.18-.21-.14-.47-.12-.72c.13-1.36 1.05-2.58 2.31-3.07c.47-.18 1.43-.54 1.84-.04c.18.22.04.13.14.38z" class="wm-k"/><path stroke="url(#SVGSIg3OeiQ)" stroke-linejoin="round" stroke-width=".5" d="m17.45 8.35l-.32-.92c-.74-2.15-3.39-4.25-5.68-4.39l-1-.06c-1.12-.06-2.36.33-3.33.84c-4.61 2.44-5.15 8.81-1.07 12.02c4.37 3.43 10.96.73 11.58-4.81c.09-.86.1-1.86-.18-2.68zM10.8 7.9l-.85.16c-.78.14-1.39.86-1.59 1.59c-.1.35-.04.75-.28 1.05c-.34.42-1.02.44-1.36 0c-.4-.53-.1-1.45.12-1.98c.57-1.39 2.18-2.71 3.79-2.47c.85.12.97 1.5.17 1.65z" class="wm-k"/><path fill="url(#SVGdyCmRcVu)" d="m5 5.9l-.7 1c-.4.7-.8 1.9-.7 2.8v1.1c.1 3 3.3 6.2 6.4 6.1h1.1c2.6-.1 5.3-2.4 5.8-4.9l.3-1.1c.2-.9 0-2-.3-2.9c-1.3-4-6-5.9-9.7-3.9c-.8.4-1.7 1-2.2 1.8m5.9 2.2l-1.2.3c-.4.1-.9.6-1 1l-.3 1.2c-.2.9-1.5.9-2 .3c-.7-.7-.2-2.3.3-3l.5-.8l.7-.5c.7-.7 2.4-1.2 3.3-.5c.6.5.6 1.8-.3 2" class="wm-shine"/><path fill="#ff7ec1" fill-opacity=".6" d="M16.47 6.02c.94 2.08 1.39 3.72.71 6.01c-1.2 4.01-5.97 6.37-9.85 4.6l-1.01-.46c.75.59 1.79 1.07 2.75 1.2l.96.13c1.09.14 2.37-.16 3.37-.6c4.32-1.94 5.67-7.01 3.07-10.88m-9.88 4.37l.06-.03c.17-2.52 1.54-3.81 4.01-4.01l.03-.06c-.13-.07-.19-.18-.36-.21c-.33-.06-.74.02-1.05.1c-1.44.37-2.43 1.43-2.8 2.85c-.17.61-.18.86.11 1.36" class="wm-k"/><path fill="#b9e6ff" fill-opacity=".85" d="m6.36 10.56l.05-.05C6.3 7.92 8.2 6 10.81 6.11l.05-.05l-.43-.24c-.37-.1-.85 0-1.2.09c-1.46.36-2.67 1.52-3.02 2.99c-.08.37-.19.84-.09 1.23zm9.9-4.34c.31.73.65 1.44.82 2.23c.48 2.18-.2 4.88-1.9 6.4l-.75.66c-1.7 1.51-4.9 1.79-6.93.89l-.98-.44c6.43 4.41 14.13-3.37 9.74-9.74" class="wm-shine"/><path fill="url(#SVGddIRqdqu)" d="m4.58 5.63l-.48.7c-1.52 2.21-1.43 6.04.31 8.07c-.68-1.45-1.18-2.74-1.07-4.37c.27-3.82 3.54-7.07 7.44-7c1.43.03 2.65.45 3.92 1.08l-.01-.05c-2.62-1.91-6.52-1.72-8.98.39c-.4.35-.83.74-1.13 1.18m6.54 1.26c-.03.2-.04.42-.17.59c-.25.3-.69.23-1.02.33c-.47.13-.92.36-1.25.71c-.29.31-.47.72-.58 1.13c-.09.33-.02.76-.32 1c-.17.13-.39.14-.59.17l.18.17c.95.59.98-.98 1.17-1.44c.16-.42.44-.77.8-1.04c.57-.42 1.62-.39 1.91-.73s.09-.61-.13-.89" class="wm-shine"/><path fill="url(#SVGtls79doO)" stroke="#000" stroke-opacity=".3" stroke-width=".22" d="m13.96 15.18l1.16 1.25l2.24 2.25c.51.51 1.39 1.81 2.37 1.34c.23-.11.44-.28.56-.52c.53-.99-.68-1.79-1.24-2.35l-2.29-2.3l-1.28-1.19l-.28-.1c-.78-.15-1.51.55-1.34 1.34z" class="wm-a"/><path stroke="url(#SVGSIg3OeiQ)" stroke-linejoin="round" stroke-width=".5" d="M14.8 13.8c-.24.06-.44.19-.58.4c-.56.84.68 1.65 1.11 2.08l3.43 3.4c.13.13.37.17.54.17c.28.01.55-.13.7-.36c.61-.88-.62-1.66-1.12-2.16l-2.26-2.26c-.3-.3-1.05-1.46-1.82-1.27z" class="wm-a"/><path fill="url(#SVGdyCmRcVu)" d="M14.7 14.1c-.2.1-.6.4-.3.7l4.5 4.5c.2.2.5 0 .7-.1c0-.2.2-.4 0-.6l-4.5-4.5z" class="wm-a"/><path fill="#ff7ec1" fill-opacity=".6" d="M20.02 18.3c-.11.95-.3 1.45-1.38 1.37l-.04.05c.86.58 1.95.04 1.66-1.02c-.05-.18-.15-.25-.24-.4" class="wm-a"/><path fill="#b9e6ff" fill-opacity=".85" d="M19.73 18.4c-.06.7-.2 1.01-.99.99l-.04.04l.23.19c.61.32 1.24-.25 1.04-.89c-.05-.16-.15-.21-.24-.33" class="wm-a"/><path fill="url(#SVGddIRqdqu)" d="m14.16 15.46l.03-.05c-.15-1.22.35-1.66 1.51-1.52l.06-.03l-.36-.25c-.9-.37-1.84.57-1.49 1.46z" 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><linearGradient id="SVGC2vz8cZG" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4a9dff" stop-opacity=".14"/><stop offset=".6" stop-color="#4a9dff" stop-opacity=".36"/><stop offset="1" stop-color="#4a9dff" stop-opacity=".62"/></linearGradient><linearGradient id="SVGtls79doO" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a77bff" stop-opacity=".3"/><stop offset="1" stop-color="#a77bff" stop-opacity=".75"/></linearGradient><linearGradient id="SVGSIg3OeiQ" x1="3.1" x2="20.4" y1="2.8" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1c3f9e" stop-opacity=".36"/><stop offset="1" stop-color="#1c3f9e" stop-opacity=".95"/></linearGradient><linearGradient id="SVGddIRqdqu" x1="6.56" x2="20.4" y1="6.26" y2="20.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".15"/></linearGradient><linearGradient id="SVGhPVfBl4x" x1="3.1" x2="8.29" y1="9.72" y2="21.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0c1a3a" stop-opacity=".1"/><stop offset="1" stop-color="#ff7ec1" stop-opacity=".32"/></linearGradient><radialGradient id="SVGdyCmRcVu" cx="8.98" cy="7.99" r="8.65" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".8"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path fill="url(#SVGhPVfBl4x)" d="M9.8 3.7c-2.5.2-5.2 2.2-6.1 4.6l-.3 1l-.2 1.1c-.3 1.5.1 3.6 1 4.8l.7 1l1 1l.9.6c2.4 1.8 5.7 1.2 8.2-.1l1 .7l2.8 2.7c.9 1 2.4-.3 2-1.5c-.2-.7-2.9-3.1-3.7-4c.4-.6.8-1.3 1-1.9l.2-1l.1-1.3c.2-1.9-.8-4.4-2.3-5.6l-.7-.6l-1.1-.7l-1.1-.5l-1.1-.2l-1.3-.2zm1.3 4.2l.1.3l-.1.3c-1.2.6-2.5.4-2.9 2.2l-.2.8l-.3.2l-.2-.1c-.8-1.8 1.7-4.3 3.6-3.7" class="wm-shadow"/><path fill="url(#SVGC2vz8cZG)" stroke="#000" stroke-opacity=".3" stroke-width=".22" d="m17.69 12.08l.19-1.03c.14-.76.05-1.65-.12-2.4c-.77-3.5-3.74-5.85-7.28-5.92c-3.73-.07-6.92 2.93-7.4 6.55c-.14 1.05 0 2.16.31 3.17c1.77 5.65 9.24 6.96 12.9 2.37c.61-.77 1.21-1.76 1.4-2.74zm-6.6-4.98c-.1.27.04.14-.14.38c-.25.31-1.34.36-1.82.68c-.63.41-.97 1.07-1.09 1.79c-.03.21-.01.41-.14.59c-.25.34-.72.32-.98.01c-.18-.21-.14-.47-.12-.72c.13-1.36 1.05-2.58 2.31-3.07c.47-.18 1.43-.54 1.84-.04c.18.22.04.13.14.38z" class="wm-k"/><path stroke="url(#SVGSIg3OeiQ)" stroke-linejoin="round" stroke-width=".5" d="m17.45 8.35l-.32-.92c-.74-2.15-3.39-4.25-5.68-4.39l-1-.06c-1.12-.06-2.36.33-3.33.84c-4.61 2.44-5.15 8.81-1.07 12.02c4.37 3.43 10.96.73 11.58-4.81c.09-.86.1-1.86-.18-2.68zM10.8 7.9l-.85.16c-.78.14-1.39.86-1.59 1.59c-.1.35-.04.75-.28 1.05c-.34.42-1.02.44-1.36 0c-.4-.53-.1-1.45.12-1.98c.57-1.39 2.18-2.71 3.79-2.47c.85.12.97 1.5.17 1.65z" class="wm-k"/><path fill="url(#SVGdyCmRcVu)" d="m5 5.9l-.7 1c-.4.7-.8 1.9-.7 2.8v1.1c.1 3 3.3 6.2 6.4 6.1h1.1c2.6-.1 5.3-2.4 5.8-4.9l.3-1.1c.2-.9 0-2-.3-2.9c-1.3-4-6-5.9-9.7-3.9c-.8.4-1.7 1-2.2 1.8m5.9 2.2l-1.2.3c-.4.1-.9.6-1 1l-.3 1.2c-.2.9-1.5.9-2 .3c-.7-.7-.2-2.3.3-3l.5-.8l.7-.5c.7-.7 2.4-1.2 3.3-.5c.6.5.6 1.8-.3 2" class="wm-shine"/><path fill="#ff7ec1" fill-opacity=".6" d="M16.47 6.02c.94 2.08 1.39 3.72.71 6.01c-1.2 4.01-5.97 6.37-9.85 4.6l-1.01-.46c.75.59 1.79 1.07 2.75 1.2l.96.13c1.09.14 2.37-.16 3.37-.6c4.32-1.94 5.67-7.01 3.07-10.88m-9.88 4.37l.06-.03c.17-2.52 1.54-3.81 4.01-4.01l.03-.06c-.13-.07-.19-.18-.36-.21c-.33-.06-.74.02-1.05.1c-1.44.37-2.43 1.43-2.8 2.85c-.17.61-.18.86.11 1.36" class="wm-k"/><path fill="#b9e6ff" fill-opacity=".85" d="m6.36 10.56l.05-.05C6.3 7.92 8.2 6 10.81 6.11l.05-.05l-.43-.24c-.37-.1-.85 0-1.2.09c-1.46.36-2.67 1.52-3.02 2.99c-.08.37-.19.84-.09 1.23zm9.9-4.34c.31.73.65 1.44.82 2.23c.48 2.18-.2 4.88-1.9 6.4l-.75.66c-1.7 1.51-4.9 1.79-6.93.89l-.98-.44c6.43 4.41 14.13-3.37 9.74-9.74" class="wm-shine"/><path fill="url(#SVGddIRqdqu)" d="m4.58 5.63l-.48.7c-1.52 2.21-1.43 6.04.31 8.07c-.68-1.45-1.18-2.74-1.07-4.37c.27-3.82 3.54-7.07 7.44-7c1.43.03 2.65.45 3.92 1.08l-.01-.05c-2.62-1.91-6.52-1.72-8.98.39c-.4.35-.83.74-1.13 1.18m6.54 1.26c-.03.2-.04.42-.17.59c-.25.3-.69.23-1.02.33c-.47.13-.92.36-1.25.71c-.29.31-.47.72-.58 1.13c-.09.33-.02.76-.32 1c-.17.13-.39.14-.59.17l.18.17c.95.59.98-.98 1.17-1.44c.16-.42.44-.77.8-1.04c.57-.42 1.62-.39 1.91-.73s.09-.61-.13-.89" class="wm-shine"/><path fill="url(#SVGtls79doO)" stroke="#000" stroke-opacity=".3" stroke-width=".22" d="m13.96 15.18l1.16 1.25l2.24 2.25c.51.51 1.39 1.81 2.37 1.34c.23-.11.44-.28.56-.52c.53-.99-.68-1.79-1.24-2.35l-2.29-2.3l-1.28-1.19l-.28-.1c-.78-.15-1.51.55-1.34 1.34z" class="wm-a"/><path stroke="url(#SVGSIg3OeiQ)" stroke-linejoin="round" stroke-width=".5" d="M14.8 13.8c-.24.06-.44.19-.58.4c-.56.84.68 1.65 1.11 2.08l3.43 3.4c.13.13.37.17.54.17c.28.01.55-.13.7-.36c.61-.88-.62-1.66-1.12-2.16l-2.26-2.26c-.3-.3-1.05-1.46-1.82-1.27z" class="wm-a"/><path fill="url(#SVGdyCmRcVu)" d="M14.7 14.1c-.2.1-.6.4-.3.7l4.5 4.5c.2.2.5 0 .7-.1c0-.2.2-.4 0-.6l-4.5-4.5z" class="wm-a"/><path fill="#ff7ec1" fill-opacity=".6" d="M20.02 18.3c-.11.95-.3 1.45-1.38 1.37l-.04.05c.86.58 1.95.04 1.66-1.02c-.05-.18-.15-.25-.24-.4" class="wm-a"/><path fill="#b9e6ff" fill-opacity=".85" d="M19.73 18.4c-.06.7-.2 1.01-.99.99l-.04.04l.23.19c.61.32 1.24-.25 1.04-.89c-.05-.16-.15-.21-.24-.33" class="wm-a"/><path fill="url(#SVGddIRqdqu)" d="m14.16 15.46l.03-.05c-.15-1.22.35-1.66 1.51-1.52l.06-.03l-.36-.25c-.9-.37-1.84.57-1.49 1.46z" 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%3ClinearGradient%20id%3D%22SVGC2vz8cZG%22%20x1%3D%223.1%22%20x2%3D%2220.4%22%20y1%3D%222.8%22%20y2%3D%2220.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234a9dff%22%20stop-opacity%3D%22.14%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%234a9dff%22%20stop-opacity%3D%22.36%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a9dff%22%20stop-opacity%3D%22.62%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGtls79doO%22%20x1%3D%223.1%22%20x2%3D%2220.4%22%20y1%3D%222.8%22%20y2%3D%2220.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23a77bff%22%20stop-opacity%3D%22.3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a77bff%22%20stop-opacity%3D%22.75%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGSIg3OeiQ%22%20x1%3D%223.1%22%20x2%3D%2220.4%22%20y1%3D%222.8%22%20y2%3D%2220.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c3f9e%22%20stop-opacity%3D%22.36%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231c3f9e%22%20stop-opacity%3D%22.95%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGddIRqdqu%22%20x1%3D%226.56%22%20x2%3D%2220.4%22%20y1%3D%226.26%22%20y2%3D%2220.1%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%23fff%22%20stop-opacity%3D%22.15%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhPVfBl4x%22%20x1%3D%223.1%22%20x2%3D%228.29%22%20y1%3D%229.72%22%20y2%3D%2221.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230c1a3a%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff7ec1%22%20stop-opacity%3D%22.32%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGdyCmRcVu%22%20cx%3D%228.98%22%20cy%3D%227.99%22%20r%3D%228.65%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.8%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%22url(%23SVGhPVfBl4x)%22%20d%3D%22M9.8%203.7c-2.5.2-5.2%202.2-6.1%204.6l-.3%201l-.2%201.1c-.3%201.5.1%203.6%201%204.8l.7%201l1%201l.9.6c2.4%201.8%205.7%201.2%208.2-.1l1%20.7l2.8%202.7c.9%201%202.4-.3%202-1.5c-.2-.7-2.9-3.1-3.7-4c.4-.6.8-1.3%201-1.9l.2-1l.1-1.3c.2-1.9-.8-4.4-2.3-5.6l-.7-.6l-1.1-.7l-1.1-.5l-1.1-.2l-1.3-.2zm1.3%204.2l.1.3l-.1.3c-1.2.6-2.5.4-2.9%202.2l-.2.8l-.3.2l-.2-.1c-.8-1.8%201.7-4.3%203.6-3.7%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGC2vz8cZG)%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%22.22%22%20d%3D%22m17.69%2012.08l.19-1.03c.14-.76.05-1.65-.12-2.4c-.77-3.5-3.74-5.85-7.28-5.92c-3.73-.07-6.92%202.93-7.4%206.55c-.14%201.05%200%202.16.31%203.17c1.77%205.65%209.24%206.96%2012.9%202.37c.61-.77%201.21-1.76%201.4-2.74zm-6.6-4.98c-.1.27.04.14-.14.38c-.25.31-1.34.36-1.82.68c-.63.41-.97%201.07-1.09%201.79c-.03.21-.01.41-.14.59c-.25.34-.72.32-.98.01c-.18-.21-.14-.47-.12-.72c.13-1.36%201.05-2.58%202.31-3.07c.47-.18%201.43-.54%201.84-.04c.18.22.04.13.14.38z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGSIg3OeiQ)%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22m17.45%208.35l-.32-.92c-.74-2.15-3.39-4.25-5.68-4.39l-1-.06c-1.12-.06-2.36.33-3.33.84c-4.61%202.44-5.15%208.81-1.07%2012.02c4.37%203.43%2010.96.73%2011.58-4.81c.09-.86.1-1.86-.18-2.68zM10.8%207.9l-.85.16c-.78.14-1.39.86-1.59%201.59c-.1.35-.04.75-.28%201.05c-.34.42-1.02.44-1.36%200c-.4-.53-.1-1.45.12-1.98c.57-1.39%202.18-2.71%203.79-2.47c.85.12.97%201.5.17%201.65z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdyCmRcVu)%22%20d%3D%22m5%205.9l-.7%201c-.4.7-.8%201.9-.7%202.8v1.1c.1%203%203.3%206.2%206.4%206.1h1.1c2.6-.1%205.3-2.4%205.8-4.9l.3-1.1c.2-.9%200-2-.3-2.9c-1.3-4-6-5.9-9.7-3.9c-.8.4-1.7%201-2.2%201.8m5.9%202.2l-1.2.3c-.4.1-.9.6-1%201l-.3%201.2c-.2.9-1.5.9-2%20.3c-.7-.7-.2-2.3.3-3l.5-.8l.7-.5c.7-.7%202.4-1.2%203.3-.5c.6.5.6%201.8-.3%202%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23ff7ec1%22%20fill-opacity%3D%22.6%22%20d%3D%22M16.47%206.02c.94%202.08%201.39%203.72.71%206.01c-1.2%204.01-5.97%206.37-9.85%204.6l-1.01-.46c.75.59%201.79%201.07%202.75%201.2l.96.13c1.09.14%202.37-.16%203.37-.6c4.32-1.94%205.67-7.01%203.07-10.88m-9.88%204.37l.06-.03c.17-2.52%201.54-3.81%204.01-4.01l.03-.06c-.13-.07-.19-.18-.36-.21c-.33-.06-.74.02-1.05.1c-1.44.37-2.43%201.43-2.8%202.85c-.17.61-.18.86.11%201.36%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23b9e6ff%22%20fill-opacity%3D%22.85%22%20d%3D%22m6.36%2010.56l.05-.05C6.3%207.92%208.2%206%2010.81%206.11l.05-.05l-.43-.24c-.37-.1-.85%200-1.2.09c-1.46.36-2.67%201.52-3.02%202.99c-.08.37-.19.84-.09%201.23zm9.9-4.34c.31.73.65%201.44.82%202.23c.48%202.18-.2%204.88-1.9%206.4l-.75.66c-1.7%201.51-4.9%201.79-6.93.89l-.98-.44c6.43%204.41%2014.13-3.37%209.74-9.74%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGddIRqdqu)%22%20d%3D%22m4.58%205.63l-.48.7c-1.52%202.21-1.43%206.04.31%208.07c-.68-1.45-1.18-2.74-1.07-4.37c.27-3.82%203.54-7.07%207.44-7c1.43.03%202.65.45%203.92%201.08l-.01-.05c-2.62-1.91-6.52-1.72-8.98.39c-.4.35-.83.74-1.13%201.18m6.54%201.26c-.03.2-.04.42-.17.59c-.25.3-.69.23-1.02.33c-.47.13-.92.36-1.25.71c-.29.31-.47.72-.58%201.13c-.09.33-.02.76-.32%201c-.17.13-.39.14-.59.17l.18.17c.95.59.98-.98%201.17-1.44c.16-.42.44-.77.8-1.04c.57-.42%201.62-.39%201.91-.73s.09-.61-.13-.89%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtls79doO)%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%22.22%22%20d%3D%22m13.96%2015.18l1.16%201.25l2.24%202.25c.51.51%201.39%201.81%202.37%201.34c.23-.11.44-.28.56-.52c.53-.99-.68-1.79-1.24-2.35l-2.29-2.3l-1.28-1.19l-.28-.1c-.78-.15-1.51.55-1.34%201.34z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGSIg3OeiQ)%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M14.8%2013.8c-.24.06-.44.19-.58.4c-.56.84.68%201.65%201.11%202.08l3.43%203.4c.13.13.37.17.54.17c.28.01.55-.13.7-.36c.61-.88-.62-1.66-1.12-2.16l-2.26-2.26c-.3-.3-1.05-1.46-1.82-1.27z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdyCmRcVu)%22%20d%3D%22M14.7%2014.1c-.2.1-.6.4-.3.7l4.5%204.5c.2.2.5%200%20.7-.1c0-.2.2-.4%200-.6l-4.5-4.5z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ff7ec1%22%20fill-opacity%3D%22.6%22%20d%3D%22M20.02%2018.3c-.11.95-.3%201.45-1.38%201.37l-.04.05c.86.58%201.95.04%201.66-1.02c-.05-.18-.15-.25-.24-.4%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23b9e6ff%22%20fill-opacity%3D%22.85%22%20d%3D%22M19.73%2018.4c-.06.7-.2%201.01-.99.99l-.04.04l.23.19c.61.32%201.24-.25%201.04-.89c-.05-.16-.15-.21-.24-.33%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGddIRqdqu)%22%20d%3D%22m14.16%2015.46l.03-.05c-.15-1.22.35-1.66%201.51-1.52l.06-.03l-.36-.25c-.9-.37-1.84.57-1.49%201.46z%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%3ClinearGradient%20id%3D%22SVGC2vz8cZG%22%20x1%3D%223.1%22%20x2%3D%2220.4%22%20y1%3D%222.8%22%20y2%3D%2220.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234a9dff%22%20stop-opacity%3D%22.14%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%234a9dff%22%20stop-opacity%3D%22.36%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a9dff%22%20stop-opacity%3D%22.62%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGtls79doO%22%20x1%3D%223.1%22%20x2%3D%2220.4%22%20y1%3D%222.8%22%20y2%3D%2220.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23a77bff%22%20stop-opacity%3D%22.3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a77bff%22%20stop-opacity%3D%22.75%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGSIg3OeiQ%22%20x1%3D%223.1%22%20x2%3D%2220.4%22%20y1%3D%222.8%22%20y2%3D%2220.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c3f9e%22%20stop-opacity%3D%22.36%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231c3f9e%22%20stop-opacity%3D%22.95%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGddIRqdqu%22%20x1%3D%226.56%22%20x2%3D%2220.4%22%20y1%3D%226.26%22%20y2%3D%2220.1%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%23fff%22%20stop-opacity%3D%22.15%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhPVfBl4x%22%20x1%3D%223.1%22%20x2%3D%228.29%22%20y1%3D%229.72%22%20y2%3D%2221.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230c1a3a%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff7ec1%22%20stop-opacity%3D%22.32%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGdyCmRcVu%22%20cx%3D%228.98%22%20cy%3D%227.99%22%20r%3D%228.65%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.8%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%22url(%23SVGhPVfBl4x)%22%20d%3D%22M9.8%203.7c-2.5.2-5.2%202.2-6.1%204.6l-.3%201l-.2%201.1c-.3%201.5.1%203.6%201%204.8l.7%201l1%201l.9.6c2.4%201.8%205.7%201.2%208.2-.1l1%20.7l2.8%202.7c.9%201%202.4-.3%202-1.5c-.2-.7-2.9-3.1-3.7-4c.4-.6.8-1.3%201-1.9l.2-1l.1-1.3c.2-1.9-.8-4.4-2.3-5.6l-.7-.6l-1.1-.7l-1.1-.5l-1.1-.2l-1.3-.2zm1.3%204.2l.1.3l-.1.3c-1.2.6-2.5.4-2.9%202.2l-.2.8l-.3.2l-.2-.1c-.8-1.8%201.7-4.3%203.6-3.7%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGC2vz8cZG)%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%22.22%22%20d%3D%22m17.69%2012.08l.19-1.03c.14-.76.05-1.65-.12-2.4c-.77-3.5-3.74-5.85-7.28-5.92c-3.73-.07-6.92%202.93-7.4%206.55c-.14%201.05%200%202.16.31%203.17c1.77%205.65%209.24%206.96%2012.9%202.37c.61-.77%201.21-1.76%201.4-2.74zm-6.6-4.98c-.1.27.04.14-.14.38c-.25.31-1.34.36-1.82.68c-.63.41-.97%201.07-1.09%201.79c-.03.21-.01.41-.14.59c-.25.34-.72.32-.98.01c-.18-.21-.14-.47-.12-.72c.13-1.36%201.05-2.58%202.31-3.07c.47-.18%201.43-.54%201.84-.04c.18.22.04.13.14.38z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGSIg3OeiQ)%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22m17.45%208.35l-.32-.92c-.74-2.15-3.39-4.25-5.68-4.39l-1-.06c-1.12-.06-2.36.33-3.33.84c-4.61%202.44-5.15%208.81-1.07%2012.02c4.37%203.43%2010.96.73%2011.58-4.81c.09-.86.1-1.86-.18-2.68zM10.8%207.9l-.85.16c-.78.14-1.39.86-1.59%201.59c-.1.35-.04.75-.28%201.05c-.34.42-1.02.44-1.36%200c-.4-.53-.1-1.45.12-1.98c.57-1.39%202.18-2.71%203.79-2.47c.85.12.97%201.5.17%201.65z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdyCmRcVu)%22%20d%3D%22m5%205.9l-.7%201c-.4.7-.8%201.9-.7%202.8v1.1c.1%203%203.3%206.2%206.4%206.1h1.1c2.6-.1%205.3-2.4%205.8-4.9l.3-1.1c.2-.9%200-2-.3-2.9c-1.3-4-6-5.9-9.7-3.9c-.8.4-1.7%201-2.2%201.8m5.9%202.2l-1.2.3c-.4.1-.9.6-1%201l-.3%201.2c-.2.9-1.5.9-2%20.3c-.7-.7-.2-2.3.3-3l.5-.8l.7-.5c.7-.7%202.4-1.2%203.3-.5c.6.5.6%201.8-.3%202%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23ff7ec1%22%20fill-opacity%3D%22.6%22%20d%3D%22M16.47%206.02c.94%202.08%201.39%203.72.71%206.01c-1.2%204.01-5.97%206.37-9.85%204.6l-1.01-.46c.75.59%201.79%201.07%202.75%201.2l.96.13c1.09.14%202.37-.16%203.37-.6c4.32-1.94%205.67-7.01%203.07-10.88m-9.88%204.37l.06-.03c.17-2.52%201.54-3.81%204.01-4.01l.03-.06c-.13-.07-.19-.18-.36-.21c-.33-.06-.74.02-1.05.1c-1.44.37-2.43%201.43-2.8%202.85c-.17.61-.18.86.11%201.36%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23b9e6ff%22%20fill-opacity%3D%22.85%22%20d%3D%22m6.36%2010.56l.05-.05C6.3%207.92%208.2%206%2010.81%206.11l.05-.05l-.43-.24c-.37-.1-.85%200-1.2.09c-1.46.36-2.67%201.52-3.02%202.99c-.08.37-.19.84-.09%201.23zm9.9-4.34c.31.73.65%201.44.82%202.23c.48%202.18-.2%204.88-1.9%206.4l-.75.66c-1.7%201.51-4.9%201.79-6.93.89l-.98-.44c6.43%204.41%2014.13-3.37%209.74-9.74%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGddIRqdqu)%22%20d%3D%22m4.58%205.63l-.48.7c-1.52%202.21-1.43%206.04.31%208.07c-.68-1.45-1.18-2.74-1.07-4.37c.27-3.82%203.54-7.07%207.44-7c1.43.03%202.65.45%203.92%201.08l-.01-.05c-2.62-1.91-6.52-1.72-8.98.39c-.4.35-.83.74-1.13%201.18m6.54%201.26c-.03.2-.04.42-.17.59c-.25.3-.69.23-1.02.33c-.47.13-.92.36-1.25.71c-.29.31-.47.72-.58%201.13c-.09.33-.02.76-.32%201c-.17.13-.39.14-.59.17l.18.17c.95.59.98-.98%201.17-1.44c.16-.42.44-.77.8-1.04c.57-.42%201.62-.39%201.91-.73s.09-.61-.13-.89%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtls79doO)%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%22.22%22%20d%3D%22m13.96%2015.18l1.16%201.25l2.24%202.25c.51.51%201.39%201.81%202.37%201.34c.23-.11.44-.28.56-.52c.53-.99-.68-1.79-1.24-2.35l-2.29-2.3l-1.28-1.19l-.28-.1c-.78-.15-1.51.55-1.34%201.34z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGSIg3OeiQ)%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M14.8%2013.8c-.24.06-.44.19-.58.4c-.56.84.68%201.65%201.11%202.08l3.43%203.4c.13.13.37.17.54.17c.28.01.55-.13.7-.36c.61-.88-.62-1.66-1.12-2.16l-2.26-2.26c-.3-.3-1.05-1.46-1.82-1.27z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdyCmRcVu)%22%20d%3D%22M14.7%2014.1c-.2.1-.6.4-.3.7l4.5%204.5c.2.2.5%200%20.7-.1c0-.2.2-.4%200-.6l-4.5-4.5z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ff7ec1%22%20fill-opacity%3D%22.6%22%20d%3D%22M20.02%2018.3c-.11.95-.3%201.45-1.38%201.37l-.04.05c.86.58%201.95.04%201.66-1.02c-.05-.18-.15-.25-.24-.4%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23b9e6ff%22%20fill-opacity%3D%22.85%22%20d%3D%22M19.73%2018.4c-.06.7-.2%201.01-.99.99l-.04.04l.23.19c.61.32%201.24-.25%201.04-.89c-.05-.16-.15-.21-.24-.33%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGddIRqdqu)%22%20d%3D%22m14.16%2015.46l.03-.05c-.15-1.22.35-1.66%201.51-1.52l.06-.03l-.36-.25c-.9-.37-1.84.57-1.49%201.46z%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.37 KB
5,503 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
13
<path> ×13
风格
多色填充
描边可随字号加粗
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 5.37 KB(5,503 字节),图元 13 个,风格为多色填充。
关于 搜索 图标的下载、商用与改色。
它是 with icons Liquid(withicons-liquid)开源图标集中的 search 图标,多色填充,viewBox 为 0 0 24 24,文件仅 5.37 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 MIT(MIT) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。