首页 SVG 图标
withicons-chromehome
来自 with icons Chrome 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- withicons-chrome:home
- 中文名
- 首页
- 集合规模
- 1,000 枚
- 基础网格
- 24px
- 色彩
- 多色
- 开源协议
- MIT
- 作者
- Evergrow
withicons-chromehome
来自 with icons Chrome 开源图标集,矢量 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="SVGBdjlCcBM" x1="0" x2="0" y1="2.7" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f4f7fc"/><stop offset=".42" stop-color="#dce5f2"/><stop offset=".56" stop-color="#8794aa"/><stop offset=".78" stop-color="#cdb9a4"/><stop offset="1" stop-color="#f4f7fc"/></linearGradient><linearGradient id="SVGCt6GIcfs" x1="0" x2="0" y1="3.3" y2="20.2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".24" stop-color="#dce5f2"/><stop offset=".5" stop-color="#8794aa"/><stop offset="1" stop-color="#cdb9a4"/></linearGradient><linearGradient id="SVGuX7IscUX" x1="0" x2="0" y1="3.3" y2="20.2" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".84" stop-color="#cdb9a4"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVG90mstbGz" x1="0" x2="0" y1="14" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dce5f2"/><stop offset=".5" stop-color="#5e6a82"/><stop offset="1" stop-color="#8794aa"/></linearGradient><linearGradient id="SVGF7XNod0h" x1="0" x2="0" y1="14" y2="20" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".86" stop-color="#5e6a82"/><stop offset="1" stop-color="#dce5f2"/></linearGradient></defs><path fill="#1a1e2a" fill-opacity=".2" d="M21.5 10.7c-.6 1.2-1.1 1.2-2.3.9V18c0 1.4-1.5 2.5-2.7 2.6c-1.2.2-9.2.2-10-.1c-.9-.3-1.5-.9-1.9-1.7c0 1.4 1.5 2.7 2.9 2.7h9.1c1.3 0 2.8-1.3 2.8-2.6l.1-6.5c1.3.6 2.7-.1 2-1.7m-19.1.7l-.1.1c.3 1 1.1 1.4 2 1c.1-.4.1-.6 0-.9c-.7.3-1.3.3-1.9-.2" class="wm-shadow"/><path fill="#1a1e2a" d="M10.85 3.1L2.74 9.5c-1.37 1.08-.08 2.94 1.48 2.08l.12.03l.03 4.39c0 .86-.1 1.77.17 2.6c.47 1.47 2.18 2.37 3.64 1.93c.16-.61-.12-.57-.12-1.13v-4.5c0-1.25.96-2.42 2.17-2.71c.51-.12 1.04-.08 1.57-.08s1.06-.03 1.58.08c1.27.28 2.16 1.53 2.16 2.81v4.3c0 .43-.17.75-.16 1.18c1.23.6 2.98-.31 3.53-1.51c.62-1.38.25-5.59.34-7.36l.13-.03c1.59.87 2.82-1.02 1.53-2.04l-8.33-6.57c-.55-.44-1.22-.27-1.73.13m.17 17.43c.14.04.21.11.38.11h.9l.28-.11c.12-.48 0-.6-.22-1.04c-.47-.16-1.08-.29-1.28.32c-.12.35-.15.36-.06.72" class="wm-k"/><path fill="url(#SVGBdjlCcBM)" d="M10.99 3.24L2.83 9.68c-.86.68-.36 2.09.77 1.95l.7-.3c.09.1.26.07.26.27l.01 6c0 1.24 1.01 2.74 2.36 2.8l.87.04l.23-.06c-.03-.31-.17-.65-.17-.98v-4.5c0-1.35 1.01-2.57 2.3-2.9c.54-.13 1.1-.09 1.64-.09c.55 0 1.1-.04 1.64.09c1.35.34 2.31 1.61 2.3 3v4.4l-.2.9l.08.11c1.67.1 3.07-.61 3.38-2.38l.03-2.13l.04-4.39c.07-.05.16-.12.23-.18l.7.3c1.13.14 1.63-1.27.77-1.95L12.5 3.15c-.49-.38-1.05-.27-1.51.09m.51 16.34c-.26.29-.29.39-.33.8q.63.12 1.26 0c-.03-.28-.1-.48-.22-.75c-.23-.05-.45-.06-.71-.05" class="wm-k"/><path fill="url(#SVGCt6GIcfs)" d="m4.85 11.5l.02 6.1c0 1.49 1.33 2.69 2.79 2.49l-.1-.79v-4.5c.01-1.44 1.17-2.74 2.53-3.09c.55-.14 1.14-.1 1.71-.1s1.15-.04 1.71.1c1.42.37 2.53 1.7 2.53 3.19v4.4l-.1.78c1.17.17 2.39-.59 2.69-1.78c.26-1 .1-3.72.1-4.9c0-.51-.15-1.79.16-2.17c.12-.15.24-.15.41-.21c.29.1.58.33.9.32c.81-.04.9-1.01.36-1.44l-8.22-6.49c-.78-.61-1.87.62-2.48 1.1L4.61 8.66c-.46.36-1.75 1.16-1.91 1.69c-.06.21-.02.44.08.63c.56.95 1.36-.33 1.89.2zm6.77 8.38l-.08.12c.02.04.04.09.06.13c.17 0 .31-.02.46-.04l-.08-.21z" class="wm-k"/><path fill="url(#SVGuX7IscUX)" d="m11.41 9.39l-1.11.25l-1 .32l-.83.35c-1.19.52-.69 1.16-.89 2.24l-.88.18c-.61.12-1.3.06-1.83-.12v5.09c0 .38.16 1.06.44 1.34l.6.61c.42.41 1.21.51 1.73.44l-.08-.79l.01-4.6c.01-1.65 1.63-3.09 3.23-3.09h2c.62 0 1.5.24 1.95.69l.65.65c.44.44.64 1.35.64 1.95v4.4l-.07.78c1.21.19 2.74-.85 2.74-2.2l.01-5.26c-.83.27-1.8.15-2.7-.07c-.1-.53-.09-1.09-.12-1.64c-.3-.35-.72-.63-1.18-.79l-1.19-.41l-1.34-.32zm-8.44 1.73c.78.57 1.1-.52 1.82.2l-.01-.56c-.62-.02-1.2.26-1.81.36m15.85-.36l-.01.56c.76-.76.86.31 1.8-.14l-.03-.08c-.61-.08-1.15-.36-1.76-.34m-7.2 9.12l-.06.12l.05.13c.16 0 .29-.02.43-.04c-.02-.06-.04-.16-.06-.21z" class="wm-k"/><path fill="#10131b" d="m9.63 9.49l-.85.33c-.41.16-.77.4-1.08.7v1.09c.46-.42 1.03-.74 1.63-.92l1.17-.33c1.63-.47 4.13.1 5.4 1.25v-1.09c-.15-.14-.28-.3-.48-.39l-.81-.4l-1.02-.35l-1.39-.35c-.76-.2-1.86.19-2.57.46m-5.23.99l-.9.29l-.69.1l-.02.11c.93.93 1.19-.47 2 .34l.01-.8c-.12-.02-.24-.09-.4-.04m14.42 0c-.03.28-.03.55-.01.84c.82-.81 1.08.6 2-.34l-.02-.11l-.69-.1l-.83-.27zM4.9 12.18c-.04.36-.03.74-.03 1.11l.16.22c.59.4 1.97.2 2.57-.02l.03-.99l-.05-.37c-.87.13-1.84.43-2.68.05m11.12-.05c-.06.47-.05.94 0 1.41l.88.15l.9.02c.38.01.63-.13.91-.35l-.01-1.18c-.84.38-1.81.09-2.68-.05" class="wm-k"/><path fill="#fff" fill-opacity=".85" d="M2.87 11.08h.07c.06-.33.13-.57.4-.78l8.17-6.45c.35-.28.76-.34 1.13-.04l7.99 6.31c.07.05.15.06.19.08l-.26-.3l-8.28-6.53c-.7-.56-1.92.75-2.47 1.19L4.16 9.01c-.66.52-1.87 1.1-1.29 2.07m2.04.49c-.15 1.12-.04 2.37-.04 3.53l.04 2.92c.05.37.21.68.39.99c-.03-.32-.13-.67-.13-1.01l-.01-6c0-.22-.13-.3-.25-.43m10.89 2c.09.45.24.94.24 1.43v4.4l-.1.68c.15.02.24.02.37 0l.03-.28v-4.6c0-.59-.24-1.14-.54-1.63" class="wm-shine"/><path fill="#1a1e2a" d="M8.06 15v4.4c0 .44.31 1.25.84 1.24l1.58-.02c.42-.35.65-.71.6-1.24l-1.28-.01l-.2-.09v-4.25c0-1.37 1.18-1.38 2.2-1.38c.68 0 1.43-.1 1.9.49c.16.19.25.42.29.66l.01 4.48l-.2.09l-1.28.01c-.05.53.18.89.6 1.24c.6.03 1.23.05 1.82-.03c.34-.33.6-.69.6-1.19v-4.6c-.01-1.55-1.48-2.7-2.94-2.69h-1.7c-1.57 0-2.84 1.33-2.84 2.89" class="wm-k"/><path fill="#1a1e2a" d="M8.48 15v4.3c0 1.4 2.03 1.66 2.11.26c-.37-.23-.43-.18-.89-.21l-.1-.15V15c0-1.34 1.21-1.35 2.2-1.35S14 13.66 14 15v4.2l-.1.15c-.46.02-.52-.02-.89.21c.08 1.4 2.11 1.11 2.11-.16v-4.5c0-1.07-.83-2.06-1.86-2.3c-.47-.11-.98-.07-1.46-.07s-.99-.04-1.46.07c-1.1.26-1.86 1.28-1.86 2.4" class="wm-a"/><path fill="url(#SVGBdjlCcBM)" d="M8.68 15.1v4.2c0 1.07 1.15 1.29 1.73.48l-.05-.18l-.75-.07l-.2-.23L9.4 15c0-1.47 1.29-1.55 2.4-1.55c1.22 0 2.4.1 2.4 1.65l-.01 4.2c-.06.07-.14.16-.2.24l-.68.04c-.04.03-.09.09-.13.13c.47.9 1.74.68 1.74-.31v-4.5c0-1.25-1.13-2.18-2.32-2.17h-1.7c-1.31 0-2.23 1.12-2.22 2.37" class="wm-a"/><path fill="url(#SVG90mstbGz)" d="M9.3 13.95c-.17.29-.32.58-.32.95v4.5c0 .54.54.6.93.5c-.36-.06-.81-.16-.81-.62v-4.3c0-.35.14-.58.23-.89zm5 0l-.03.14c.09.31.23.54.23.89v4.3c0 .46-.45.56-.81.62c.39.1.93.04.93-.5v-4.5c0-.36-.15-.66-.32-.95" class="wm-a"/><path fill="url(#SVGF7XNod0h)" d="M9.02 17.09c-.08.55-.15 1.83-.03 2.39c.05.22.19.3.33.44c.19.01.36.02.56 0c-.15-.04-.76-.14-.76-.52l-.02-2.2zm5.56 0l-.08.11l-.02 2.2c0 .38-.61.48-.76.52c.2.02.37.01.56 0c.15-.14.28-.22.33-.44c.12-.56.05-1.84-.03-2.39" class="wm-a"/><path fill="#5e6a82" d="M9.35 13.89c.03.01.07.01.1.01c.67-.75 1.39-.75 2.35-.75s1.68 0 2.35.75c.03 0 .07 0 .1-.01c-.6-.87-1.46-.86-2.45-.86s-1.85-.01-2.45.86" class="wm-a"/><path fill="#fff" fill-opacity=".85" d="m9 14.72l-.02 4.68c0 .2.13.28.22.42l.05-.12l-.15-.42v-4.3c0-.87.65-1.65 1.5-1.8l1.2-.03c.46 0 .96-.05 1.4.08c.37.12.71.41 1.01.57c-.23-.27-.47-.5-.82-.63c-.47-.18-.99-.14-1.49-.14c-1 0-2.01-.05-2.61.9c-.14.22-.29.52-.29.79m5.49-.33c-.01.18.01.42.01.64v4.3c0 .42-.5.52-.81.57c.39.1.93.04.93-.5v-4.5c0-.2-.07-.35-.13-.51" class="wm-shine"/><path fill="#fff" d="M5.6 6.7q.3 1.4 1.7 1.7q-1.4.3-1.7 1.7q-.3-1.4-1.7-1.7q1.4-.3 1.7-1.7" class="wm-shine"/></g></svg>export function HomeIcon(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="SVGBdjlCcBM" x1="0" x2="0" y1="2.7" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f4f7fc"/><stop offset=".42" stop-color="#dce5f2"/><stop offset=".56" stop-color="#8794aa"/><stop offset=".78" stop-color="#cdb9a4"/><stop offset="1" stop-color="#f4f7fc"/></linearGradient><linearGradient id="SVGCt6GIcfs" x1="0" x2="0" y1="3.3" y2="20.2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".24" stop-color="#dce5f2"/><stop offset=".5" stop-color="#8794aa"/><stop offset="1" stop-color="#cdb9a4"/></linearGradient><linearGradient id="SVGuX7IscUX" x1="0" x2="0" y1="3.3" y2="20.2" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".84" stop-color="#cdb9a4"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVG90mstbGz" x1="0" x2="0" y1="14" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dce5f2"/><stop offset=".5" stop-color="#5e6a82"/><stop offset="1" stop-color="#8794aa"/></linearGradient><linearGradient id="SVGF7XNod0h" x1="0" x2="0" y1="14" y2="20" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".86" stop-color="#5e6a82"/><stop offset="1" stop-color="#dce5f2"/></linearGradient></defs><path fill="#1a1e2a" fill-opacity=".2" d="M21.5 10.7c-.6 1.2-1.1 1.2-2.3.9V18c0 1.4-1.5 2.5-2.7 2.6c-1.2.2-9.2.2-10-.1c-.9-.3-1.5-.9-1.9-1.7c0 1.4 1.5 2.7 2.9 2.7h9.1c1.3 0 2.8-1.3 2.8-2.6l.1-6.5c1.3.6 2.7-.1 2-1.7m-19.1.7l-.1.1c.3 1 1.1 1.4 2 1c.1-.4.1-.6 0-.9c-.7.3-1.3.3-1.9-.2" class="wm-shadow"/><path fill="#1a1e2a" d="M10.85 3.1L2.74 9.5c-1.37 1.08-.08 2.94 1.48 2.08l.12.03l.03 4.39c0 .86-.1 1.77.17 2.6c.47 1.47 2.18 2.37 3.64 1.93c.16-.61-.12-.57-.12-1.13v-4.5c0-1.25.96-2.42 2.17-2.71c.51-.12 1.04-.08 1.57-.08s1.06-.03 1.58.08c1.27.28 2.16 1.53 2.16 2.81v4.3c0 .43-.17.75-.16 1.18c1.23.6 2.98-.31 3.53-1.51c.62-1.38.25-5.59.34-7.36l.13-.03c1.59.87 2.82-1.02 1.53-2.04l-8.33-6.57c-.55-.44-1.22-.27-1.73.13m.17 17.43c.14.04.21.11.38.11h.9l.28-.11c.12-.48 0-.6-.22-1.04c-.47-.16-1.08-.29-1.28.32c-.12.35-.15.36-.06.72" class="wm-k"/><path fill="url(#SVGBdjlCcBM)" d="M10.99 3.24L2.83 9.68c-.86.68-.36 2.09.77 1.95l.7-.3c.09.1.26.07.26.27l.01 6c0 1.24 1.01 2.74 2.36 2.8l.87.04l.23-.06c-.03-.31-.17-.65-.17-.98v-4.5c0-1.35 1.01-2.57 2.3-2.9c.54-.13 1.1-.09 1.64-.09c.55 0 1.1-.04 1.64.09c1.35.34 2.31 1.61 2.3 3v4.4l-.2.9l.08.11c1.67.1 3.07-.61 3.38-2.38l.03-2.13l.04-4.39c.07-.05.16-.12.23-.18l.7.3c1.13.14 1.63-1.27.77-1.95L12.5 3.15c-.49-.38-1.05-.27-1.51.09m.51 16.34c-.26.29-.29.39-.33.8q.63.12 1.26 0c-.03-.28-.1-.48-.22-.75c-.23-.05-.45-.06-.71-.05" class="wm-k"/><path fill="url(#SVGCt6GIcfs)" d="m4.85 11.5l.02 6.1c0 1.49 1.33 2.69 2.79 2.49l-.1-.79v-4.5c.01-1.44 1.17-2.74 2.53-3.09c.55-.14 1.14-.1 1.71-.1s1.15-.04 1.71.1c1.42.37 2.53 1.7 2.53 3.19v4.4l-.1.78c1.17.17 2.39-.59 2.69-1.78c.26-1 .1-3.72.1-4.9c0-.51-.15-1.79.16-2.17c.12-.15.24-.15.41-.21c.29.1.58.33.9.32c.81-.04.9-1.01.36-1.44l-8.22-6.49c-.78-.61-1.87.62-2.48 1.1L4.61 8.66c-.46.36-1.75 1.16-1.91 1.69c-.06.21-.02.44.08.63c.56.95 1.36-.33 1.89.2zm6.77 8.38l-.08.12c.02.04.04.09.06.13c.17 0 .31-.02.46-.04l-.08-.21z" class="wm-k"/><path fill="url(#SVGuX7IscUX)" d="m11.41 9.39l-1.11.25l-1 .32l-.83.35c-1.19.52-.69 1.16-.89 2.24l-.88.18c-.61.12-1.3.06-1.83-.12v5.09c0 .38.16 1.06.44 1.34l.6.61c.42.41 1.21.51 1.73.44l-.08-.79l.01-4.6c.01-1.65 1.63-3.09 3.23-3.09h2c.62 0 1.5.24 1.95.69l.65.65c.44.44.64 1.35.64 1.95v4.4l-.07.78c1.21.19 2.74-.85 2.74-2.2l.01-5.26c-.83.27-1.8.15-2.7-.07c-.1-.53-.09-1.09-.12-1.64c-.3-.35-.72-.63-1.18-.79l-1.19-.41l-1.34-.32zm-8.44 1.73c.78.57 1.1-.52 1.82.2l-.01-.56c-.62-.02-1.2.26-1.81.36m15.85-.36l-.01.56c.76-.76.86.31 1.8-.14l-.03-.08c-.61-.08-1.15-.36-1.76-.34m-7.2 9.12l-.06.12l.05.13c.16 0 .29-.02.43-.04c-.02-.06-.04-.16-.06-.21z" class="wm-k"/><path fill="#10131b" d="m9.63 9.49l-.85.33c-.41.16-.77.4-1.08.7v1.09c.46-.42 1.03-.74 1.63-.92l1.17-.33c1.63-.47 4.13.1 5.4 1.25v-1.09c-.15-.14-.28-.3-.48-.39l-.81-.4l-1.02-.35l-1.39-.35c-.76-.2-1.86.19-2.57.46m-5.23.99l-.9.29l-.69.1l-.02.11c.93.93 1.19-.47 2 .34l.01-.8c-.12-.02-.24-.09-.4-.04m14.42 0c-.03.28-.03.55-.01.84c.82-.81 1.08.6 2-.34l-.02-.11l-.69-.1l-.83-.27zM4.9 12.18c-.04.36-.03.74-.03 1.11l.16.22c.59.4 1.97.2 2.57-.02l.03-.99l-.05-.37c-.87.13-1.84.43-2.68.05m11.12-.05c-.06.47-.05.94 0 1.41l.88.15l.9.02c.38.01.63-.13.91-.35l-.01-1.18c-.84.38-1.81.09-2.68-.05" class="wm-k"/><path fill="#fff" fill-opacity=".85" d="M2.87 11.08h.07c.06-.33.13-.57.4-.78l8.17-6.45c.35-.28.76-.34 1.13-.04l7.99 6.31c.07.05.15.06.19.08l-.26-.3l-8.28-6.53c-.7-.56-1.92.75-2.47 1.19L4.16 9.01c-.66.52-1.87 1.1-1.29 2.07m2.04.49c-.15 1.12-.04 2.37-.04 3.53l.04 2.92c.05.37.21.68.39.99c-.03-.32-.13-.67-.13-1.01l-.01-6c0-.22-.13-.3-.25-.43m10.89 2c.09.45.24.94.24 1.43v4.4l-.1.68c.15.02.24.02.37 0l.03-.28v-4.6c0-.59-.24-1.14-.54-1.63" class="wm-shine"/><path fill="#1a1e2a" d="M8.06 15v4.4c0 .44.31 1.25.84 1.24l1.58-.02c.42-.35.65-.71.6-1.24l-1.28-.01l-.2-.09v-4.25c0-1.37 1.18-1.38 2.2-1.38c.68 0 1.43-.1 1.9.49c.16.19.25.42.29.66l.01 4.48l-.2.09l-1.28.01c-.05.53.18.89.6 1.24c.6.03 1.23.05 1.82-.03c.34-.33.6-.69.6-1.19v-4.6c-.01-1.55-1.48-2.7-2.94-2.69h-1.7c-1.57 0-2.84 1.33-2.84 2.89" class="wm-k"/><path fill="#1a1e2a" d="M8.48 15v4.3c0 1.4 2.03 1.66 2.11.26c-.37-.23-.43-.18-.89-.21l-.1-.15V15c0-1.34 1.21-1.35 2.2-1.35S14 13.66 14 15v4.2l-.1.15c-.46.02-.52-.02-.89.21c.08 1.4 2.11 1.11 2.11-.16v-4.5c0-1.07-.83-2.06-1.86-2.3c-.47-.11-.98-.07-1.46-.07s-.99-.04-1.46.07c-1.1.26-1.86 1.28-1.86 2.4" class="wm-a"/><path fill="url(#SVGBdjlCcBM)" d="M8.68 15.1v4.2c0 1.07 1.15 1.29 1.73.48l-.05-.18l-.75-.07l-.2-.23L9.4 15c0-1.47 1.29-1.55 2.4-1.55c1.22 0 2.4.1 2.4 1.65l-.01 4.2c-.06.07-.14.16-.2.24l-.68.04c-.04.03-.09.09-.13.13c.47.9 1.74.68 1.74-.31v-4.5c0-1.25-1.13-2.18-2.32-2.17h-1.7c-1.31 0-2.23 1.12-2.22 2.37" class="wm-a"/><path fill="url(#SVG90mstbGz)" d="M9.3 13.95c-.17.29-.32.58-.32.95v4.5c0 .54.54.6.93.5c-.36-.06-.81-.16-.81-.62v-4.3c0-.35.14-.58.23-.89zm5 0l-.03.14c.09.31.23.54.23.89v4.3c0 .46-.45.56-.81.62c.39.1.93.04.93-.5v-4.5c0-.36-.15-.66-.32-.95" class="wm-a"/><path fill="url(#SVGF7XNod0h)" d="M9.02 17.09c-.08.55-.15 1.83-.03 2.39c.05.22.19.3.33.44c.19.01.36.02.56 0c-.15-.04-.76-.14-.76-.52l-.02-2.2zm5.56 0l-.08.11l-.02 2.2c0 .38-.61.48-.76.52c.2.02.37.01.56 0c.15-.14.28-.22.33-.44c.12-.56.05-1.84-.03-2.39" class="wm-a"/><path fill="#5e6a82" d="M9.35 13.89c.03.01.07.01.1.01c.67-.75 1.39-.75 2.35-.75s1.68 0 2.35.75c.03 0 .07 0 .1-.01c-.6-.87-1.46-.86-2.45-.86s-1.85-.01-2.45.86" class="wm-a"/><path fill="#fff" fill-opacity=".85" d="m9 14.72l-.02 4.68c0 .2.13.28.22.42l.05-.12l-.15-.42v-4.3c0-.87.65-1.65 1.5-1.8l1.2-.03c.46 0 .96-.05 1.4.08c.37.12.71.41 1.01.57c-.23-.27-.47-.5-.82-.63c-.47-.18-.99-.14-1.49-.14c-1 0-2.01-.05-2.61.9c-.14.22-.29.52-.29.79m5.49-.33c-.01.18.01.42.01.64v4.3c0 .42-.5.52-.81.57c.39.1.93.04.93-.5v-4.5c0-.2-.07-.35-.13-.51" class="wm-shine"/><path fill="#fff" d="M5.6 6.7q.3 1.4 1.7 1.7q-1.4.3-1.7 1.7q-.3-1.4-1.7-1.7q1.4-.3 1.7-1.7" class="wm-shine"/></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="SVGBdjlCcBM" x1="0" x2="0" y1="2.7" y2="20.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f4f7fc"/><stop offset=".42" stop-color="#dce5f2"/><stop offset=".56" stop-color="#8794aa"/><stop offset=".78" stop-color="#cdb9a4"/><stop offset="1" stop-color="#f4f7fc"/></linearGradient><linearGradient id="SVGCt6GIcfs" x1="0" x2="0" y1="3.3" y2="20.2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".24" stop-color="#dce5f2"/><stop offset=".5" stop-color="#8794aa"/><stop offset="1" stop-color="#cdb9a4"/></linearGradient><linearGradient id="SVGuX7IscUX" x1="0" x2="0" y1="3.3" y2="20.2" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".84" stop-color="#cdb9a4"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVG90mstbGz" x1="0" x2="0" y1="14" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dce5f2"/><stop offset=".5" stop-color="#5e6a82"/><stop offset="1" stop-color="#8794aa"/></linearGradient><linearGradient id="SVGF7XNod0h" x1="0" x2="0" y1="14" y2="20" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#3e4556"/><stop offset=".86" stop-color="#5e6a82"/><stop offset="1" stop-color="#dce5f2"/></linearGradient></defs><path fill="#1a1e2a" fill-opacity=".2" d="M21.5 10.7c-.6 1.2-1.1 1.2-2.3.9V18c0 1.4-1.5 2.5-2.7 2.6c-1.2.2-9.2.2-10-.1c-.9-.3-1.5-.9-1.9-1.7c0 1.4 1.5 2.7 2.9 2.7h9.1c1.3 0 2.8-1.3 2.8-2.6l.1-6.5c1.3.6 2.7-.1 2-1.7m-19.1.7l-.1.1c.3 1 1.1 1.4 2 1c.1-.4.1-.6 0-.9c-.7.3-1.3.3-1.9-.2" class="wm-shadow"/><path fill="#1a1e2a" d="M10.85 3.1L2.74 9.5c-1.37 1.08-.08 2.94 1.48 2.08l.12.03l.03 4.39c0 .86-.1 1.77.17 2.6c.47 1.47 2.18 2.37 3.64 1.93c.16-.61-.12-.57-.12-1.13v-4.5c0-1.25.96-2.42 2.17-2.71c.51-.12 1.04-.08 1.57-.08s1.06-.03 1.58.08c1.27.28 2.16 1.53 2.16 2.81v4.3c0 .43-.17.75-.16 1.18c1.23.6 2.98-.31 3.53-1.51c.62-1.38.25-5.59.34-7.36l.13-.03c1.59.87 2.82-1.02 1.53-2.04l-8.33-6.57c-.55-.44-1.22-.27-1.73.13m.17 17.43c.14.04.21.11.38.11h.9l.28-.11c.12-.48 0-.6-.22-1.04c-.47-.16-1.08-.29-1.28.32c-.12.35-.15.36-.06.72" class="wm-k"/><path fill="url(#SVGBdjlCcBM)" d="M10.99 3.24L2.83 9.68c-.86.68-.36 2.09.77 1.95l.7-.3c.09.1.26.07.26.27l.01 6c0 1.24 1.01 2.74 2.36 2.8l.87.04l.23-.06c-.03-.31-.17-.65-.17-.98v-4.5c0-1.35 1.01-2.57 2.3-2.9c.54-.13 1.1-.09 1.64-.09c.55 0 1.1-.04 1.64.09c1.35.34 2.31 1.61 2.3 3v4.4l-.2.9l.08.11c1.67.1 3.07-.61 3.38-2.38l.03-2.13l.04-4.39c.07-.05.16-.12.23-.18l.7.3c1.13.14 1.63-1.27.77-1.95L12.5 3.15c-.49-.38-1.05-.27-1.51.09m.51 16.34c-.26.29-.29.39-.33.8q.63.12 1.26 0c-.03-.28-.1-.48-.22-.75c-.23-.05-.45-.06-.71-.05" class="wm-k"/><path fill="url(#SVGCt6GIcfs)" d="m4.85 11.5l.02 6.1c0 1.49 1.33 2.69 2.79 2.49l-.1-.79v-4.5c.01-1.44 1.17-2.74 2.53-3.09c.55-.14 1.14-.1 1.71-.1s1.15-.04 1.71.1c1.42.37 2.53 1.7 2.53 3.19v4.4l-.1.78c1.17.17 2.39-.59 2.69-1.78c.26-1 .1-3.72.1-4.9c0-.51-.15-1.79.16-2.17c.12-.15.24-.15.41-.21c.29.1.58.33.9.32c.81-.04.9-1.01.36-1.44l-8.22-6.49c-.78-.61-1.87.62-2.48 1.1L4.61 8.66c-.46.36-1.75 1.16-1.91 1.69c-.06.21-.02.44.08.63c.56.95 1.36-.33 1.89.2zm6.77 8.38l-.08.12c.02.04.04.09.06.13c.17 0 .31-.02.46-.04l-.08-.21z" class="wm-k"/><path fill="url(#SVGuX7IscUX)" d="m11.41 9.39l-1.11.25l-1 .32l-.83.35c-1.19.52-.69 1.16-.89 2.24l-.88.18c-.61.12-1.3.06-1.83-.12v5.09c0 .38.16 1.06.44 1.34l.6.61c.42.41 1.21.51 1.73.44l-.08-.79l.01-4.6c.01-1.65 1.63-3.09 3.23-3.09h2c.62 0 1.5.24 1.95.69l.65.65c.44.44.64 1.35.64 1.95v4.4l-.07.78c1.21.19 2.74-.85 2.74-2.2l.01-5.26c-.83.27-1.8.15-2.7-.07c-.1-.53-.09-1.09-.12-1.64c-.3-.35-.72-.63-1.18-.79l-1.19-.41l-1.34-.32zm-8.44 1.73c.78.57 1.1-.52 1.82.2l-.01-.56c-.62-.02-1.2.26-1.81.36m15.85-.36l-.01.56c.76-.76.86.31 1.8-.14l-.03-.08c-.61-.08-1.15-.36-1.76-.34m-7.2 9.12l-.06.12l.05.13c.16 0 .29-.02.43-.04c-.02-.06-.04-.16-.06-.21z" class="wm-k"/><path fill="#10131b" d="m9.63 9.49l-.85.33c-.41.16-.77.4-1.08.7v1.09c.46-.42 1.03-.74 1.63-.92l1.17-.33c1.63-.47 4.13.1 5.4 1.25v-1.09c-.15-.14-.28-.3-.48-.39l-.81-.4l-1.02-.35l-1.39-.35c-.76-.2-1.86.19-2.57.46m-5.23.99l-.9.29l-.69.1l-.02.11c.93.93 1.19-.47 2 .34l.01-.8c-.12-.02-.24-.09-.4-.04m14.42 0c-.03.28-.03.55-.01.84c.82-.81 1.08.6 2-.34l-.02-.11l-.69-.1l-.83-.27zM4.9 12.18c-.04.36-.03.74-.03 1.11l.16.22c.59.4 1.97.2 2.57-.02l.03-.99l-.05-.37c-.87.13-1.84.43-2.68.05m11.12-.05c-.06.47-.05.94 0 1.41l.88.15l.9.02c.38.01.63-.13.91-.35l-.01-1.18c-.84.38-1.81.09-2.68-.05" class="wm-k"/><path fill="#fff" fill-opacity=".85" d="M2.87 11.08h.07c.06-.33.13-.57.4-.78l8.17-6.45c.35-.28.76-.34 1.13-.04l7.99 6.31c.07.05.15.06.19.08l-.26-.3l-8.28-6.53c-.7-.56-1.92.75-2.47 1.19L4.16 9.01c-.66.52-1.87 1.1-1.29 2.07m2.04.49c-.15 1.12-.04 2.37-.04 3.53l.04 2.92c.05.37.21.68.39.99c-.03-.32-.13-.67-.13-1.01l-.01-6c0-.22-.13-.3-.25-.43m10.89 2c.09.45.24.94.24 1.43v4.4l-.1.68c.15.02.24.02.37 0l.03-.28v-4.6c0-.59-.24-1.14-.54-1.63" class="wm-shine"/><path fill="#1a1e2a" d="M8.06 15v4.4c0 .44.31 1.25.84 1.24l1.58-.02c.42-.35.65-.71.6-1.24l-1.28-.01l-.2-.09v-4.25c0-1.37 1.18-1.38 2.2-1.38c.68 0 1.43-.1 1.9.49c.16.19.25.42.29.66l.01 4.48l-.2.09l-1.28.01c-.05.53.18.89.6 1.24c.6.03 1.23.05 1.82-.03c.34-.33.6-.69.6-1.19v-4.6c-.01-1.55-1.48-2.7-2.94-2.69h-1.7c-1.57 0-2.84 1.33-2.84 2.89" class="wm-k"/><path fill="#1a1e2a" d="M8.48 15v4.3c0 1.4 2.03 1.66 2.11.26c-.37-.23-.43-.18-.89-.21l-.1-.15V15c0-1.34 1.21-1.35 2.2-1.35S14 13.66 14 15v4.2l-.1.15c-.46.02-.52-.02-.89.21c.08 1.4 2.11 1.11 2.11-.16v-4.5c0-1.07-.83-2.06-1.86-2.3c-.47-.11-.98-.07-1.46-.07s-.99-.04-1.46.07c-1.1.26-1.86 1.28-1.86 2.4" class="wm-a"/><path fill="url(#SVGBdjlCcBM)" d="M8.68 15.1v4.2c0 1.07 1.15 1.29 1.73.48l-.05-.18l-.75-.07l-.2-.23L9.4 15c0-1.47 1.29-1.55 2.4-1.55c1.22 0 2.4.1 2.4 1.65l-.01 4.2c-.06.07-.14.16-.2.24l-.68.04c-.04.03-.09.09-.13.13c.47.9 1.74.68 1.74-.31v-4.5c0-1.25-1.13-2.18-2.32-2.17h-1.7c-1.31 0-2.23 1.12-2.22 2.37" class="wm-a"/><path fill="url(#SVG90mstbGz)" d="M9.3 13.95c-.17.29-.32.58-.32.95v4.5c0 .54.54.6.93.5c-.36-.06-.81-.16-.81-.62v-4.3c0-.35.14-.58.23-.89zm5 0l-.03.14c.09.31.23.54.23.89v4.3c0 .46-.45.56-.81.62c.39.1.93.04.93-.5v-4.5c0-.36-.15-.66-.32-.95" class="wm-a"/><path fill="url(#SVGF7XNod0h)" d="M9.02 17.09c-.08.55-.15 1.83-.03 2.39c.05.22.19.3.33.44c.19.01.36.02.56 0c-.15-.04-.76-.14-.76-.52l-.02-2.2zm5.56 0l-.08.11l-.02 2.2c0 .38-.61.48-.76.52c.2.02.37.01.56 0c.15-.14.28-.22.33-.44c.12-.56.05-1.84-.03-2.39" class="wm-a"/><path fill="#5e6a82" d="M9.35 13.89c.03.01.07.01.1.01c.67-.75 1.39-.75 2.35-.75s1.68 0 2.35.75c.03 0 .07 0 .1-.01c-.6-.87-1.46-.86-2.45-.86s-1.85-.01-2.45.86" class="wm-a"/><path fill="#fff" fill-opacity=".85" d="m9 14.72l-.02 4.68c0 .2.13.28.22.42l.05-.12l-.15-.42v-4.3c0-.87.65-1.65 1.5-1.8l1.2-.03c.46 0 .96-.05 1.4.08c.37.12.71.41 1.01.57c-.23-.27-.47-.5-.82-.63c-.47-.18-.99-.14-1.49-.14c-1 0-2.01-.05-2.61.9c-.14.22-.29.52-.29.79m5.49-.33c-.01.18.01.42.01.64v4.3c0 .42-.5.52-.81.57c.39.1.93.04.93-.5v-4.5c0-.2-.07-.35-.13-.51" class="wm-shine"/><path fill="#fff" d="M5.6 6.7q.3 1.4 1.7 1.7q-1.4.3-1.7 1.7q-.3-1.4-1.7-1.7q1.4-.3 1.7-1.7" class="wm-shine"/></g>`;
</script>.home {
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%22SVGBdjlCcBM%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%222.7%22%20y2%3D%2220.6%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCt6GIcfs%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%223.3%22%20y2%3D%2220.2%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuX7IscUX%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%223.3%22%20y2%3D%2220.2%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG90mstbGz%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%2214%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238794aa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGF7XNod0h%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%2214%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231a1e2a%22%20fill-opacity%3D%22.2%22%20d%3D%22M21.5%2010.7c-.6%201.2-1.1%201.2-2.3.9V18c0%201.4-1.5%202.5-2.7%202.6c-1.2.2-9.2.2-10-.1c-.9-.3-1.5-.9-1.9-1.7c0%201.4%201.5%202.7%202.9%202.7h9.1c1.3%200%202.8-1.3%202.8-2.6l.1-6.5c1.3.6%202.7-.1%202-1.7m-19.1.7l-.1.1c.3%201%201.1%201.4%202%201c.1-.4.1-.6%200-.9c-.7.3-1.3.3-1.9-.2%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M10.85%203.1L2.74%209.5c-1.37%201.08-.08%202.94%201.48%202.08l.12.03l.03%204.39c0%20.86-.1%201.77.17%202.6c.47%201.47%202.18%202.37%203.64%201.93c.16-.61-.12-.57-.12-1.13v-4.5c0-1.25.96-2.42%202.17-2.71c.51-.12%201.04-.08%201.57-.08s1.06-.03%201.58.08c1.27.28%202.16%201.53%202.16%202.81v4.3c0%20.43-.17.75-.16%201.18c1.23.6%202.98-.31%203.53-1.51c.62-1.38.25-5.59.34-7.36l.13-.03c1.59.87%202.82-1.02%201.53-2.04l-8.33-6.57c-.55-.44-1.22-.27-1.73.13m.17%2017.43c.14.04.21.11.38.11h.9l.28-.11c.12-.48%200-.6-.22-1.04c-.47-.16-1.08-.29-1.28.32c-.12.35-.15.36-.06.72%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBdjlCcBM)%22%20d%3D%22M10.99%203.24L2.83%209.68c-.86.68-.36%202.09.77%201.95l.7-.3c.09.1.26.07.26.27l.01%206c0%201.24%201.01%202.74%202.36%202.8l.87.04l.23-.06c-.03-.31-.17-.65-.17-.98v-4.5c0-1.35%201.01-2.57%202.3-2.9c.54-.13%201.1-.09%201.64-.09c.55%200%201.1-.04%201.64.09c1.35.34%202.31%201.61%202.3%203v4.4l-.2.9l.08.11c1.67.1%203.07-.61%203.38-2.38l.03-2.13l.04-4.39c.07-.05.16-.12.23-.18l.7.3c1.13.14%201.63-1.27.77-1.95L12.5%203.15c-.49-.38-1.05-.27-1.51.09m.51%2016.34c-.26.29-.29.39-.33.8q.63.12%201.26%200c-.03-.28-.1-.48-.22-.75c-.23-.05-.45-.06-.71-.05%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCt6GIcfs)%22%20d%3D%22m4.85%2011.5l.02%206.1c0%201.49%201.33%202.69%202.79%202.49l-.1-.79v-4.5c.01-1.44%201.17-2.74%202.53-3.09c.55-.14%201.14-.1%201.71-.1s1.15-.04%201.71.1c1.42.37%202.53%201.7%202.53%203.19v4.4l-.1.78c1.17.17%202.39-.59%202.69-1.78c.26-1%20.1-3.72.1-4.9c0-.51-.15-1.79.16-2.17c.12-.15.24-.15.41-.21c.29.1.58.33.9.32c.81-.04.9-1.01.36-1.44l-8.22-6.49c-.78-.61-1.87.62-2.48%201.1L4.61%208.66c-.46.36-1.75%201.16-1.91%201.69c-.06.21-.02.44.08.63c.56.95%201.36-.33%201.89.2zm6.77%208.38l-.08.12c.02.04.04.09.06.13c.17%200%20.31-.02.46-.04l-.08-.21z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuX7IscUX)%22%20d%3D%22m11.41%209.39l-1.11.25l-1%20.32l-.83.35c-1.19.52-.69%201.16-.89%202.24l-.88.18c-.61.12-1.3.06-1.83-.12v5.09c0%20.38.16%201.06.44%201.34l.6.61c.42.41%201.21.51%201.73.44l-.08-.79l.01-4.6c.01-1.65%201.63-3.09%203.23-3.09h2c.62%200%201.5.24%201.95.69l.65.65c.44.44.64%201.35.64%201.95v4.4l-.07.78c1.21.19%202.74-.85%202.74-2.2l.01-5.26c-.83.27-1.8.15-2.7-.07c-.1-.53-.09-1.09-.12-1.64c-.3-.35-.72-.63-1.18-.79l-1.19-.41l-1.34-.32zm-8.44%201.73c.78.57%201.1-.52%201.82.2l-.01-.56c-.62-.02-1.2.26-1.81.36m15.85-.36l-.01.56c.76-.76.86.31%201.8-.14l-.03-.08c-.61-.08-1.15-.36-1.76-.34m-7.2%209.12l-.06.12l.05.13c.16%200%20.29-.02.43-.04c-.02-.06-.04-.16-.06-.21z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%2310131b%22%20d%3D%22m9.63%209.49l-.85.33c-.41.16-.77.4-1.08.7v1.09c.46-.42%201.03-.74%201.63-.92l1.17-.33c1.63-.47%204.13.1%205.4%201.25v-1.09c-.15-.14-.28-.3-.48-.39l-.81-.4l-1.02-.35l-1.39-.35c-.76-.2-1.86.19-2.57.46m-5.23.99l-.9.29l-.69.1l-.02.11c.93.93%201.19-.47%202%20.34l.01-.8c-.12-.02-.24-.09-.4-.04m14.42%200c-.03.28-.03.55-.01.84c.82-.81%201.08.6%202-.34l-.02-.11l-.69-.1l-.83-.27zM4.9%2012.18c-.04.36-.03.74-.03%201.11l.16.22c.59.4%201.97.2%202.57-.02l.03-.99l-.05-.37c-.87.13-1.84.43-2.68.05m11.12-.05c-.06.47-.05.94%200%201.41l.88.15l.9.02c.38.01.63-.13.91-.35l-.01-1.18c-.84.38-1.81.09-2.68-.05%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22M2.87%2011.08h.07c.06-.33.13-.57.4-.78l8.17-6.45c.35-.28.76-.34%201.13-.04l7.99%206.31c.07.05.15.06.19.08l-.26-.3l-8.28-6.53c-.7-.56-1.92.75-2.47%201.19L4.16%209.01c-.66.52-1.87%201.1-1.29%202.07m2.04.49c-.15%201.12-.04%202.37-.04%203.53l.04%202.92c.05.37.21.68.39.99c-.03-.32-.13-.67-.13-1.01l-.01-6c0-.22-.13-.3-.25-.43m10.89%202c.09.45.24.94.24%201.43v4.4l-.1.68c.15.02.24.02.37%200l.03-.28v-4.6c0-.59-.24-1.14-.54-1.63%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M8.06%2015v4.4c0%20.44.31%201.25.84%201.24l1.58-.02c.42-.35.65-.71.6-1.24l-1.28-.01l-.2-.09v-4.25c0-1.37%201.18-1.38%202.2-1.38c.68%200%201.43-.1%201.9.49c.16.19.25.42.29.66l.01%204.48l-.2.09l-1.28.01c-.05.53.18.89.6%201.24c.6.03%201.23.05%201.82-.03c.34-.33.6-.69.6-1.19v-4.6c-.01-1.55-1.48-2.7-2.94-2.69h-1.7c-1.57%200-2.84%201.33-2.84%202.89%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M8.48%2015v4.3c0%201.4%202.03%201.66%202.11.26c-.37-.23-.43-.18-.89-.21l-.1-.15V15c0-1.34%201.21-1.35%202.2-1.35S14%2013.66%2014%2015v4.2l-.1.15c-.46.02-.52-.02-.89.21c.08%201.4%202.11%201.11%202.11-.16v-4.5c0-1.07-.83-2.06-1.86-2.3c-.47-.11-.98-.07-1.46-.07s-.99-.04-1.46.07c-1.1.26-1.86%201.28-1.86%202.4%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBdjlCcBM)%22%20d%3D%22M8.68%2015.1v4.2c0%201.07%201.15%201.29%201.73.48l-.05-.18l-.75-.07l-.2-.23L9.4%2015c0-1.47%201.29-1.55%202.4-1.55c1.22%200%202.4.1%202.4%201.65l-.01%204.2c-.06.07-.14.16-.2.24l-.68.04c-.04.03-.09.09-.13.13c.47.9%201.74.68%201.74-.31v-4.5c0-1.25-1.13-2.18-2.32-2.17h-1.7c-1.31%200-2.23%201.12-2.22%202.37%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG90mstbGz)%22%20d%3D%22M9.3%2013.95c-.17.29-.32.58-.32.95v4.5c0%20.54.54.6.93.5c-.36-.06-.81-.16-.81-.62v-4.3c0-.35.14-.58.23-.89zm5%200l-.03.14c.09.31.23.54.23.89v4.3c0%20.46-.45.56-.81.62c.39.1.93.04.93-.5v-4.5c0-.36-.15-.66-.32-.95%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGF7XNod0h)%22%20d%3D%22M9.02%2017.09c-.08.55-.15%201.83-.03%202.39c.05.22.19.3.33.44c.19.01.36.02.56%200c-.15-.04-.76-.14-.76-.52l-.02-2.2zm5.56%200l-.08.11l-.02%202.2c0%20.38-.61.48-.76.52c.2.02.37.01.56%200c.15-.14.28-.22.33-.44c.12-.56.05-1.84-.03-2.39%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%235e6a82%22%20d%3D%22M9.35%2013.89c.03.01.07.01.1.01c.67-.75%201.39-.75%202.35-.75s1.68%200%202.35.75c.03%200%20.07%200%20.1-.01c-.6-.87-1.46-.86-2.45-.86s-1.85-.01-2.45.86%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22m9%2014.72l-.02%204.68c0%20.2.13.28.22.42l.05-.12l-.15-.42v-4.3c0-.87.65-1.65%201.5-1.8l1.2-.03c.46%200%20.96-.05%201.4.08c.37.12.71.41%201.01.57c-.23-.27-.47-.5-.82-.63c-.47-.18-.99-.14-1.49-.14c-1%200-2.01-.05-2.61.9c-.14.22-.29.52-.29.79m5.49-.33c-.01.18.01.42.01.64v4.3c0%20.42-.5.52-.81.57c.39.1.93.04.93-.5v-4.5c0-.2-.07-.35-.13-.51%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.6%206.7q.3%201.4%201.7%201.7q-1.4.3-1.7%201.7q-.3-1.4-1.7-1.7q1.4-.3%201.7-1.7%22%20class%3D%22wm-shine%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGBdjlCcBM%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%222.7%22%20y2%3D%2220.6%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4f7fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCt6GIcfs%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%223.3%22%20y2%3D%2220.2%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238794aa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuX7IscUX%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%223.3%22%20y2%3D%2220.2%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23cdb9a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG90mstbGz%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%2214%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238794aa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGF7XNod0h%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%2214%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%233e4556%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%235e6a82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce5f2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%231a1e2a%22%20fill-opacity%3D%22.2%22%20d%3D%22M21.5%2010.7c-.6%201.2-1.1%201.2-2.3.9V18c0%201.4-1.5%202.5-2.7%202.6c-1.2.2-9.2.2-10-.1c-.9-.3-1.5-.9-1.9-1.7c0%201.4%201.5%202.7%202.9%202.7h9.1c1.3%200%202.8-1.3%202.8-2.6l.1-6.5c1.3.6%202.7-.1%202-1.7m-19.1.7l-.1.1c.3%201%201.1%201.4%202%201c.1-.4.1-.6%200-.9c-.7.3-1.3.3-1.9-.2%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M10.85%203.1L2.74%209.5c-1.37%201.08-.08%202.94%201.48%202.08l.12.03l.03%204.39c0%20.86-.1%201.77.17%202.6c.47%201.47%202.18%202.37%203.64%201.93c.16-.61-.12-.57-.12-1.13v-4.5c0-1.25.96-2.42%202.17-2.71c.51-.12%201.04-.08%201.57-.08s1.06-.03%201.58.08c1.27.28%202.16%201.53%202.16%202.81v4.3c0%20.43-.17.75-.16%201.18c1.23.6%202.98-.31%203.53-1.51c.62-1.38.25-5.59.34-7.36l.13-.03c1.59.87%202.82-1.02%201.53-2.04l-8.33-6.57c-.55-.44-1.22-.27-1.73.13m.17%2017.43c.14.04.21.11.38.11h.9l.28-.11c.12-.48%200-.6-.22-1.04c-.47-.16-1.08-.29-1.28.32c-.12.35-.15.36-.06.72%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBdjlCcBM)%22%20d%3D%22M10.99%203.24L2.83%209.68c-.86.68-.36%202.09.77%201.95l.7-.3c.09.1.26.07.26.27l.01%206c0%201.24%201.01%202.74%202.36%202.8l.87.04l.23-.06c-.03-.31-.17-.65-.17-.98v-4.5c0-1.35%201.01-2.57%202.3-2.9c.54-.13%201.1-.09%201.64-.09c.55%200%201.1-.04%201.64.09c1.35.34%202.31%201.61%202.3%203v4.4l-.2.9l.08.11c1.67.1%203.07-.61%203.38-2.38l.03-2.13l.04-4.39c.07-.05.16-.12.23-.18l.7.3c1.13.14%201.63-1.27.77-1.95L12.5%203.15c-.49-.38-1.05-.27-1.51.09m.51%2016.34c-.26.29-.29.39-.33.8q.63.12%201.26%200c-.03-.28-.1-.48-.22-.75c-.23-.05-.45-.06-.71-.05%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCt6GIcfs)%22%20d%3D%22m4.85%2011.5l.02%206.1c0%201.49%201.33%202.69%202.79%202.49l-.1-.79v-4.5c.01-1.44%201.17-2.74%202.53-3.09c.55-.14%201.14-.1%201.71-.1s1.15-.04%201.71.1c1.42.37%202.53%201.7%202.53%203.19v4.4l-.1.78c1.17.17%202.39-.59%202.69-1.78c.26-1%20.1-3.72.1-4.9c0-.51-.15-1.79.16-2.17c.12-.15.24-.15.41-.21c.29.1.58.33.9.32c.81-.04.9-1.01.36-1.44l-8.22-6.49c-.78-.61-1.87.62-2.48%201.1L4.61%208.66c-.46.36-1.75%201.16-1.91%201.69c-.06.21-.02.44.08.63c.56.95%201.36-.33%201.89.2zm6.77%208.38l-.08.12c.02.04.04.09.06.13c.17%200%20.31-.02.46-.04l-.08-.21z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuX7IscUX)%22%20d%3D%22m11.41%209.39l-1.11.25l-1%20.32l-.83.35c-1.19.52-.69%201.16-.89%202.24l-.88.18c-.61.12-1.3.06-1.83-.12v5.09c0%20.38.16%201.06.44%201.34l.6.61c.42.41%201.21.51%201.73.44l-.08-.79l.01-4.6c.01-1.65%201.63-3.09%203.23-3.09h2c.62%200%201.5.24%201.95.69l.65.65c.44.44.64%201.35.64%201.95v4.4l-.07.78c1.21.19%202.74-.85%202.74-2.2l.01-5.26c-.83.27-1.8.15-2.7-.07c-.1-.53-.09-1.09-.12-1.64c-.3-.35-.72-.63-1.18-.79l-1.19-.41l-1.34-.32zm-8.44%201.73c.78.57%201.1-.52%201.82.2l-.01-.56c-.62-.02-1.2.26-1.81.36m15.85-.36l-.01.56c.76-.76.86.31%201.8-.14l-.03-.08c-.61-.08-1.15-.36-1.76-.34m-7.2%209.12l-.06.12l.05.13c.16%200%20.29-.02.43-.04c-.02-.06-.04-.16-.06-.21z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%2310131b%22%20d%3D%22m9.63%209.49l-.85.33c-.41.16-.77.4-1.08.7v1.09c.46-.42%201.03-.74%201.63-.92l1.17-.33c1.63-.47%204.13.1%205.4%201.25v-1.09c-.15-.14-.28-.3-.48-.39l-.81-.4l-1.02-.35l-1.39-.35c-.76-.2-1.86.19-2.57.46m-5.23.99l-.9.29l-.69.1l-.02.11c.93.93%201.19-.47%202%20.34l.01-.8c-.12-.02-.24-.09-.4-.04m14.42%200c-.03.28-.03.55-.01.84c.82-.81%201.08.6%202-.34l-.02-.11l-.69-.1l-.83-.27zM4.9%2012.18c-.04.36-.03.74-.03%201.11l.16.22c.59.4%201.97.2%202.57-.02l.03-.99l-.05-.37c-.87.13-1.84.43-2.68.05m11.12-.05c-.06.47-.05.94%200%201.41l.88.15l.9.02c.38.01.63-.13.91-.35l-.01-1.18c-.84.38-1.81.09-2.68-.05%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22M2.87%2011.08h.07c.06-.33.13-.57.4-.78l8.17-6.45c.35-.28.76-.34%201.13-.04l7.99%206.31c.07.05.15.06.19.08l-.26-.3l-8.28-6.53c-.7-.56-1.92.75-2.47%201.19L4.16%209.01c-.66.52-1.87%201.1-1.29%202.07m2.04.49c-.15%201.12-.04%202.37-.04%203.53l.04%202.92c.05.37.21.68.39.99c-.03-.32-.13-.67-.13-1.01l-.01-6c0-.22-.13-.3-.25-.43m10.89%202c.09.45.24.94.24%201.43v4.4l-.1.68c.15.02.24.02.37%200l.03-.28v-4.6c0-.59-.24-1.14-.54-1.63%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M8.06%2015v4.4c0%20.44.31%201.25.84%201.24l1.58-.02c.42-.35.65-.71.6-1.24l-1.28-.01l-.2-.09v-4.25c0-1.37%201.18-1.38%202.2-1.38c.68%200%201.43-.1%201.9.49c.16.19.25.42.29.66l.01%204.48l-.2.09l-1.28.01c-.05.53.18.89.6%201.24c.6.03%201.23.05%201.82-.03c.34-.33.6-.69.6-1.19v-4.6c-.01-1.55-1.48-2.7-2.94-2.69h-1.7c-1.57%200-2.84%201.33-2.84%202.89%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%231a1e2a%22%20d%3D%22M8.48%2015v4.3c0%201.4%202.03%201.66%202.11.26c-.37-.23-.43-.18-.89-.21l-.1-.15V15c0-1.34%201.21-1.35%202.2-1.35S14%2013.66%2014%2015v4.2l-.1.15c-.46.02-.52-.02-.89.21c.08%201.4%202.11%201.11%202.11-.16v-4.5c0-1.07-.83-2.06-1.86-2.3c-.47-.11-.98-.07-1.46-.07s-.99-.04-1.46.07c-1.1.26-1.86%201.28-1.86%202.4%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBdjlCcBM)%22%20d%3D%22M8.68%2015.1v4.2c0%201.07%201.15%201.29%201.73.48l-.05-.18l-.75-.07l-.2-.23L9.4%2015c0-1.47%201.29-1.55%202.4-1.55c1.22%200%202.4.1%202.4%201.65l-.01%204.2c-.06.07-.14.16-.2.24l-.68.04c-.04.03-.09.09-.13.13c.47.9%201.74.68%201.74-.31v-4.5c0-1.25-1.13-2.18-2.32-2.17h-1.7c-1.31%200-2.23%201.12-2.22%202.37%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG90mstbGz)%22%20d%3D%22M9.3%2013.95c-.17.29-.32.58-.32.95v4.5c0%20.54.54.6.93.5c-.36-.06-.81-.16-.81-.62v-4.3c0-.35.14-.58.23-.89zm5%200l-.03.14c.09.31.23.54.23.89v4.3c0%20.46-.45.56-.81.62c.39.1.93.04.93-.5v-4.5c0-.36-.15-.66-.32-.95%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGF7XNod0h)%22%20d%3D%22M9.02%2017.09c-.08.55-.15%201.83-.03%202.39c.05.22.19.3.33.44c.19.01.36.02.56%200c-.15-.04-.76-.14-.76-.52l-.02-2.2zm5.56%200l-.08.11l-.02%202.2c0%20.38-.61.48-.76.52c.2.02.37.01.56%200c.15-.14.28-.22.33-.44c.12-.56.05-1.84-.03-2.39%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%235e6a82%22%20d%3D%22M9.35%2013.89c.03.01.07.01.1.01c.67-.75%201.39-.75%202.35-.75s1.68%200%202.35.75c.03%200%20.07%200%20.1-.01c-.6-.87-1.46-.86-2.45-.86s-1.85-.01-2.45.86%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.85%22%20d%3D%22m9%2014.72l-.02%204.68c0%20.2.13.28.22.42l.05-.12l-.15-.42v-4.3c0-.87.65-1.65%201.5-1.8l1.2-.03c.46%200%20.96-.05%201.4.08c.37.12.71.41%201.01.57c-.23-.27-.47-.5-.82-.63c-.47-.18-.99-.14-1.49-.14c-1%200-2.01-.05-2.61.9c-.14.22-.29.52-.29.79m5.49-.33c-.01.18.01.42.01.64v4.3c0%20.42-.5.52-.81.57c.39.1.93.04.93-.5v-4.5c0-.2-.07-.35-.13-.51%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.6%206.7q.3%201.4%201.7%201.7q-1.4.3-1.7%201.7q-.3-1.4-1.7-1.7q1.4-.3%201.7-1.7%22%20class%3D%22wm-shine%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-home {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-home {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
7.01 KB
7,181 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
15
<path> ×15
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 7.01 KB(7,181 字节),图元 15 个,风格为多色填充。
关于 首页 图标的下载、商用与改色。
它是 with icons Chrome(withicons-chrome)开源图标集中的 home 图标,多色填充,viewBox 为 0 0 24 24,文件仅 7.01 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 MIT(MIT) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。