找找图标

首页 SVG 图标

withicons-luxehome

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

图标 ID
withicons-luxe:home
中文名
首页
所属集合
with icons Luxe
集合规模
1,000 枚
基础网格
24px
色彩
多色
开源协议
MIT
作者
Evergrow

下载 首页 图标

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

px

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

首页 的预览与使用场景

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

预览颜色
首页 图标 浅色背景预览浅色背景
首页 图标 深色背景预览深色背景
首页 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索首页…输入框 · 前缀图标
首页导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41首页 App 图标首页手机桌面 · App 图标
首页withicons-luxe.design/icons/home浏览器 · 标签页与站点图标

各尺寸下的可读性

首页 图标 24px 渲染24px首页 图标 32px 渲染32px首页 图标 48px 渲染48px首页 图标 64px 渲染64px首页 图标 96px 渲染96px首页 图标 128px 渲染128px

复制 首页 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。

svgSVG 源码(内联 HTML)
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#0a0b26" fill-opacity=".2" d="m11.4 4.2l-8.5 6.7c-.4.3-.5.8-.4 1.3c.5 1.1 1.4.9 2.2.5V19l.1.9c.2 1 1.4 1.9 2.3 2.1l10 .1c.5-.1.9-.3 1.3-.5c.6-.4 1.1-1 1.3-1.7c.4-1.5 0-5.4.1-7.2c2.1 1 2.8-1 1.8-1.8L13 4.1c-.5-.3-1.1-.3-1.6.1" class="wm-shadow"/><path fill="#16206e" d="M10.75 2.8L2.37 9.42c-.94.74-.2 2.72.65 2.99c.39.12.78-.02 1.1-.1l.01 5.29c0 .58.19 1.08.41 1.6c.82 2.02 2.16 2.43 4.24 2.24l.05-.23l-.46-.92l-.02-.19v-4.4c.01-1.45 1.38-2.56 2.75-2.55h1.8c.75 0 1.92.46 2.19 1.23c.21.61.06 2.48.06 3.22c0 1 .19 2-.48 2.81c.14.33.28.66.4.97l.13.08h1.5c1.46 0 2.66-1.48 2.67-2.86l.01-6.59l.1-.02l.64.42c.9.28 1.89-.69 1.44-1.61l-.49-1.01l-.28-.33l-8.55-6.75c-.47-.37-1.06-.25-1.49.09m-.03 12.07l-.07.23l-.01 4.4c0 .36-.3.71-.47.98l.45.96h2.66l.05-.23l-.48-1.01l-.02-4.48l-.45-.85z" class="wm-k"/><path fill="#2039b4" d="M10.75 2.8L2.37 9.42c-.99.77-.25 2.39 1.01 1.99l.64-.42l.1.02l.01 6.49c0 2.52 2.16 3.14 4.25 2.94c-.18-.31-.43-.7-.43-1.14v-4.6c0-1.11.9-2.16 1.95-2.44c.55-.16 1.13-.11 1.7-.11c.54 0 1.08-.04 1.6.11c1.17.31 1.95 1.45 1.95 2.64v4.5c0 .4-.22.71-.47 1l.22.07l1.3-.01c1.5 0 2.76-1.4 2.77-2.86l.01-6.59l.1-.02l.64.42c1.18.37 2.05-1.17 1.07-1.95l-8.5-6.71c-.49-.38-1.07-.33-1.54.05m-.03 12.07l-.07.23l-.01 4.4c0 .35-.25.65-.46.9c.81.18 1.86.11 2.7.04l.01-.09c-.2-.24-.43-.51-.43-.85l-.03-4.58l-.13-.06z" class="wm-k"/><path fill="#0a0b26" fill-opacity=".34" d="M20.8 9.5c.1 1.4-.5 1.5-1.6 1.6c1.3 1 2.8-.4 1.6-1.6M3.6 10.6c-.5.4-.8.4-1.4.5c.5.4 1 .5 1.5.1v-.6zm15 0v6.7l-.2.8c-.2 1-1.4 1.9-2.3 1.9l-1.1.1l-.3.3h1.7c.9.1 2.2-.9 2.4-1.9l.2-.8c.3-1.9-.4-4.9 0-6.8zM8 19.9L7.9 17c0-1.7-.1-4.8 2.4-4.8h2.4l1.2.3c-1.4-1.3-5-1.2-6 .6c-.6 1.1-.4 2.6-.4 3.8c0 1-.2 2.3.5 3m4.1-5c-.2 1-.3 4.3.4 5l-.1-5zm-7 4.8c.8.8 2.2 1 3.3.7l-.3-.4c-1 .3-2.1.1-3-.3m7.5.3c-.6.2-1.4.1-2.1.1l-.3.3c.8.2 1.8.1 2.7 0z" class="wm-k"/><path fill="#fff" fill-opacity=".075" d="M11.3 2.7c-.9.4-8.5 6.4-9.1 7.2c-.1.3-.1.5-.1.7c.1.3.2.4.5.6c.6.2.9-.1 1.5-.4l.2.2v6.3l.1.2c1.1.3 2.3.6 3.3.5l.1-3.2c0-1 .7-2.3 1.7-2.6l.9-.2h2c1.8 0 2.5 1.2 3 2.6l1-1.2l.8-1.4c.7-1.2 1.1-3 1-4.3l-6.1-4.9c-.2-.2-.5-.1-.8-.1m-.4 12.4c-.2 1-.2 2.7 0 3.8c.5 0 .9-.1 1.3-.4l.1-3.3l-.2-.2z" class="wm-k"/><path fill="#fff" fill-opacity=".42" d="M10.75 2.8L2.26 9.51c-.48.38-.42.99-.18 1.47h.05c-.07-.5-.05-.98.38-1.32l8.56-6.75c.34-.27.75-.23 1.14-.21c-.52-.28-.98-.28-1.46.1m-6.53 8.39l-.09.21v6.2c0 .56.2 1.04.47 1.51c-.09-.42-.27-.85-.27-1.31l-.01-6.5v-.09zm10.68 2.39c.1.42.26.86.25 1.32l-.01 4.6c0 .35-.25.65-.46.9l.22.06c.22-.2.44-.4.44-.76l.01-4.6c.01-.57-.17-1.04-.45-1.52m-4.18 1.29l-.07.23v4.3c0 .4-.23.7-.47 1c.08.01.22.03.31.05c.17-.22.35-.45.35-.75l.03-4.58l.13-.06l1.3-.01l.13-.06l-.05-.12l-.08-.01z" class="wm-k"/><path fill="#fff" fill-opacity=".92" d="M11.05 3.1L2.56 9.81c-.42.33-.25.79.04 1.1c0-.33.02-.62.31-.85l8.32-6.57c.3-.24.56-.29.91-.29c-.35-.29-.69-.42-1.09-.1M4.6 10.88l-.05.22v6.5c0 .57.23 1.06.56 1.51c-.09-.42-.26-.85-.26-1.31l-.01-6.5c0-.22-.12-.28-.24-.42m6.52 4.4c-.14 1-.1 2.2-.02 3.23c.12-.12.27-.22.28-.41v-2.48l.6-.08v-.26z" class="wm-shine"/><path fill="#0b1033" d="m10.72 14.87l-.07.23l.02 4.18l.13.07l1.58-.02l.07-.23l-.02-4.18l-.13-.06z" class="wm-k"/><path fill="#16206e" d="m11.02 15.17l-.07.23l.02 3.89l.13.06l1.28-.02l.07-.23l-.02-3.89l-.13-.06z" class="wm-k"/><path fill="#7b4a12" d="m10.67 20.3l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.68.01c.19 1.5-.32 3.45.33 4.85c.12.27.26.6.51.79c.59.44 1.55.04 1.55-.73v-4.8l-.15-.78l-.52-1.06c-.57-1.16-1.78-1.24-2.9-1.23c-1.17 0-2.3.03-2.96 1.16c-.56.96-.32 4.36-.31 5.61c0 .56.35 1.56.85 1.87c.68.43 1.49-.11 1.49-.87" class="wm-a"/><path fill="#e3ae47" d="M8.33 14.9v4.3c-.01 1.46 1.94 1.47 1.94.1l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.79.01c.15 0 .32.17.32.32l.01 4.39c.01 1.46 1.95 1.46 1.95.1v-4.5c0-1.03-.79-2-1.79-2.21c-.48-.1-.99-.06-1.48-.06c-.46 0-.93-.04-1.38.06c-1.07.24-1.79 1.23-1.79 2.31" class="wm-a"/><path fill="#7b4a12" fill-opacity=".62" d="m14.1 13.3l.3 1.1v4.7c0 .7-.9.8-1.4.8c.5.5.9.5 1.5.1c.1-.2.3-.3.3-.6v-4.8c0-.5-.4-1-.7-1.3m-3.9.8l-.2.1c-.4 1.6.1 3.4-.2 5.1l-.4.5c-.3.1-.6.1-.9.1c.2.2.3.3.6.4l.7-.1c1-.9.3-4.2.5-5.5c.6-.4 1.5-.1 2.1-.3c-.1-.2-.1-.2-.3-.3z" class="wm-a"/><path fill="#ffefc4" fill-opacity=".24" d="M8.6 19.6c.3.3 1.2.6 1.3-.2v-4.6l.1-.4l.5-.3h1.9c.3 0 .5.2.6.5l.1 4.9l.4.4c.2 0 .3 0 .6-.1c.2-.2.3-.4.3-.7v-4.4c0-2.3-4-2.5-5.2-1.4c-.3.2-.5.6-.6 1c-.3 1-.2 4.3 0 5.3" class="wm-a"/><path fill="#ffefc4" fill-opacity=".85" d="M8.33 14.9v4.4c0 .24.08.4.18.6c.09-1.1.02-2.28.02-3.4c0-1.58-.11-3.16 1.73-3.7c.49-.14 1.04-.07 1.54-.07c.66 0 1.27.06 1.9.17c-.3-.17-.64-.35-1-.36l-2-.01a2.356 2.356 0 0 0-2.37 2.37m4.56-.11l-.07.21l.01 4.3c0 .24.08.4.18.6c.07-.94.01-1.94.01-2.9l-.01-1.99z" class="wm-a"/><path fill="#fff" fill-opacity=".92" d="m8.92 19.71l.09-.03l.04-.18l.01-4.5c0-.8.81-1.73 1.64-1.73l2.1-.02l.84.15c-.56-.45-1.14-.46-1.84-.45l-1.57.05c-1.88.4-1.48 2.69-1.48 4.1c0 .8-.19 1.92.17 2.61m4.3-5.13c.02.24.03.56.08.82c.32-.34.22-.53-.08-.82" class="wm-a"/><path fill="#0b1033" d="M11.99 13.5H10.6c-.52.01-1.01.38-1.2.85c-.23.56-.13 4.16-.07 4.96l.56.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.16-.06.26-.13.44-.13l1.88.01c.4.01.54.5.54.81l.01 4.2l.02.09c.25.04.41.05.65-.01V14.9c0-1.08-.89-1.4-1.81-1.4" class="wm-a"/><path fill="#7b4a12" d="M12.29 13.8H10.9c-.52.01-1.01.38-1.2.85c-.22.54-.13 3.91-.07 4.66l.26.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.41-.15.8-.13 1.24-.13c.71 0 1.05-.12 1.59.39c.24.22.33.39.33.73l.01 3.9l.08.14c.08-.02.22-.05.29-.06c0-.92.19-4.69-.24-5.18c-.3-.35-.87-.3-1.27-.3" class="wm-a"/></g></svg>
reactReact 组件(TSX)
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"><path fill="#0a0b26" fill-opacity=".2" d="m11.4 4.2l-8.5 6.7c-.4.3-.5.8-.4 1.3c.5 1.1 1.4.9 2.2.5V19l.1.9c.2 1 1.4 1.9 2.3 2.1l10 .1c.5-.1.9-.3 1.3-.5c.6-.4 1.1-1 1.3-1.7c.4-1.5 0-5.4.1-7.2c2.1 1 2.8-1 1.8-1.8L13 4.1c-.5-.3-1.1-.3-1.6.1" class="wm-shadow"/><path fill="#16206e" d="M10.75 2.8L2.37 9.42c-.94.74-.2 2.72.65 2.99c.39.12.78-.02 1.1-.1l.01 5.29c0 .58.19 1.08.41 1.6c.82 2.02 2.16 2.43 4.24 2.24l.05-.23l-.46-.92l-.02-.19v-4.4c.01-1.45 1.38-2.56 2.75-2.55h1.8c.75 0 1.92.46 2.19 1.23c.21.61.06 2.48.06 3.22c0 1 .19 2-.48 2.81c.14.33.28.66.4.97l.13.08h1.5c1.46 0 2.66-1.48 2.67-2.86l.01-6.59l.1-.02l.64.42c.9.28 1.89-.69 1.44-1.61l-.49-1.01l-.28-.33l-8.55-6.75c-.47-.37-1.06-.25-1.49.09m-.03 12.07l-.07.23l-.01 4.4c0 .36-.3.71-.47.98l.45.96h2.66l.05-.23l-.48-1.01l-.02-4.48l-.45-.85z" class="wm-k"/><path fill="#2039b4" d="M10.75 2.8L2.37 9.42c-.99.77-.25 2.39 1.01 1.99l.64-.42l.1.02l.01 6.49c0 2.52 2.16 3.14 4.25 2.94c-.18-.31-.43-.7-.43-1.14v-4.6c0-1.11.9-2.16 1.95-2.44c.55-.16 1.13-.11 1.7-.11c.54 0 1.08-.04 1.6.11c1.17.31 1.95 1.45 1.95 2.64v4.5c0 .4-.22.71-.47 1l.22.07l1.3-.01c1.5 0 2.76-1.4 2.77-2.86l.01-6.59l.1-.02l.64.42c1.18.37 2.05-1.17 1.07-1.95l-8.5-6.71c-.49-.38-1.07-.33-1.54.05m-.03 12.07l-.07.23l-.01 4.4c0 .35-.25.65-.46.9c.81.18 1.86.11 2.7.04l.01-.09c-.2-.24-.43-.51-.43-.85l-.03-4.58l-.13-.06z" class="wm-k"/><path fill="#0a0b26" fill-opacity=".34" d="M20.8 9.5c.1 1.4-.5 1.5-1.6 1.6c1.3 1 2.8-.4 1.6-1.6M3.6 10.6c-.5.4-.8.4-1.4.5c.5.4 1 .5 1.5.1v-.6zm15 0v6.7l-.2.8c-.2 1-1.4 1.9-2.3 1.9l-1.1.1l-.3.3h1.7c.9.1 2.2-.9 2.4-1.9l.2-.8c.3-1.9-.4-4.9 0-6.8zM8 19.9L7.9 17c0-1.7-.1-4.8 2.4-4.8h2.4l1.2.3c-1.4-1.3-5-1.2-6 .6c-.6 1.1-.4 2.6-.4 3.8c0 1-.2 2.3.5 3m4.1-5c-.2 1-.3 4.3.4 5l-.1-5zm-7 4.8c.8.8 2.2 1 3.3.7l-.3-.4c-1 .3-2.1.1-3-.3m7.5.3c-.6.2-1.4.1-2.1.1l-.3.3c.8.2 1.8.1 2.7 0z" class="wm-k"/><path fill="#fff" fill-opacity=".075" d="M11.3 2.7c-.9.4-8.5 6.4-9.1 7.2c-.1.3-.1.5-.1.7c.1.3.2.4.5.6c.6.2.9-.1 1.5-.4l.2.2v6.3l.1.2c1.1.3 2.3.6 3.3.5l.1-3.2c0-1 .7-2.3 1.7-2.6l.9-.2h2c1.8 0 2.5 1.2 3 2.6l1-1.2l.8-1.4c.7-1.2 1.1-3 1-4.3l-6.1-4.9c-.2-.2-.5-.1-.8-.1m-.4 12.4c-.2 1-.2 2.7 0 3.8c.5 0 .9-.1 1.3-.4l.1-3.3l-.2-.2z" class="wm-k"/><path fill="#fff" fill-opacity=".42" d="M10.75 2.8L2.26 9.51c-.48.38-.42.99-.18 1.47h.05c-.07-.5-.05-.98.38-1.32l8.56-6.75c.34-.27.75-.23 1.14-.21c-.52-.28-.98-.28-1.46.1m-6.53 8.39l-.09.21v6.2c0 .56.2 1.04.47 1.51c-.09-.42-.27-.85-.27-1.31l-.01-6.5v-.09zm10.68 2.39c.1.42.26.86.25 1.32l-.01 4.6c0 .35-.25.65-.46.9l.22.06c.22-.2.44-.4.44-.76l.01-4.6c.01-.57-.17-1.04-.45-1.52m-4.18 1.29l-.07.23v4.3c0 .4-.23.7-.47 1c.08.01.22.03.31.05c.17-.22.35-.45.35-.75l.03-4.58l.13-.06l1.3-.01l.13-.06l-.05-.12l-.08-.01z" class="wm-k"/><path fill="#fff" fill-opacity=".92" d="M11.05 3.1L2.56 9.81c-.42.33-.25.79.04 1.1c0-.33.02-.62.31-.85l8.32-6.57c.3-.24.56-.29.91-.29c-.35-.29-.69-.42-1.09-.1M4.6 10.88l-.05.22v6.5c0 .57.23 1.06.56 1.51c-.09-.42-.26-.85-.26-1.31l-.01-6.5c0-.22-.12-.28-.24-.42m6.52 4.4c-.14 1-.1 2.2-.02 3.23c.12-.12.27-.22.28-.41v-2.48l.6-.08v-.26z" class="wm-shine"/><path fill="#0b1033" d="m10.72 14.87l-.07.23l.02 4.18l.13.07l1.58-.02l.07-.23l-.02-4.18l-.13-.06z" class="wm-k"/><path fill="#16206e" d="m11.02 15.17l-.07.23l.02 3.89l.13.06l1.28-.02l.07-.23l-.02-3.89l-.13-.06z" class="wm-k"/><path fill="#7b4a12" d="m10.67 20.3l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.68.01c.19 1.5-.32 3.45.33 4.85c.12.27.26.6.51.79c.59.44 1.55.04 1.55-.73v-4.8l-.15-.78l-.52-1.06c-.57-1.16-1.78-1.24-2.9-1.23c-1.17 0-2.3.03-2.96 1.16c-.56.96-.32 4.36-.31 5.61c0 .56.35 1.56.85 1.87c.68.43 1.49-.11 1.49-.87" class="wm-a"/><path fill="#e3ae47" d="M8.33 14.9v4.3c-.01 1.46 1.94 1.47 1.94.1l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.79.01c.15 0 .32.17.32.32l.01 4.39c.01 1.46 1.95 1.46 1.95.1v-4.5c0-1.03-.79-2-1.79-2.21c-.48-.1-.99-.06-1.48-.06c-.46 0-.93-.04-1.38.06c-1.07.24-1.79 1.23-1.79 2.31" class="wm-a"/><path fill="#7b4a12" fill-opacity=".62" d="m14.1 13.3l.3 1.1v4.7c0 .7-.9.8-1.4.8c.5.5.9.5 1.5.1c.1-.2.3-.3.3-.6v-4.8c0-.5-.4-1-.7-1.3m-3.9.8l-.2.1c-.4 1.6.1 3.4-.2 5.1l-.4.5c-.3.1-.6.1-.9.1c.2.2.3.3.6.4l.7-.1c1-.9.3-4.2.5-5.5c.6-.4 1.5-.1 2.1-.3c-.1-.2-.1-.2-.3-.3z" class="wm-a"/><path fill="#ffefc4" fill-opacity=".24" d="M8.6 19.6c.3.3 1.2.6 1.3-.2v-4.6l.1-.4l.5-.3h1.9c.3 0 .5.2.6.5l.1 4.9l.4.4c.2 0 .3 0 .6-.1c.2-.2.3-.4.3-.7v-4.4c0-2.3-4-2.5-5.2-1.4c-.3.2-.5.6-.6 1c-.3 1-.2 4.3 0 5.3" class="wm-a"/><path fill="#ffefc4" fill-opacity=".85" d="M8.33 14.9v4.4c0 .24.08.4.18.6c.09-1.1.02-2.28.02-3.4c0-1.58-.11-3.16 1.73-3.7c.49-.14 1.04-.07 1.54-.07c.66 0 1.27.06 1.9.17c-.3-.17-.64-.35-1-.36l-2-.01a2.356 2.356 0 0 0-2.37 2.37m4.56-.11l-.07.21l.01 4.3c0 .24.08.4.18.6c.07-.94.01-1.94.01-2.9l-.01-1.99z" class="wm-a"/><path fill="#fff" fill-opacity=".92" d="m8.92 19.71l.09-.03l.04-.18l.01-4.5c0-.8.81-1.73 1.64-1.73l2.1-.02l.84.15c-.56-.45-1.14-.46-1.84-.45l-1.57.05c-1.88.4-1.48 2.69-1.48 4.1c0 .8-.19 1.92.17 2.61m4.3-5.13c.02.24.03.56.08.82c.32-.34.22-.53-.08-.82" class="wm-a"/><path fill="#0b1033" d="M11.99 13.5H10.6c-.52.01-1.01.38-1.2.85c-.23.56-.13 4.16-.07 4.96l.56.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.16-.06.26-.13.44-.13l1.88.01c.4.01.54.5.54.81l.01 4.2l.02.09c.25.04.41.05.65-.01V14.9c0-1.08-.89-1.4-1.81-1.4" class="wm-a"/><path fill="#7b4a12" d="M12.29 13.8H10.9c-.52.01-1.01.38-1.2.85c-.22.54-.13 3.91-.07 4.66l.26.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.41-.15.8-.13 1.24-.13c.71 0 1.05-.12 1.59.39c.24.22.33.39.33.73l.01 3.9l.08.14c.08-.02.22-.05.29-.06c0-.92.19-4.69-.24-5.18c-.3-.35-.87-.3-1.27-.3" class="wm-a"/></g>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="none"><path fill="#0a0b26" fill-opacity=".2" d="m11.4 4.2l-8.5 6.7c-.4.3-.5.8-.4 1.3c.5 1.1 1.4.9 2.2.5V19l.1.9c.2 1 1.4 1.9 2.3 2.1l10 .1c.5-.1.9-.3 1.3-.5c.6-.4 1.1-1 1.3-1.7c.4-1.5 0-5.4.1-7.2c2.1 1 2.8-1 1.8-1.8L13 4.1c-.5-.3-1.1-.3-1.6.1" class="wm-shadow"/><path fill="#16206e" d="M10.75 2.8L2.37 9.42c-.94.74-.2 2.72.65 2.99c.39.12.78-.02 1.1-.1l.01 5.29c0 .58.19 1.08.41 1.6c.82 2.02 2.16 2.43 4.24 2.24l.05-.23l-.46-.92l-.02-.19v-4.4c.01-1.45 1.38-2.56 2.75-2.55h1.8c.75 0 1.92.46 2.19 1.23c.21.61.06 2.48.06 3.22c0 1 .19 2-.48 2.81c.14.33.28.66.4.97l.13.08h1.5c1.46 0 2.66-1.48 2.67-2.86l.01-6.59l.1-.02l.64.42c.9.28 1.89-.69 1.44-1.61l-.49-1.01l-.28-.33l-8.55-6.75c-.47-.37-1.06-.25-1.49.09m-.03 12.07l-.07.23l-.01 4.4c0 .36-.3.71-.47.98l.45.96h2.66l.05-.23l-.48-1.01l-.02-4.48l-.45-.85z" class="wm-k"/><path fill="#2039b4" d="M10.75 2.8L2.37 9.42c-.99.77-.25 2.39 1.01 1.99l.64-.42l.1.02l.01 6.49c0 2.52 2.16 3.14 4.25 2.94c-.18-.31-.43-.7-.43-1.14v-4.6c0-1.11.9-2.16 1.95-2.44c.55-.16 1.13-.11 1.7-.11c.54 0 1.08-.04 1.6.11c1.17.31 1.95 1.45 1.95 2.64v4.5c0 .4-.22.71-.47 1l.22.07l1.3-.01c1.5 0 2.76-1.4 2.77-2.86l.01-6.59l.1-.02l.64.42c1.18.37 2.05-1.17 1.07-1.95l-8.5-6.71c-.49-.38-1.07-.33-1.54.05m-.03 12.07l-.07.23l-.01 4.4c0 .35-.25.65-.46.9c.81.18 1.86.11 2.7.04l.01-.09c-.2-.24-.43-.51-.43-.85l-.03-4.58l-.13-.06z" class="wm-k"/><path fill="#0a0b26" fill-opacity=".34" d="M20.8 9.5c.1 1.4-.5 1.5-1.6 1.6c1.3 1 2.8-.4 1.6-1.6M3.6 10.6c-.5.4-.8.4-1.4.5c.5.4 1 .5 1.5.1v-.6zm15 0v6.7l-.2.8c-.2 1-1.4 1.9-2.3 1.9l-1.1.1l-.3.3h1.7c.9.1 2.2-.9 2.4-1.9l.2-.8c.3-1.9-.4-4.9 0-6.8zM8 19.9L7.9 17c0-1.7-.1-4.8 2.4-4.8h2.4l1.2.3c-1.4-1.3-5-1.2-6 .6c-.6 1.1-.4 2.6-.4 3.8c0 1-.2 2.3.5 3m4.1-5c-.2 1-.3 4.3.4 5l-.1-5zm-7 4.8c.8.8 2.2 1 3.3.7l-.3-.4c-1 .3-2.1.1-3-.3m7.5.3c-.6.2-1.4.1-2.1.1l-.3.3c.8.2 1.8.1 2.7 0z" class="wm-k"/><path fill="#fff" fill-opacity=".075" d="M11.3 2.7c-.9.4-8.5 6.4-9.1 7.2c-.1.3-.1.5-.1.7c.1.3.2.4.5.6c.6.2.9-.1 1.5-.4l.2.2v6.3l.1.2c1.1.3 2.3.6 3.3.5l.1-3.2c0-1 .7-2.3 1.7-2.6l.9-.2h2c1.8 0 2.5 1.2 3 2.6l1-1.2l.8-1.4c.7-1.2 1.1-3 1-4.3l-6.1-4.9c-.2-.2-.5-.1-.8-.1m-.4 12.4c-.2 1-.2 2.7 0 3.8c.5 0 .9-.1 1.3-.4l.1-3.3l-.2-.2z" class="wm-k"/><path fill="#fff" fill-opacity=".42" d="M10.75 2.8L2.26 9.51c-.48.38-.42.99-.18 1.47h.05c-.07-.5-.05-.98.38-1.32l8.56-6.75c.34-.27.75-.23 1.14-.21c-.52-.28-.98-.28-1.46.1m-6.53 8.39l-.09.21v6.2c0 .56.2 1.04.47 1.51c-.09-.42-.27-.85-.27-1.31l-.01-6.5v-.09zm10.68 2.39c.1.42.26.86.25 1.32l-.01 4.6c0 .35-.25.65-.46.9l.22.06c.22-.2.44-.4.44-.76l.01-4.6c.01-.57-.17-1.04-.45-1.52m-4.18 1.29l-.07.23v4.3c0 .4-.23.7-.47 1c.08.01.22.03.31.05c.17-.22.35-.45.35-.75l.03-4.58l.13-.06l1.3-.01l.13-.06l-.05-.12l-.08-.01z" class="wm-k"/><path fill="#fff" fill-opacity=".92" d="M11.05 3.1L2.56 9.81c-.42.33-.25.79.04 1.1c0-.33.02-.62.31-.85l8.32-6.57c.3-.24.56-.29.91-.29c-.35-.29-.69-.42-1.09-.1M4.6 10.88l-.05.22v6.5c0 .57.23 1.06.56 1.51c-.09-.42-.26-.85-.26-1.31l-.01-6.5c0-.22-.12-.28-.24-.42m6.52 4.4c-.14 1-.1 2.2-.02 3.23c.12-.12.27-.22.28-.41v-2.48l.6-.08v-.26z" class="wm-shine"/><path fill="#0b1033" d="m10.72 14.87l-.07.23l.02 4.18l.13.07l1.58-.02l.07-.23l-.02-4.18l-.13-.06z" class="wm-k"/><path fill="#16206e" d="m11.02 15.17l-.07.23l.02 3.89l.13.06l1.28-.02l.07-.23l-.02-3.89l-.13-.06z" class="wm-k"/><path fill="#7b4a12" d="m10.67 20.3l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.68.01c.19 1.5-.32 3.45.33 4.85c.12.27.26.6.51.79c.59.44 1.55.04 1.55-.73v-4.8l-.15-.78l-.52-1.06c-.57-1.16-1.78-1.24-2.9-1.23c-1.17 0-2.3.03-2.96 1.16c-.56.96-.32 4.36-.31 5.61c0 .56.35 1.56.85 1.87c.68.43 1.49-.11 1.49-.87" class="wm-a"/><path fill="#e3ae47" d="M8.33 14.9v4.3c-.01 1.46 1.94 1.47 1.94.1l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.79.01c.15 0 .32.17.32.32l.01 4.39c.01 1.46 1.95 1.46 1.95.1v-4.5c0-1.03-.79-2-1.79-2.21c-.48-.1-.99-.06-1.48-.06c-.46 0-.93-.04-1.38.06c-1.07.24-1.79 1.23-1.79 2.31" class="wm-a"/><path fill="#7b4a12" fill-opacity=".62" d="m14.1 13.3l.3 1.1v4.7c0 .7-.9.8-1.4.8c.5.5.9.5 1.5.1c.1-.2.3-.3.3-.6v-4.8c0-.5-.4-1-.7-1.3m-3.9.8l-.2.1c-.4 1.6.1 3.4-.2 5.1l-.4.5c-.3.1-.6.1-.9.1c.2.2.3.3.6.4l.7-.1c1-.9.3-4.2.5-5.5c.6-.4 1.5-.1 2.1-.3c-.1-.2-.1-.2-.3-.3z" class="wm-a"/><path fill="#ffefc4" fill-opacity=".24" d="M8.6 19.6c.3.3 1.2.6 1.3-.2v-4.6l.1-.4l.5-.3h1.9c.3 0 .5.2.6.5l.1 4.9l.4.4c.2 0 .3 0 .6-.1c.2-.2.3-.4.3-.7v-4.4c0-2.3-4-2.5-5.2-1.4c-.3.2-.5.6-.6 1c-.3 1-.2 4.3 0 5.3" class="wm-a"/><path fill="#ffefc4" fill-opacity=".85" d="M8.33 14.9v4.4c0 .24.08.4.18.6c.09-1.1.02-2.28.02-3.4c0-1.58-.11-3.16 1.73-3.7c.49-.14 1.04-.07 1.54-.07c.66 0 1.27.06 1.9.17c-.3-.17-.64-.35-1-.36l-2-.01a2.356 2.356 0 0 0-2.37 2.37m4.56-.11l-.07.21l.01 4.3c0 .24.08.4.18.6c.07-.94.01-1.94.01-2.9l-.01-1.99z" class="wm-a"/><path fill="#fff" fill-opacity=".92" d="m8.92 19.71l.09-.03l.04-.18l.01-4.5c0-.8.81-1.73 1.64-1.73l2.1-.02l.84.15c-.56-.45-1.14-.46-1.84-.45l-1.57.05c-1.88.4-1.48 2.69-1.48 4.1c0 .8-.19 1.92.17 2.61m4.3-5.13c.02.24.03.56.08.82c.32-.34.22-.53-.08-.82" class="wm-a"/><path fill="#0b1033" d="M11.99 13.5H10.6c-.52.01-1.01.38-1.2.85c-.23.56-.13 4.16-.07 4.96l.56.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.16-.06.26-.13.44-.13l1.88.01c.4.01.54.5.54.81l.01 4.2l.02.09c.25.04.41.05.65-.01V14.9c0-1.08-.89-1.4-1.81-1.4" class="wm-a"/><path fill="#7b4a12" d="M12.29 13.8H10.9c-.52.01-1.01.38-1.2.85c-.22.54-.13 3.91-.07 4.66l.26.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.41-.15.8-.13 1.24-.13c.71 0 1.05-.12 1.59.39c.24.22.33.39.33.73l.01 3.9l.08.14c.08-.02.22-.05.29-.06c0-.92.19-4.69-.24-5.18c-.3-.35-.87-.3-1.27-.3" class="wm-a"/></g>`;
</script>
cssCSS mask(随 currentColor 改色)
.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%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.2%22%20d%3D%22m11.4%204.2l-8.5%206.7c-.4.3-.5.8-.4%201.3c.5%201.1%201.4.9%202.2.5V19l.1.9c.2%201%201.4%201.9%202.3%202.1l10%20.1c.5-.1.9-.3%201.3-.5c.6-.4%201.1-1%201.3-1.7c.4-1.5%200-5.4.1-7.2c2.1%201%202.8-1%201.8-1.8L13%204.1c-.5-.3-1.1-.3-1.6.1%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%2316206e%22%20d%3D%22M10.75%202.8L2.37%209.42c-.94.74-.2%202.72.65%202.99c.39.12.78-.02%201.1-.1l.01%205.29c0%20.58.19%201.08.41%201.6c.82%202.02%202.16%202.43%204.24%202.24l.05-.23l-.46-.92l-.02-.19v-4.4c.01-1.45%201.38-2.56%202.75-2.55h1.8c.75%200%201.92.46%202.19%201.23c.21.61.06%202.48.06%203.22c0%201%20.19%202-.48%202.81c.14.33.28.66.4.97l.13.08h1.5c1.46%200%202.66-1.48%202.67-2.86l.01-6.59l.1-.02l.64.42c.9.28%201.89-.69%201.44-1.61l-.49-1.01l-.28-.33l-8.55-6.75c-.47-.37-1.06-.25-1.49.09m-.03%2012.07l-.07.23l-.01%204.4c0%20.36-.3.71-.47.98l.45.96h2.66l.05-.23l-.48-1.01l-.02-4.48l-.45-.85z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%232039b4%22%20d%3D%22M10.75%202.8L2.37%209.42c-.99.77-.25%202.39%201.01%201.99l.64-.42l.1.02l.01%206.49c0%202.52%202.16%203.14%204.25%202.94c-.18-.31-.43-.7-.43-1.14v-4.6c0-1.11.9-2.16%201.95-2.44c.55-.16%201.13-.11%201.7-.11c.54%200%201.08-.04%201.6.11c1.17.31%201.95%201.45%201.95%202.64v4.5c0%20.4-.22.71-.47%201l.22.07l1.3-.01c1.5%200%202.76-1.4%202.77-2.86l.01-6.59l.1-.02l.64.42c1.18.37%202.05-1.17%201.07-1.95l-8.5-6.71c-.49-.38-1.07-.33-1.54.05m-.03%2012.07l-.07.23l-.01%204.4c0%20.35-.25.65-.46.9c.81.18%201.86.11%202.7.04l.01-.09c-.2-.24-.43-.51-.43-.85l-.03-4.58l-.13-.06z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.34%22%20d%3D%22M20.8%209.5c.1%201.4-.5%201.5-1.6%201.6c1.3%201%202.8-.4%201.6-1.6M3.6%2010.6c-.5.4-.8.4-1.4.5c.5.4%201%20.5%201.5.1v-.6zm15%200v6.7l-.2.8c-.2%201-1.4%201.9-2.3%201.9l-1.1.1l-.3.3h1.7c.9.1%202.2-.9%202.4-1.9l.2-.8c.3-1.9-.4-4.9%200-6.8zM8%2019.9L7.9%2017c0-1.7-.1-4.8%202.4-4.8h2.4l1.2.3c-1.4-1.3-5-1.2-6%20.6c-.6%201.1-.4%202.6-.4%203.8c0%201-.2%202.3.5%203m4.1-5c-.2%201-.3%204.3.4%205l-.1-5zm-7%204.8c.8.8%202.2%201%203.3.7l-.3-.4c-1%20.3-2.1.1-3-.3m7.5.3c-.6.2-1.4.1-2.1.1l-.3.3c.8.2%201.8.1%202.7%200z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22M11.3%202.7c-.9.4-8.5%206.4-9.1%207.2c-.1.3-.1.5-.1.7c.1.3.2.4.5.6c.6.2.9-.1%201.5-.4l.2.2v6.3l.1.2c1.1.3%202.3.6%203.3.5l.1-3.2c0-1%20.7-2.3%201.7-2.6l.9-.2h2c1.8%200%202.5%201.2%203%202.6l1-1.2l.8-1.4c.7-1.2%201.1-3%201-4.3l-6.1-4.9c-.2-.2-.5-.1-.8-.1m-.4%2012.4c-.2%201-.2%202.7%200%203.8c.5%200%20.9-.1%201.3-.4l.1-3.3l-.2-.2z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.42%22%20d%3D%22M10.75%202.8L2.26%209.51c-.48.38-.42.99-.18%201.47h.05c-.07-.5-.05-.98.38-1.32l8.56-6.75c.34-.27.75-.23%201.14-.21c-.52-.28-.98-.28-1.46.1m-6.53%208.39l-.09.21v6.2c0%20.56.2%201.04.47%201.51c-.09-.42-.27-.85-.27-1.31l-.01-6.5v-.09zm10.68%202.39c.1.42.26.86.25%201.32l-.01%204.6c0%20.35-.25.65-.46.9l.22.06c.22-.2.44-.4.44-.76l.01-4.6c.01-.57-.17-1.04-.45-1.52m-4.18%201.29l-.07.23v4.3c0%20.4-.23.7-.47%201c.08.01.22.03.31.05c.17-.22.35-.45.35-.75l.03-4.58l.13-.06l1.3-.01l.13-.06l-.05-.12l-.08-.01z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%20d%3D%22M11.05%203.1L2.56%209.81c-.42.33-.25.79.04%201.1c0-.33.02-.62.31-.85l8.32-6.57c.3-.24.56-.29.91-.29c-.35-.29-.69-.42-1.09-.1M4.6%2010.88l-.05.22v6.5c0%20.57.23%201.06.56%201.51c-.09-.42-.26-.85-.26-1.31l-.01-6.5c0-.22-.12-.28-.24-.42m6.52%204.4c-.14%201-.1%202.2-.02%203.23c.12-.12.27-.22.28-.41v-2.48l.6-.08v-.26z%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%230b1033%22%20d%3D%22m10.72%2014.87l-.07.23l.02%204.18l.13.07l1.58-.02l.07-.23l-.02-4.18l-.13-.06z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%2316206e%22%20d%3D%22m11.02%2015.17l-.07.23l.02%203.89l.13.06l1.28-.02l.07-.23l-.02-3.89l-.13-.06z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%237b4a12%22%20d%3D%22m10.67%2020.3l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.68.01c.19%201.5-.32%203.45.33%204.85c.12.27.26.6.51.79c.59.44%201.55.04%201.55-.73v-4.8l-.15-.78l-.52-1.06c-.57-1.16-1.78-1.24-2.9-1.23c-1.17%200-2.3.03-2.96%201.16c-.56.96-.32%204.36-.31%205.61c0%20.56.35%201.56.85%201.87c.68.43%201.49-.11%201.49-.87%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23e3ae47%22%20d%3D%22M8.33%2014.9v4.3c-.01%201.46%201.94%201.47%201.94.1l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.79.01c.15%200%20.32.17.32.32l.01%204.39c.01%201.46%201.95%201.46%201.95.1v-4.5c0-1.03-.79-2-1.79-2.21c-.48-.1-.99-.06-1.48-.06c-.46%200-.93-.04-1.38.06c-1.07.24-1.79%201.23-1.79%202.31%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%237b4a12%22%20fill-opacity%3D%22.62%22%20d%3D%22m14.1%2013.3l.3%201.1v4.7c0%20.7-.9.8-1.4.8c.5.5.9.5%201.5.1c.1-.2.3-.3.3-.6v-4.8c0-.5-.4-1-.7-1.3m-3.9.8l-.2.1c-.4%201.6.1%203.4-.2%205.1l-.4.5c-.3.1-.6.1-.9.1c.2.2.3.3.6.4l.7-.1c1-.9.3-4.2.5-5.5c.6-.4%201.5-.1%202.1-.3c-.1-.2-.1-.2-.3-.3z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ffefc4%22%20fill-opacity%3D%22.24%22%20d%3D%22M8.6%2019.6c.3.3%201.2.6%201.3-.2v-4.6l.1-.4l.5-.3h1.9c.3%200%20.5.2.6.5l.1%204.9l.4.4c.2%200%20.3%200%20.6-.1c.2-.2.3-.4.3-.7v-4.4c0-2.3-4-2.5-5.2-1.4c-.3.2-.5.6-.6%201c-.3%201-.2%204.3%200%205.3%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ffefc4%22%20fill-opacity%3D%22.85%22%20d%3D%22M8.33%2014.9v4.4c0%20.24.08.4.18.6c.09-1.1.02-2.28.02-3.4c0-1.58-.11-3.16%201.73-3.7c.49-.14%201.04-.07%201.54-.07c.66%200%201.27.06%201.9.17c-.3-.17-.64-.35-1-.36l-2-.01a2.356%202.356%200%200%200-2.37%202.37m4.56-.11l-.07.21l.01%204.3c0%20.24.08.4.18.6c.07-.94.01-1.94.01-2.9l-.01-1.99z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%20d%3D%22m8.92%2019.71l.09-.03l.04-.18l.01-4.5c0-.8.81-1.73%201.64-1.73l2.1-.02l.84.15c-.56-.45-1.14-.46-1.84-.45l-1.57.05c-1.88.4-1.48%202.69-1.48%204.1c0%20.8-.19%201.92.17%202.61m4.3-5.13c.02.24.03.56.08.82c.32-.34.22-.53-.08-.82%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%230b1033%22%20d%3D%22M11.99%2013.5H10.6c-.52.01-1.01.38-1.2.85c-.23.56-.13%204.16-.07%204.96l.56.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.16-.06.26-.13.44-.13l1.88.01c.4.01.54.5.54.81l.01%204.2l.02.09c.25.04.41.05.65-.01V14.9c0-1.08-.89-1.4-1.81-1.4%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%237b4a12%22%20d%3D%22M12.29%2013.8H10.9c-.52.01-1.01.38-1.2.85c-.22.54-.13%203.91-.07%204.66l.26.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.41-.15.8-.13%201.24-.13c.71%200%201.05-.12%201.59.39c.24.22.33.39.33.73l.01%203.9l.08.14c.08-.02.22-.05.29-.06c0-.92.19-4.69-.24-5.18c-.3-.35-.87-.3-1.27-.3%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%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.2%22%20d%3D%22m11.4%204.2l-8.5%206.7c-.4.3-.5.8-.4%201.3c.5%201.1%201.4.9%202.2.5V19l.1.9c.2%201%201.4%201.9%202.3%202.1l10%20.1c.5-.1.9-.3%201.3-.5c.6-.4%201.1-1%201.3-1.7c.4-1.5%200-5.4.1-7.2c2.1%201%202.8-1%201.8-1.8L13%204.1c-.5-.3-1.1-.3-1.6.1%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%2316206e%22%20d%3D%22M10.75%202.8L2.37%209.42c-.94.74-.2%202.72.65%202.99c.39.12.78-.02%201.1-.1l.01%205.29c0%20.58.19%201.08.41%201.6c.82%202.02%202.16%202.43%204.24%202.24l.05-.23l-.46-.92l-.02-.19v-4.4c.01-1.45%201.38-2.56%202.75-2.55h1.8c.75%200%201.92.46%202.19%201.23c.21.61.06%202.48.06%203.22c0%201%20.19%202-.48%202.81c.14.33.28.66.4.97l.13.08h1.5c1.46%200%202.66-1.48%202.67-2.86l.01-6.59l.1-.02l.64.42c.9.28%201.89-.69%201.44-1.61l-.49-1.01l-.28-.33l-8.55-6.75c-.47-.37-1.06-.25-1.49.09m-.03%2012.07l-.07.23l-.01%204.4c0%20.36-.3.71-.47.98l.45.96h2.66l.05-.23l-.48-1.01l-.02-4.48l-.45-.85z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%232039b4%22%20d%3D%22M10.75%202.8L2.37%209.42c-.99.77-.25%202.39%201.01%201.99l.64-.42l.1.02l.01%206.49c0%202.52%202.16%203.14%204.25%202.94c-.18-.31-.43-.7-.43-1.14v-4.6c0-1.11.9-2.16%201.95-2.44c.55-.16%201.13-.11%201.7-.11c.54%200%201.08-.04%201.6.11c1.17.31%201.95%201.45%201.95%202.64v4.5c0%20.4-.22.71-.47%201l.22.07l1.3-.01c1.5%200%202.76-1.4%202.77-2.86l.01-6.59l.1-.02l.64.42c1.18.37%202.05-1.17%201.07-1.95l-8.5-6.71c-.49-.38-1.07-.33-1.54.05m-.03%2012.07l-.07.23l-.01%204.4c0%20.35-.25.65-.46.9c.81.18%201.86.11%202.7.04l.01-.09c-.2-.24-.43-.51-.43-.85l-.03-4.58l-.13-.06z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.34%22%20d%3D%22M20.8%209.5c.1%201.4-.5%201.5-1.6%201.6c1.3%201%202.8-.4%201.6-1.6M3.6%2010.6c-.5.4-.8.4-1.4.5c.5.4%201%20.5%201.5.1v-.6zm15%200v6.7l-.2.8c-.2%201-1.4%201.9-2.3%201.9l-1.1.1l-.3.3h1.7c.9.1%202.2-.9%202.4-1.9l.2-.8c.3-1.9-.4-4.9%200-6.8zM8%2019.9L7.9%2017c0-1.7-.1-4.8%202.4-4.8h2.4l1.2.3c-1.4-1.3-5-1.2-6%20.6c-.6%201.1-.4%202.6-.4%203.8c0%201-.2%202.3.5%203m4.1-5c-.2%201-.3%204.3.4%205l-.1-5zm-7%204.8c.8.8%202.2%201%203.3.7l-.3-.4c-1%20.3-2.1.1-3-.3m7.5.3c-.6.2-1.4.1-2.1.1l-.3.3c.8.2%201.8.1%202.7%200z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22M11.3%202.7c-.9.4-8.5%206.4-9.1%207.2c-.1.3-.1.5-.1.7c.1.3.2.4.5.6c.6.2.9-.1%201.5-.4l.2.2v6.3l.1.2c1.1.3%202.3.6%203.3.5l.1-3.2c0-1%20.7-2.3%201.7-2.6l.9-.2h2c1.8%200%202.5%201.2%203%202.6l1-1.2l.8-1.4c.7-1.2%201.1-3%201-4.3l-6.1-4.9c-.2-.2-.5-.1-.8-.1m-.4%2012.4c-.2%201-.2%202.7%200%203.8c.5%200%20.9-.1%201.3-.4l.1-3.3l-.2-.2z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.42%22%20d%3D%22M10.75%202.8L2.26%209.51c-.48.38-.42.99-.18%201.47h.05c-.07-.5-.05-.98.38-1.32l8.56-6.75c.34-.27.75-.23%201.14-.21c-.52-.28-.98-.28-1.46.1m-6.53%208.39l-.09.21v6.2c0%20.56.2%201.04.47%201.51c-.09-.42-.27-.85-.27-1.31l-.01-6.5v-.09zm10.68%202.39c.1.42.26.86.25%201.32l-.01%204.6c0%20.35-.25.65-.46.9l.22.06c.22-.2.44-.4.44-.76l.01-4.6c.01-.57-.17-1.04-.45-1.52m-4.18%201.29l-.07.23v4.3c0%20.4-.23.7-.47%201c.08.01.22.03.31.05c.17-.22.35-.45.35-.75l.03-4.58l.13-.06l1.3-.01l.13-.06l-.05-.12l-.08-.01z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%20d%3D%22M11.05%203.1L2.56%209.81c-.42.33-.25.79.04%201.1c0-.33.02-.62.31-.85l8.32-6.57c.3-.24.56-.29.91-.29c-.35-.29-.69-.42-1.09-.1M4.6%2010.88l-.05.22v6.5c0%20.57.23%201.06.56%201.51c-.09-.42-.26-.85-.26-1.31l-.01-6.5c0-.22-.12-.28-.24-.42m6.52%204.4c-.14%201-.1%202.2-.02%203.23c.12-.12.27-.22.28-.41v-2.48l.6-.08v-.26z%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%230b1033%22%20d%3D%22m10.72%2014.87l-.07.23l.02%204.18l.13.07l1.58-.02l.07-.23l-.02-4.18l-.13-.06z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%2316206e%22%20d%3D%22m11.02%2015.17l-.07.23l.02%203.89l.13.06l1.28-.02l.07-.23l-.02-3.89l-.13-.06z%22%20class%3D%22wm-k%22%2F%3E%3Cpath%20fill%3D%22%237b4a12%22%20d%3D%22m10.67%2020.3l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.68.01c.19%201.5-.32%203.45.33%204.85c.12.27.26.6.51.79c.59.44%201.55.04%201.55-.73v-4.8l-.15-.78l-.52-1.06c-.57-1.16-1.78-1.24-2.9-1.23c-1.17%200-2.3.03-2.96%201.16c-.56.96-.32%204.36-.31%205.61c0%20.56.35%201.56.85%201.87c.68.43%201.49-.11%201.49-.87%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23e3ae47%22%20d%3D%22M8.33%2014.9v4.3c-.01%201.46%201.94%201.47%201.94.1l.01-4.4l.09-.28c.13-.06.16-.14.33-.14l1.79.01c.15%200%20.32.17.32.32l.01%204.39c.01%201.46%201.95%201.46%201.95.1v-4.5c0-1.03-.79-2-1.79-2.21c-.48-.1-.99-.06-1.48-.06c-.46%200-.93-.04-1.38.06c-1.07.24-1.79%201.23-1.79%202.31%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%237b4a12%22%20fill-opacity%3D%22.62%22%20d%3D%22m14.1%2013.3l.3%201.1v4.7c0%20.7-.9.8-1.4.8c.5.5.9.5%201.5.1c.1-.2.3-.3.3-.6v-4.8c0-.5-.4-1-.7-1.3m-3.9.8l-.2.1c-.4%201.6.1%203.4-.2%205.1l-.4.5c-.3.1-.6.1-.9.1c.2.2.3.3.6.4l.7-.1c1-.9.3-4.2.5-5.5c.6-.4%201.5-.1%202.1-.3c-.1-.2-.1-.2-.3-.3z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ffefc4%22%20fill-opacity%3D%22.24%22%20d%3D%22M8.6%2019.6c.3.3%201.2.6%201.3-.2v-4.6l.1-.4l.5-.3h1.9c.3%200%20.5.2.6.5l.1%204.9l.4.4c.2%200%20.3%200%20.6-.1c.2-.2.3-.4.3-.7v-4.4c0-2.3-4-2.5-5.2-1.4c-.3.2-.5.6-.6%201c-.3%201-.2%204.3%200%205.3%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23ffefc4%22%20fill-opacity%3D%22.85%22%20d%3D%22M8.33%2014.9v4.4c0%20.24.08.4.18.6c.09-1.1.02-2.28.02-3.4c0-1.58-.11-3.16%201.73-3.7c.49-.14%201.04-.07%201.54-.07c.66%200%201.27.06%201.9.17c-.3-.17-.64-.35-1-.36l-2-.01a2.356%202.356%200%200%200-2.37%202.37m4.56-.11l-.07.21l.01%204.3c0%20.24.08.4.18.6c.07-.94.01-1.94.01-2.9l-.01-1.99z%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%20d%3D%22m8.92%2019.71l.09-.03l.04-.18l.01-4.5c0-.8.81-1.73%201.64-1.73l2.1-.02l.84.15c-.56-.45-1.14-.46-1.84-.45l-1.57.05c-1.88.4-1.48%202.69-1.48%204.1c0%20.8-.19%201.92.17%202.61m4.3-5.13c.02.24.03.56.08.82c.32-.34.22-.53-.08-.82%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%230b1033%22%20d%3D%22M11.99%2013.5H10.6c-.52.01-1.01.38-1.2.85c-.23.56-.13%204.16-.07%204.96l.56.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.16-.06.26-.13.44-.13l1.88.01c.4.01.54.5.54.81l.01%204.2l.02.09c.25.04.41.05.65-.01V14.9c0-1.08-.89-1.4-1.81-1.4%22%20class%3D%22wm-a%22%2F%3E%3Cpath%20fill%3D%22%237b4a12%22%20d%3D%22M12.29%2013.8H10.9c-.52.01-1.01.38-1.2.85c-.22.54-.13%203.91-.07%204.66l.26.02l.08-.13l.02-4.48c0-.18.17-.29.27-.41c.41-.15.8-.13%201.24-.13c.71%200%201.05-.12%201.59.39c.24.22.33.39.33.73l.01%203.9l.08.14c.08-.02.22-.05.29-.06c0-.92.19-4.69-.24-5.18c-.3-.35-.87-.3-1.27-.3%22%20class%3D%22wm-a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 首页 加一点动效

单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。

home 呼吸动效演示

呼吸

透明度往复渐变,适合状态提示与在线指示。

css呼吸动效样式
.icon-home {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
home 旋转动效演示

旋转

匀速循环旋转,适合加载中场景。

css旋转动效样式
.icon-home {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

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

文件体积

5.50 KB

5,629 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

17

<path> ×17

风格

多色填充

填充跟随容器颜色

同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 5.50 KB(5,629 字节),图元 17 个,风格为多色填充。

常见问题

关于 首页 图标的下载、商用与改色。

首页 图标是什么?▾

它是 with icons Luxe(withicons-luxe)开源图标集中的 home 图标,多色填充,viewBox 为 0 0 24 24,文件仅 5.50 KB,矢量格式可无损缩放到任意尺寸。

如何下载 首页 图标?▾

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

首页 图标可以商用吗?▾

该图标采用 MIT(MIT) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 首页 图标的颜色?▾

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