找找图标

aerial-tramway SVG 图标

fluent-emojiaerial-tramway

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

图标 ID
fluent-emoji:aerial-tramway
中文名
—
所属集合
Fluent Emoji
集合规模
3,126 枚
基础网格
32px
色彩
多色
开源协议
MIT
作者
Microsoft Corporation

下载 aerial-tramway 图标

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

px

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

aerial-tramway 的预览与使用场景

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

预览颜色
aerial-tramway 图标 浅色背景预览浅色背景
aerial-tramway 图标 深色背景预览深色背景
aerial-tramway 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

aerial-tramway 图标 24px 渲染24pxaerial-tramway 图标 32px 渲染32pxaerial-tramway 图标 48px 渲染48pxaerial-tramway 图标 64px 渲染64pxaerial-tramway 图标 96px 渲染96pxaerial-tramway 图标 128px 渲染128px

复制 aerial-tramway 图标代码

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

svgSVG 源码(内联 HTML)
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iRyj0cz)"><path fill="#CEC8D1" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#iVywrVd)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#iPlNqcb)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#i8KvHbd)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/></g><path fill="url(#i3xQiDe)" d="M15 13h2V5h-2z"/><path fill="url(#iKbb2ae)" d="M15 13h2V5h-2z"/><g filter="url(#iGqHxwb)"><path fill="url(#ivnn8Sc)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iPWKUab)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iTEn00d)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iQbkdub)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/></g><path fill="url(#i3qWrQc)" d="M23 26H9v2h14z"/><path fill="url(#iA7GnPd)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#iqFHcrc)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#i32GxDe)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#igQYU6b)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><g filter="url(#iHUkL1d)"><path fill="url(#iK4xBAb)" d="M9 23h5.07c.51 0 .93-.39.93-.861v-7.278c0-.48-.42-.861-.93-.861H9z"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#ivS4W3d)"><path fill="#797879" d="M22.988 3.783a1 1 0 0 1-.834 1.143l-12.5 1.953a1 1 0 1 1-.308-1.976l12.5-1.953a1 1 0 0 1 1.142.833"/><path fill="url(#ixqHxYb)" d="M22.988 3.783a1 1 0 0 1-.834 1.143l-12.5 1.953a1 1 0 1 1-.308-1.976l12.5-1.953a1 1 0 0 1 1.142.833"/></g><defs><linearGradient id="iVywrVd" x1="3.658" x2="14.934" y1="8.083" y2="5.915" gradientUnits="userSpaceOnUse"><stop stop-color="#EAE3EF"/><stop offset="1" stop-color="#EAE3EF" stop-opacity="0"/></linearGradient><linearGradient id="iPlNqcb" x1="29" x2="27.879" y1="2.937" y2="3.053" gradientUnits="userSpaceOnUse"><stop stop-color="#E5E2E8"/><stop offset="1" stop-color="#E5E2E8" stop-opacity="0"/></linearGradient><linearGradient id="iKbb2ae" x1="15.885" x2="16" y1="5.373" y2="6.248" gradientUnits="userSpaceOnUse"><stop stop-color="#463D43"/><stop offset="1" stop-color="#463D43" stop-opacity="0"/></linearGradient><linearGradient id="ivnn8Sc" x1="16" x2="16" y1="12" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBC43"/><stop offset="1" stop-color="#FF9F43"/></linearGradient><linearGradient id="iPWKUab" x1="23" x2="21.006" y1="25.246" y2="25.246" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB950"/><stop offset="1" stop-color="#FFB950" stop-opacity="0"/></linearGradient><linearGradient id="iTEn00d" x1="16" x2="16" y1="12" y2="14.093" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCA3A"/><stop offset="1" stop-color="#FFCA3A" stop-opacity="0"/></linearGradient><linearGradient id="i3qWrQc" x1="9" x2="23" y1="27.523" y2="27.523" gradientUnits="userSpaceOnUse"><stop stop-color="#30A260"/><stop offset=".096" stop-color="#4AE98E"/><stop offset=".927" stop-color="#4AE98E"/><stop offset="1" stop-color="#62FFA9"/></linearGradient><linearGradient id="iA7GnPd" x1="20" x2="20" y1="14" y2="23" gradientUnits="userSpaceOnUse"><stop offset=".833" stop-color="#44CEFF"/><stop offset="1" stop-color="#3FE6FF"/></linearGradient><linearGradient id="iqFHcrc" x1="15.807" x2="18.369" y1="20.813" y2="20.813" gradientUnits="userSpaceOnUse"><stop stop-color="#4FFAFF"/><stop offset="1" stop-color="#4FFAFF" stop-opacity="0"/></linearGradient><linearGradient id="i32GxDe" x1="20" x2="20" y1="14" y2="16.313" gradientUnits="userSpaceOnUse"><stop stop-color="#2298F9"/><stop offset="1" stop-color="#2298F9" stop-opacity="0"/></linearGradient><linearGradient id="iK4xBAb" x1="10.619" x2="10.619" y1="23" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#41D7FF"/><stop offset=".153" stop-color="#3FB9FF"/></linearGradient><linearGradient id="ixqHxYb" x1="23" x2="21.798" y1="3.964" y2="4.132" gradientUnits="userSpaceOnUse"><stop stop-color="#989698"/><stop offset="1" stop-color="#989698" stop-opacity="0"/></linearGradient><radialGradient id="i8KvHbd" cx="0" cy="0" r="1" gradientTransform="rotate(170.031 4.531 3.469)scale(1.19254 1.74148)" gradientUnits="userSpaceOnUse"><stop offset=".338" stop-color="#92748F"/><stop offset="1" stop-color="#92748F" stop-opacity="0"/></radialGradient><radialGradient id="i3xQiDe" cx="0" cy="0" r="1" gradientTransform="matrix(-2 0 0 -13.8855 17 8.104)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C888D"/><stop offset=".896" stop-color="#515151"/></radialGradient><radialGradient id="iQbkdub" cx="0" cy="0" r="1" gradientTransform="rotate(138.751 9.14 10.6)scale(4.13485 3.93679)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDE55"/><stop offset="1" stop-color="#FFDE55" stop-opacity="0"/></radialGradient><radialGradient id="igQYU6b" cx="0" cy="0" r="1" gradientTransform="matrix(-3.84375 4.4375 -.99872 -.86509 24.432 13.688)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#41C9FF"/><stop offset="1" stop-color="#41C9FF" stop-opacity="0"/></radialGradient><filter id="iRyj0cz" width="26.4" height="6.15" x="3" y="1.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.658824 0 0 0 0 0.545098 0 0 0 0 0.698039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="iGqHxwb" width="15" height="18.5" x="9" y="11.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1.25" dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.686275 0 0 0 0 0.45098 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="iHUkL1d" width="7.5" height="10" x="7.5" y="14" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1.5" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.12549 0 0 0 0 0.521569 0 0 0 0 0.870588 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="ivS4W3d" width="14.9" height="4.353" x="8.5" y="2.537" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.384314 0 0 0 0 0.317647 0 0 0 0 0.356863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter></defs></g></svg>
reactReact 组件(TSX)
export function AerialTramwayIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 32 32"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<g fill="none"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iRyj0cz)"><path fill="#CEC8D1" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#iVywrVd)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#iPlNqcb)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#i8KvHbd)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/></g><path fill="url(#i3xQiDe)" d="M15 13h2V5h-2z"/><path fill="url(#iKbb2ae)" d="M15 13h2V5h-2z"/><g filter="url(#iGqHxwb)"><path fill="url(#ivnn8Sc)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iPWKUab)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iTEn00d)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iQbkdub)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/></g><path fill="url(#i3qWrQc)" d="M23 26H9v2h14z"/><path fill="url(#iA7GnPd)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#iqFHcrc)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#i32GxDe)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#igQYU6b)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><g filter="url(#iHUkL1d)"><path fill="url(#iK4xBAb)" d="M9 23h5.07c.51 0 .93-.39.93-.861v-7.278c0-.48-.42-.861-.93-.861H9z"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#ivS4W3d)"><path fill="#797879" d="M22.988 3.783a1 1 0 0 1-.834 1.143l-12.5 1.953a1 1 0 1 1-.308-1.976l12.5-1.953a1 1 0 0 1 1.142.833"/><path fill="url(#ixqHxYb)" d="M22.988 3.783a1 1 0 0 1-.834 1.143l-12.5 1.953a1 1 0 1 1-.308-1.976l12.5-1.953a1 1 0 0 1 1.142.833"/></g><defs><linearGradient id="iVywrVd" x1="3.658" x2="14.934" y1="8.083" y2="5.915" gradientUnits="userSpaceOnUse"><stop stop-color="#EAE3EF"/><stop offset="1" stop-color="#EAE3EF" stop-opacity="0"/></linearGradient><linearGradient id="iPlNqcb" x1="29" x2="27.879" y1="2.937" y2="3.053" gradientUnits="userSpaceOnUse"><stop stop-color="#E5E2E8"/><stop offset="1" stop-color="#E5E2E8" stop-opacity="0"/></linearGradient><linearGradient id="iKbb2ae" x1="15.885" x2="16" y1="5.373" y2="6.248" gradientUnits="userSpaceOnUse"><stop stop-color="#463D43"/><stop offset="1" stop-color="#463D43" stop-opacity="0"/></linearGradient><linearGradient id="ivnn8Sc" x1="16" x2="16" y1="12" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBC43"/><stop offset="1" stop-color="#FF9F43"/></linearGradient><linearGradient id="iPWKUab" x1="23" x2="21.006" y1="25.246" y2="25.246" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB950"/><stop offset="1" stop-color="#FFB950" stop-opacity="0"/></linearGradient><linearGradient id="iTEn00d" x1="16" x2="16" y1="12" y2="14.093" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCA3A"/><stop offset="1" stop-color="#FFCA3A" stop-opacity="0"/></linearGradient><linearGradient id="i3qWrQc" x1="9" x2="23" y1="27.523" y2="27.523" gradientUnits="userSpaceOnUse"><stop stop-color="#30A260"/><stop offset=".096" stop-color="#4AE98E"/><stop offset=".927" stop-color="#4AE98E"/><stop offset="1" stop-color="#62FFA9"/></linearGradient><linearGradient id="iA7GnPd" x1="20" x2="20" y1="14" y2="23" gradientUnits="userSpaceOnUse"><stop offset=".833" stop-color="#44CEFF"/><stop offset="1" stop-color="#3FE6FF"/></linearGradient><linearGradient id="iqFHcrc" x1="15.807" x2="18.369" y1="20.813" y2="20.813" gradientUnits="userSpaceOnUse"><stop stop-color="#4FFAFF"/><stop offset="1" stop-color="#4FFAFF" stop-opacity="0"/></linearGradient><linearGradient id="i32GxDe" x1="20" x2="20" y1="14" y2="16.313" gradientUnits="userSpaceOnUse"><stop stop-color="#2298F9"/><stop offset="1" stop-color="#2298F9" stop-opacity="0"/></linearGradient><linearGradient id="iK4xBAb" x1="10.619" x2="10.619" y1="23" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#41D7FF"/><stop offset=".153" stop-color="#3FB9FF"/></linearGradient><linearGradient id="ixqHxYb" x1="23" x2="21.798" y1="3.964" y2="4.132" gradientUnits="userSpaceOnUse"><stop stop-color="#989698"/><stop offset="1" stop-color="#989698" stop-opacity="0"/></linearGradient><radialGradient id="i8KvHbd" cx="0" cy="0" r="1" gradientTransform="rotate(170.031 4.531 3.469)scale(1.19254 1.74148)" gradientUnits="userSpaceOnUse"><stop offset=".338" stop-color="#92748F"/><stop offset="1" stop-color="#92748F" stop-opacity="0"/></radialGradient><radialGradient id="i3xQiDe" cx="0" cy="0" r="1" gradientTransform="matrix(-2 0 0 -13.8855 17 8.104)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C888D"/><stop offset=".896" stop-color="#515151"/></radialGradient><radialGradient id="iQbkdub" cx="0" cy="0" r="1" gradientTransform="rotate(138.751 9.14 10.6)scale(4.13485 3.93679)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDE55"/><stop offset="1" stop-color="#FFDE55" stop-opacity="0"/></radialGradient><radialGradient id="igQYU6b" cx="0" cy="0" r="1" gradientTransform="matrix(-3.84375 4.4375 -.99872 -.86509 24.432 13.688)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#41C9FF"/><stop offset="1" stop-color="#41C9FF" stop-opacity="0"/></radialGradient><filter id="iRyj0cz" width="26.4" height="6.15" x="3" y="1.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.658824 0 0 0 0 0.545098 0 0 0 0 0.698039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="iGqHxwb" width="15" height="18.5" x="9" y="11.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1.25" dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.686275 0 0 0 0 0.45098 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="iHUkL1d" width="7.5" height="10" x="7.5" y="14" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1.5" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.12549 0 0 0 0 0.521569 0 0 0 0 0.870588 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="ivS4W3d" width="14.9" height="4.353" x="8.5" y="2.537" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.384314 0 0 0 0 0.317647 0 0 0 0 0.356863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter></defs></g>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="none"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iRyj0cz)"><path fill="#CEC8D1" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#iVywrVd)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#iPlNqcb)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/><path fill="url(#i8KvHbd)" d="M28.988 2.846a1 1 0 0 1-.834 1.142l-24 3.75a1 1 0 1 1-.308-1.976l24-3.75a1 1 0 0 1 1.142.834"/></g><path fill="url(#i3xQiDe)" d="M15 13h2V5h-2z"/><path fill="url(#iKbb2ae)" d="M15 13h2V5h-2z"/><g filter="url(#iGqHxwb)"><path fill="url(#ivnn8Sc)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iPWKUab)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iTEn00d)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/><path fill="url(#iQbkdub)" d="M20.999 30H11a2 2 0 0 1-2-2.001V14a2 2 0 0 1 2.001-2H21a2 2 0 0 1 2 2.001V28a2 2 0 0 1-2.001 2"/></g><path fill="url(#i3qWrQc)" d="M23 26H9v2h14z"/><path fill="url(#iA7GnPd)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#iqFHcrc)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#i32GxDe)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><path fill="url(#igQYU6b)" d="M23 14h-5.07c-.51 0-.93.39-.93.861v7.278c0 .48.42.861.93.861H23z"/><g filter="url(#iHUkL1d)"><path fill="url(#iK4xBAb)" d="M9 23h5.07c.51 0 .93-.39.93-.861v-7.278c0-.48-.42-.861-.93-.861H9z"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#ivS4W3d)"><path fill="#797879" d="M22.988 3.783a1 1 0 0 1-.834 1.143l-12.5 1.953a1 1 0 1 1-.308-1.976l12.5-1.953a1 1 0 0 1 1.142.833"/><path fill="url(#ixqHxYb)" d="M22.988 3.783a1 1 0 0 1-.834 1.143l-12.5 1.953a1 1 0 1 1-.308-1.976l12.5-1.953a1 1 0 0 1 1.142.833"/></g><defs><linearGradient id="iVywrVd" x1="3.658" x2="14.934" y1="8.083" y2="5.915" gradientUnits="userSpaceOnUse"><stop stop-color="#EAE3EF"/><stop offset="1" stop-color="#EAE3EF" stop-opacity="0"/></linearGradient><linearGradient id="iPlNqcb" x1="29" x2="27.879" y1="2.937" y2="3.053" gradientUnits="userSpaceOnUse"><stop stop-color="#E5E2E8"/><stop offset="1" stop-color="#E5E2E8" stop-opacity="0"/></linearGradient><linearGradient id="iKbb2ae" x1="15.885" x2="16" y1="5.373" y2="6.248" gradientUnits="userSpaceOnUse"><stop stop-color="#463D43"/><stop offset="1" stop-color="#463D43" stop-opacity="0"/></linearGradient><linearGradient id="ivnn8Sc" x1="16" x2="16" y1="12" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBC43"/><stop offset="1" stop-color="#FF9F43"/></linearGradient><linearGradient id="iPWKUab" x1="23" x2="21.006" y1="25.246" y2="25.246" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB950"/><stop offset="1" stop-color="#FFB950" stop-opacity="0"/></linearGradient><linearGradient id="iTEn00d" x1="16" x2="16" y1="12" y2="14.093" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCA3A"/><stop offset="1" stop-color="#FFCA3A" stop-opacity="0"/></linearGradient><linearGradient id="i3qWrQc" x1="9" x2="23" y1="27.523" y2="27.523" gradientUnits="userSpaceOnUse"><stop stop-color="#30A260"/><stop offset=".096" stop-color="#4AE98E"/><stop offset=".927" stop-color="#4AE98E"/><stop offset="1" stop-color="#62FFA9"/></linearGradient><linearGradient id="iA7GnPd" x1="20" x2="20" y1="14" y2="23" gradientUnits="userSpaceOnUse"><stop offset=".833" stop-color="#44CEFF"/><stop offset="1" stop-color="#3FE6FF"/></linearGradient><linearGradient id="iqFHcrc" x1="15.807" x2="18.369" y1="20.813" y2="20.813" gradientUnits="userSpaceOnUse"><stop stop-color="#4FFAFF"/><stop offset="1" stop-color="#4FFAFF" stop-opacity="0"/></linearGradient><linearGradient id="i32GxDe" x1="20" x2="20" y1="14" y2="16.313" gradientUnits="userSpaceOnUse"><stop stop-color="#2298F9"/><stop offset="1" stop-color="#2298F9" stop-opacity="0"/></linearGradient><linearGradient id="iK4xBAb" x1="10.619" x2="10.619" y1="23" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#41D7FF"/><stop offset=".153" stop-color="#3FB9FF"/></linearGradient><linearGradient id="ixqHxYb" x1="23" x2="21.798" y1="3.964" y2="4.132" gradientUnits="userSpaceOnUse"><stop stop-color="#989698"/><stop offset="1" stop-color="#989698" stop-opacity="0"/></linearGradient><radialGradient id="i8KvHbd" cx="0" cy="0" r="1" gradientTransform="rotate(170.031 4.531 3.469)scale(1.19254 1.74148)" gradientUnits="userSpaceOnUse"><stop offset=".338" stop-color="#92748F"/><stop offset="1" stop-color="#92748F" stop-opacity="0"/></radialGradient><radialGradient id="i3xQiDe" cx="0" cy="0" r="1" gradientTransform="matrix(-2 0 0 -13.8855 17 8.104)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C888D"/><stop offset=".896" stop-color="#515151"/></radialGradient><radialGradient id="iQbkdub" cx="0" cy="0" r="1" gradientTransform="rotate(138.751 9.14 10.6)scale(4.13485 3.93679)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDE55"/><stop offset="1" stop-color="#FFDE55" stop-opacity="0"/></radialGradient><radialGradient id="igQYU6b" cx="0" cy="0" r="1" gradientTransform="matrix(-3.84375 4.4375 -.99872 -.86509 24.432 13.688)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#41C9FF"/><stop offset="1" stop-color="#41C9FF" stop-opacity="0"/></radialGradient><filter id="iRyj0cz" width="26.4" height="6.15" x="3" y="1.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.658824 0 0 0 0 0.545098 0 0 0 0 0.698039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="iGqHxwb" width="15" height="18.5" x="9" y="11.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1.25" dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.686275 0 0 0 0 0.45098 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="iHUkL1d" width="7.5" height="10" x="7.5" y="14" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1.5" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.12549 0 0 0 0 0.521569 0 0 0 0 0.870588 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter><filter id="ivS4W3d" width="14.9" height="4.353" x="8.5" y="2.537" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.384314 0 0 0 0 0.317647 0 0 0 0 0.356863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12954"/></filter></defs></g>`;
</script>
cssCSS mask(随 currentColor 改色)
.aerial-tramway {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20filter%3D%22url(%23iRyj0cz)%22%3E%3Cpath%20fill%3D%22%23CEC8D1%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3Cpath%20fill%3D%22url(%23iVywrVd)%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3Cpath%20fill%3D%22url(%23iPlNqcb)%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3Cpath%20fill%3D%22url(%23i8KvHbd)%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23i3xQiDe)%22%20d%3D%22M15%2013h2V5h-2z%22%2F%3E%3Cpath%20fill%3D%22url(%23iKbb2ae)%22%20d%3D%22M15%2013h2V5h-2z%22%2F%3E%3Cg%20filter%3D%22url(%23iGqHxwb)%22%3E%3Cpath%20fill%3D%22url(%23ivnn8Sc)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iPWKUab)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iTEn00d)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iQbkdub)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23i3qWrQc)%22%20d%3D%22M23%2026H9v2h14z%22%2F%3E%3Cpath%20fill%3D%22url(%23iA7GnPd)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cpath%20fill%3D%22url(%23iqFHcrc)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cpath%20fill%3D%22url(%23i32GxDe)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cpath%20fill%3D%22url(%23igQYU6b)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cg%20filter%3D%22url(%23iHUkL1d)%22%3E%3Cpath%20fill%3D%22url(%23iK4xBAb)%22%20d%3D%22M9%2023h5.07c.51%200%20.93-.39.93-.861v-7.278c0-.48-.42-.861-.93-.861H9z%22%2F%3E%3C%2Fg%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20filter%3D%22url(%23ivS4W3d)%22%3E%3Cpath%20fill%3D%22%23797879%22%20d%3D%22M22.988%203.783a1%201%200%200%201-.834%201.143l-12.5%201.953a1%201%200%201%201-.308-1.976l12.5-1.953a1%201%200%200%201%201.142.833%22%2F%3E%3Cpath%20fill%3D%22url(%23ixqHxYb)%22%20d%3D%22M22.988%203.783a1%201%200%200%201-.834%201.143l-12.5%201.953a1%201%200%201%201-.308-1.976l12.5-1.953a1%201%200%200%201%201.142.833%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iVywrVd%22%20x1%3D%223.658%22%20x2%3D%2214.934%22%20y1%3D%228.083%22%20y2%3D%225.915%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EAE3EF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EAE3EF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPlNqcb%22%20x1%3D%2229%22%20x2%3D%2227.879%22%20y1%3D%222.937%22%20y2%3D%223.053%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E5E2E8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E5E2E8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iKbb2ae%22%20x1%3D%2215.885%22%20x2%3D%2216%22%20y1%3D%225.373%22%20y2%3D%226.248%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23463D43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23463D43%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ivnn8Sc%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2212%22%20y2%3D%2230%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFBC43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9F43%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPWKUab%22%20x1%3D%2223%22%20x2%3D%2221.006%22%20y1%3D%2225.246%22%20y2%3D%2225.246%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFB950%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFB950%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iTEn00d%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2212%22%20y2%3D%2214.093%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFCA3A%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFCA3A%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3qWrQc%22%20x1%3D%229%22%20x2%3D%2223%22%20y1%3D%2227.523%22%20y2%3D%2227.523%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2330A260%22%2F%3E%3Cstop%20offset%3D%22.096%22%20stop-color%3D%22%234AE98E%22%2F%3E%3Cstop%20offset%3D%22.927%22%20stop-color%3D%22%234AE98E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2362FFA9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iA7GnPd%22%20x1%3D%2220%22%20x2%3D%2220%22%20y1%3D%2214%22%20y2%3D%2223%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.833%22%20stop-color%3D%22%2344CEFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233FE6FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iqFHcrc%22%20x1%3D%2215.807%22%20x2%3D%2218.369%22%20y1%3D%2220.813%22%20y2%3D%2220.813%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234FFAFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234FFAFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i32GxDe%22%20x1%3D%2220%22%20x2%3D%2220%22%20y1%3D%2214%22%20y2%3D%2216.313%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232298F9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232298F9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iK4xBAb%22%20x1%3D%2210.619%22%20x2%3D%2210.619%22%20y1%3D%2223%22%20y2%3D%2214%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2341D7FF%22%2F%3E%3Cstop%20offset%3D%22.153%22%20stop-color%3D%22%233FB9FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixqHxYb%22%20x1%3D%2223%22%20x2%3D%2221.798%22%20y1%3D%223.964%22%20y2%3D%224.132%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23989698%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23989698%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22i8KvHbd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(170.031%204.531%203.469)scale(1.19254%201.74148)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.338%22%20stop-color%3D%22%2392748F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2392748F%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i3xQiDe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-2%200%200%20-13.8855%2017%208.104)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238C888D%22%2F%3E%3Cstop%20offset%3D%22.896%22%20stop-color%3D%22%23515151%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iQbkdub%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(138.751%209.14%2010.6)scale(4.13485%203.93679)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFDE55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFDE55%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22igQYU6b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-3.84375%204.4375%20-.99872%20-.86509%2024.432%2013.688)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%2341C9FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2341C9FF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iRyj0cz%22%20width%3D%2226.4%22%20height%3D%226.15%22%20x%3D%223%22%20y%3D%221.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.4%22%20dy%3D%22-.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.4%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.658824%200%200%200%200%200.545098%200%200%200%200%200.698039%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iGqHxwb%22%20width%3D%2215%22%20height%3D%2218.5%22%20x%3D%229%22%20y%3D%2211.5%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%221.25%22%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.686275%200%200%200%200%200.45098%200%200%200%200%200.231373%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iHUkL1d%22%20width%3D%227.5%22%20height%3D%2210%22%20x%3D%227.5%22%20y%3D%2214%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-1.5%22%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.12549%200%200%200%200%200.521569%200%200%200%200%200.870588%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ivS4W3d%22%20width%3D%2214.9%22%20height%3D%224.353%22%20x%3D%228.5%22%20y%3D%222.537%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.4%22%20dy%3D%22-.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.4%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.384314%200%200%200%200%200.317647%200%200%200%200%200.356863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20filter%3D%22url(%23iRyj0cz)%22%3E%3Cpath%20fill%3D%22%23CEC8D1%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3Cpath%20fill%3D%22url(%23iVywrVd)%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3Cpath%20fill%3D%22url(%23iPlNqcb)%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3Cpath%20fill%3D%22url(%23i8KvHbd)%22%20d%3D%22M28.988%202.846a1%201%200%200%201-.834%201.142l-24%203.75a1%201%200%201%201-.308-1.976l24-3.75a1%201%200%200%201%201.142.834%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23i3xQiDe)%22%20d%3D%22M15%2013h2V5h-2z%22%2F%3E%3Cpath%20fill%3D%22url(%23iKbb2ae)%22%20d%3D%22M15%2013h2V5h-2z%22%2F%3E%3Cg%20filter%3D%22url(%23iGqHxwb)%22%3E%3Cpath%20fill%3D%22url(%23ivnn8Sc)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iPWKUab)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iTEn00d)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iQbkdub)%22%20d%3D%22M20.999%2030H11a2%202%200%200%201-2-2.001V14a2%202%200%200%201%202.001-2H21a2%202%200%200%201%202%202.001V28a2%202%200%200%201-2.001%202%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23i3qWrQc)%22%20d%3D%22M23%2026H9v2h14z%22%2F%3E%3Cpath%20fill%3D%22url(%23iA7GnPd)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cpath%20fill%3D%22url(%23iqFHcrc)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cpath%20fill%3D%22url(%23i32GxDe)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cpath%20fill%3D%22url(%23igQYU6b)%22%20d%3D%22M23%2014h-5.07c-.51%200-.93.39-.93.861v7.278c0%20.48.42.861.93.861H23z%22%2F%3E%3Cg%20filter%3D%22url(%23iHUkL1d)%22%3E%3Cpath%20fill%3D%22url(%23iK4xBAb)%22%20d%3D%22M9%2023h5.07c.51%200%20.93-.39.93-.861v-7.278c0-.48-.42-.861-.93-.861H9z%22%2F%3E%3C%2Fg%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20filter%3D%22url(%23ivS4W3d)%22%3E%3Cpath%20fill%3D%22%23797879%22%20d%3D%22M22.988%203.783a1%201%200%200%201-.834%201.143l-12.5%201.953a1%201%200%201%201-.308-1.976l12.5-1.953a1%201%200%200%201%201.142.833%22%2F%3E%3Cpath%20fill%3D%22url(%23ixqHxYb)%22%20d%3D%22M22.988%203.783a1%201%200%200%201-.834%201.143l-12.5%201.953a1%201%200%201%201-.308-1.976l12.5-1.953a1%201%200%200%201%201.142.833%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iVywrVd%22%20x1%3D%223.658%22%20x2%3D%2214.934%22%20y1%3D%228.083%22%20y2%3D%225.915%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EAE3EF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EAE3EF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPlNqcb%22%20x1%3D%2229%22%20x2%3D%2227.879%22%20y1%3D%222.937%22%20y2%3D%223.053%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E5E2E8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E5E2E8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iKbb2ae%22%20x1%3D%2215.885%22%20x2%3D%2216%22%20y1%3D%225.373%22%20y2%3D%226.248%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23463D43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23463D43%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ivnn8Sc%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2212%22%20y2%3D%2230%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFBC43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9F43%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPWKUab%22%20x1%3D%2223%22%20x2%3D%2221.006%22%20y1%3D%2225.246%22%20y2%3D%2225.246%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFB950%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFB950%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iTEn00d%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2212%22%20y2%3D%2214.093%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFCA3A%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFCA3A%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3qWrQc%22%20x1%3D%229%22%20x2%3D%2223%22%20y1%3D%2227.523%22%20y2%3D%2227.523%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2330A260%22%2F%3E%3Cstop%20offset%3D%22.096%22%20stop-color%3D%22%234AE98E%22%2F%3E%3Cstop%20offset%3D%22.927%22%20stop-color%3D%22%234AE98E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2362FFA9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iA7GnPd%22%20x1%3D%2220%22%20x2%3D%2220%22%20y1%3D%2214%22%20y2%3D%2223%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.833%22%20stop-color%3D%22%2344CEFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233FE6FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iqFHcrc%22%20x1%3D%2215.807%22%20x2%3D%2218.369%22%20y1%3D%2220.813%22%20y2%3D%2220.813%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234FFAFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234FFAFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i32GxDe%22%20x1%3D%2220%22%20x2%3D%2220%22%20y1%3D%2214%22%20y2%3D%2216.313%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232298F9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232298F9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iK4xBAb%22%20x1%3D%2210.619%22%20x2%3D%2210.619%22%20y1%3D%2223%22%20y2%3D%2214%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2341D7FF%22%2F%3E%3Cstop%20offset%3D%22.153%22%20stop-color%3D%22%233FB9FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixqHxYb%22%20x1%3D%2223%22%20x2%3D%2221.798%22%20y1%3D%223.964%22%20y2%3D%224.132%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23989698%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23989698%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22i8KvHbd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(170.031%204.531%203.469)scale(1.19254%201.74148)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.338%22%20stop-color%3D%22%2392748F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2392748F%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i3xQiDe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-2%200%200%20-13.8855%2017%208.104)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238C888D%22%2F%3E%3Cstop%20offset%3D%22.896%22%20stop-color%3D%22%23515151%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iQbkdub%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(138.751%209.14%2010.6)scale(4.13485%203.93679)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFDE55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFDE55%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22igQYU6b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-3.84375%204.4375%20-.99872%20-.86509%2024.432%2013.688)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%2341C9FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2341C9FF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iRyj0cz%22%20width%3D%2226.4%22%20height%3D%226.15%22%20x%3D%223%22%20y%3D%221.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.4%22%20dy%3D%22-.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.4%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.658824%200%200%200%200%200.545098%200%200%200%200%200.698039%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iGqHxwb%22%20width%3D%2215%22%20height%3D%2218.5%22%20x%3D%229%22%20y%3D%2211.5%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%221.25%22%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.686275%200%200%200%200%200.45098%200%200%200%200%200.231373%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iHUkL1d%22%20width%3D%227.5%22%20height%3D%2210%22%20x%3D%227.5%22%20y%3D%2214%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-1.5%22%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.12549%200%200%200%200%200.521569%200%200%200%200%200.870588%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ivS4W3d%22%20width%3D%2214.9%22%20height%3D%224.353%22%20x%3D%228.5%22%20y%3D%222.537%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.4%22%20dy%3D%22-.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.4%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.384314%200%200%200%200%200.317647%200%200%200%200%200.356863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_12954%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 aerial-tramway 加一点动效

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

aerial-tramway 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

8.02 KB

8,211 字节

viewBox

0 0 32 32

矢量坐标系

图元总数

18

<path> ×18

风格

多色填充

填充跟随容器颜色

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

常见问题

关于 aerial-tramway 图标的下载、商用与改色。

aerial-tramway 图标是什么?▾

它是 Fluent Emoji(fluent-emoji)开源图标集中的 aerial-tramway 图标,多色填充,viewBox 为 0 0 32 32,文件仅 8.02 KB,矢量格式可无损缩放到任意尺寸。

如何下载 aerial-tramway 图标?▾

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

aerial-tramway 图标可以商用吗?▾

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

如何修改 aerial-tramway 图标的颜色?▾

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