找找图标

american-football SVG 图标

fluent-emojiamerican-football

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

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

下载 american-football 图标

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

px

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

american-football 的预览与使用场景

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

预览颜色
american-football 图标 浅色背景预览浅色背景
american-football 图标 深色背景预览深色背景
american-football 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

american-football 图标 24px 渲染24pxamerican-football 图标 32px 渲染32pxamerican-football 图标 48px 渲染48pxamerican-football 图标 64px 渲染64pxamerican-football 图标 96px 渲染96pxamerican-football 图标 128px 渲染128px

复制 american-football 图标代码

内联 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 filter="url(#iee9mXb)"><path fill="url(#iww4jWd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/><path fill="url(#ituyBcd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/></g><path fill="url(#ivEMCsb)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/><g filter="url(#iibd1Zb)"><path stroke="#784047" stroke-linecap="round" d="m13.344 16l2 2"/></g><g filter="url(#iwK9UwH)"><path stroke="#784047" stroke-linecap="round" d="m10.844 18.5l2 2"/></g><g filter="url(#iA8wq3e)"><path stroke="#784047" stroke-linecap="round" d="m15.844 13.5l2 2"/></g><g filter="url(#iegDB9c)"><path fill="#784047" d="M18.698 10.646a.5.5 0 0 0-.708.708zm1.292 2.708a.5.5 0 0 0 .708-.708zm-2-2l2 2l.708-.708l-2-2z"/></g><g filter="url(#inhrQPd)"><path fill="#6D3940" d="M28.328 16.019c.38-1 .678-2.04.888-3.11L18.9 2.594c-1.07.21-2.11.508-3.11.888z"/></g><g filter="url(#iLR5sCc)"><path fill="#6D3940" d="M13.078 29.094c1.065-.224 1.313-1.156 3.297-.71L3.617 15.626c1.243 2.437 1.352 2.797-.928 3.093z"/></g><path fill="url(#iktNIBc)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#itBPOxb)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#iSawfPd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ipFITqd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iAsCIod)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iu4XNGc)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ikovGFb)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><g filter="url(#ix1FSWb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m13.594 15.75l2 2"/></g><g filter="url(#iTA2Qpb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m11.094 18.25l2 2"/></g><g filter="url(#iaGEycd)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m16.094 13.25l2 2"/></g><g filter="url(#iSlMwld)"><path fill="#DAD4E6" d="M19.124 10.22a.75.75 0 0 0-1.06 1.061zm.94 3.061a.75.75 0 1 0 1.06-1.06zm-2-2l2 2l1.06-1.06l-2-2z"/></g><defs><filter id="iee9mXb" width="28.8" height="28.799" x="1.694" y="1.351" 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=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.454902 0 0 0 0 0.352941 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.498039 0 0 0 0 0.341176 0 0 0 0 0.454902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iibd1Zb" width="3.5" height="3.5" x="12.594" y="15.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iwK9UwH" width="3.5" height="3.5" x="10.094" y="17.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iA8wq3e" width="3.5" height="3.5" x="15.094" y="12.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iegDB9c" width="3.5" height="3.5" x="17.594" y="10.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="inhrQPd" width="14.425" height="14.425" x="15.291" y="2.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="iLR5sCc" width="14.687" height="14.469" x="2.189" y="15.126" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="ix1FSWb" width="3.9" height="3.9" x="12.644" y="14.801" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iTA2Qpb" width="3.9" height="3.9" x="10.144" y="17.301" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iaGEycd" width="3.9" height="3.9" x="15.144" y="12.301" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iSlMwld" width="3.9" height="3.9" x="17.644" y="9.801" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><radialGradient id="ituyBcd" cx="0" cy="0" r="1" gradientTransform="matrix(7.02346 25.49818 -25.49943 7.0238 11.654 3.869)" gradientUnits="userSpaceOnUse"><stop offset=".791" stop-color="#743B6C" stop-opacity="0"/><stop offset="1" stop-color="#743B6C"/></radialGradient><radialGradient id="ivEMCsb" cx="0" cy="0" r="1" gradientTransform="rotate(135 15.27 7.773)scale(22.5567 4.896)" gradientUnits="userSpaceOnUse"><stop stop-color="#AB8072"/><stop offset="1" stop-color="#AB8072" stop-opacity="0"/></radialGradient><radialGradient id="iktNIBc" cx="0" cy="0" r="1" gradientTransform="rotate(135 10.585 9.805)scale(5.10057 9.48153)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5F1F8"/><stop offset="1" stop-color="#B8B8B8"/></radialGradient><radialGradient id="iSawfPd" cx="0" cy="0" r="1" gradientTransform="matrix(-4.41385 3.73475 -6.94254 -8.20492 13.513 24.134)" gradientUnits="userSpaceOnUse"><stop stop-color="#BFA9D8"/><stop offset="1" stop-color="#B8B8B8"/><stop offset="1" stop-color="#9F96A7"/></radialGradient><radialGradient id="ikovGFb" cx="0" cy="0" r="1" gradientTransform="matrix(-.3532 .37281 -3.68036 -3.48668 14.172 25.504)" gradientUnits="userSpaceOnUse"><stop offset=".319" stop-color="#C3BCD9"/><stop offset="1" stop-color="#C3BCD9" stop-opacity="0"/></radialGradient><linearGradient id="iww4jWd" x1="23.216" x2="4.122" y1="7.72" y2="28.298" gradientUnits="userSpaceOnUse"><stop stop-color="#8C5949"/><stop offset="1" stop-color="#6C4140"/></linearGradient><linearGradient id="itBPOxb" x1="21.832" x2="22.11" y1="9.572" y2="9.294" gradientUnits="userSpaceOnUse"><stop stop-color="#998FA0"/><stop offset="1" stop-color="#998FA0" stop-opacity="0"/></linearGradient><linearGradient id="ipFITqd" x1="1.048" x2="8.517" y1="14.876" y2="21.223" gradientUnits="userSpaceOnUse"><stop stop-color="#8D8B90"/><stop offset="1" stop-color="#8D8B90" stop-opacity="0"/></linearGradient><linearGradient id="iAsCIod" x1="7.813" x2="8.082" y1="23.563" y2="23.294" gradientUnits="userSpaceOnUse"><stop stop-color="#9778B6"/><stop offset="1" stop-color="#9778B6" stop-opacity="0"/></linearGradient><linearGradient id="iu4XNGc" x1="15.356" x2="14.532" y1="29.663" y2="27.286" gradientUnits="userSpaceOnUse"><stop stop-color="#AF87D2"/><stop offset="1" stop-color="#AF87D2" stop-opacity="0"/></linearGradient></defs></g></svg>
reactReact 组件(TSX)
export function AmericanFootballIcon(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 filter="url(#iee9mXb)"><path fill="url(#iww4jWd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/><path fill="url(#ituyBcd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/></g><path fill="url(#ivEMCsb)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/><g filter="url(#iibd1Zb)"><path stroke="#784047" stroke-linecap="round" d="m13.344 16l2 2"/></g><g filter="url(#iwK9UwH)"><path stroke="#784047" stroke-linecap="round" d="m10.844 18.5l2 2"/></g><g filter="url(#iA8wq3e)"><path stroke="#784047" stroke-linecap="round" d="m15.844 13.5l2 2"/></g><g filter="url(#iegDB9c)"><path fill="#784047" d="M18.698 10.646a.5.5 0 0 0-.708.708zm1.292 2.708a.5.5 0 0 0 .708-.708zm-2-2l2 2l.708-.708l-2-2z"/></g><g filter="url(#inhrQPd)"><path fill="#6D3940" d="M28.328 16.019c.38-1 .678-2.04.888-3.11L18.9 2.594c-1.07.21-2.11.508-3.11.888z"/></g><g filter="url(#iLR5sCc)"><path fill="#6D3940" d="M13.078 29.094c1.065-.224 1.313-1.156 3.297-.71L3.617 15.626c1.243 2.437 1.352 2.797-.928 3.093z"/></g><path fill="url(#iktNIBc)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#itBPOxb)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#iSawfPd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ipFITqd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iAsCIod)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iu4XNGc)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ikovGFb)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><g filter="url(#ix1FSWb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m13.594 15.75l2 2"/></g><g filter="url(#iTA2Qpb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m11.094 18.25l2 2"/></g><g filter="url(#iaGEycd)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m16.094 13.25l2 2"/></g><g filter="url(#iSlMwld)"><path fill="#DAD4E6" d="M19.124 10.22a.75.75 0 0 0-1.06 1.061zm.94 3.061a.75.75 0 1 0 1.06-1.06zm-2-2l2 2l1.06-1.06l-2-2z"/></g><defs><filter id="iee9mXb" width="28.8" height="28.799" x="1.694" y="1.351" 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=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.454902 0 0 0 0 0.352941 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.498039 0 0 0 0 0.341176 0 0 0 0 0.454902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iibd1Zb" width="3.5" height="3.5" x="12.594" y="15.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iwK9UwH" width="3.5" height="3.5" x="10.094" y="17.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iA8wq3e" width="3.5" height="3.5" x="15.094" y="12.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iegDB9c" width="3.5" height="3.5" x="17.594" y="10.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="inhrQPd" width="14.425" height="14.425" x="15.291" y="2.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="iLR5sCc" width="14.687" height="14.469" x="2.189" y="15.126" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="ix1FSWb" width="3.9" height="3.9" x="12.644" y="14.801" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iTA2Qpb" width="3.9" height="3.9" x="10.144" y="17.301" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iaGEycd" width="3.9" height="3.9" x="15.144" y="12.301" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iSlMwld" width="3.9" height="3.9" x="17.644" y="9.801" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><radialGradient id="ituyBcd" cx="0" cy="0" r="1" gradientTransform="matrix(7.02346 25.49818 -25.49943 7.0238 11.654 3.869)" gradientUnits="userSpaceOnUse"><stop offset=".791" stop-color="#743B6C" stop-opacity="0"/><stop offset="1" stop-color="#743B6C"/></radialGradient><radialGradient id="ivEMCsb" cx="0" cy="0" r="1" gradientTransform="rotate(135 15.27 7.773)scale(22.5567 4.896)" gradientUnits="userSpaceOnUse"><stop stop-color="#AB8072"/><stop offset="1" stop-color="#AB8072" stop-opacity="0"/></radialGradient><radialGradient id="iktNIBc" cx="0" cy="0" r="1" gradientTransform="rotate(135 10.585 9.805)scale(5.10057 9.48153)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5F1F8"/><stop offset="1" stop-color="#B8B8B8"/></radialGradient><radialGradient id="iSawfPd" cx="0" cy="0" r="1" gradientTransform="matrix(-4.41385 3.73475 -6.94254 -8.20492 13.513 24.134)" gradientUnits="userSpaceOnUse"><stop stop-color="#BFA9D8"/><stop offset="1" stop-color="#B8B8B8"/><stop offset="1" stop-color="#9F96A7"/></radialGradient><radialGradient id="ikovGFb" cx="0" cy="0" r="1" gradientTransform="matrix(-.3532 .37281 -3.68036 -3.48668 14.172 25.504)" gradientUnits="userSpaceOnUse"><stop offset=".319" stop-color="#C3BCD9"/><stop offset="1" stop-color="#C3BCD9" stop-opacity="0"/></radialGradient><linearGradient id="iww4jWd" x1="23.216" x2="4.122" y1="7.72" y2="28.298" gradientUnits="userSpaceOnUse"><stop stop-color="#8C5949"/><stop offset="1" stop-color="#6C4140"/></linearGradient><linearGradient id="itBPOxb" x1="21.832" x2="22.11" y1="9.572" y2="9.294" gradientUnits="userSpaceOnUse"><stop stop-color="#998FA0"/><stop offset="1" stop-color="#998FA0" stop-opacity="0"/></linearGradient><linearGradient id="ipFITqd" x1="1.048" x2="8.517" y1="14.876" y2="21.223" gradientUnits="userSpaceOnUse"><stop stop-color="#8D8B90"/><stop offset="1" stop-color="#8D8B90" stop-opacity="0"/></linearGradient><linearGradient id="iAsCIod" x1="7.813" x2="8.082" y1="23.563" y2="23.294" gradientUnits="userSpaceOnUse"><stop stop-color="#9778B6"/><stop offset="1" stop-color="#9778B6" stop-opacity="0"/></linearGradient><linearGradient id="iu4XNGc" x1="15.356" x2="14.532" y1="29.663" y2="27.286" gradientUnits="userSpaceOnUse"><stop stop-color="#AF87D2"/><stop offset="1" stop-color="#AF87D2" stop-opacity="0"/></linearGradient></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 filter="url(#iee9mXb)"><path fill="url(#iww4jWd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/><path fill="url(#ituyBcd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/></g><path fill="url(#ivEMCsb)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75"/><g filter="url(#iibd1Zb)"><path stroke="#784047" stroke-linecap="round" d="m13.344 16l2 2"/></g><g filter="url(#iwK9UwH)"><path stroke="#784047" stroke-linecap="round" d="m10.844 18.5l2 2"/></g><g filter="url(#iA8wq3e)"><path stroke="#784047" stroke-linecap="round" d="m15.844 13.5l2 2"/></g><g filter="url(#iegDB9c)"><path fill="#784047" d="M18.698 10.646a.5.5 0 0 0-.708.708zm1.292 2.708a.5.5 0 0 0 .708-.708zm-2-2l2 2l.708-.708l-2-2z"/></g><g filter="url(#inhrQPd)"><path fill="#6D3940" d="M28.328 16.019c.38-1 .678-2.04.888-3.11L18.9 2.594c-1.07.21-2.11.508-3.11.888z"/></g><g filter="url(#iLR5sCc)"><path fill="#6D3940" d="M13.078 29.094c1.065-.224 1.313-1.156 3.297-.71L3.617 15.626c1.243 2.437 1.352 2.797-.928 3.093z"/></g><path fill="url(#iktNIBc)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#itBPOxb)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#iSawfPd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ipFITqd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iAsCIod)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iu4XNGc)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ikovGFb)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><g filter="url(#ix1FSWb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m13.594 15.75l2 2"/></g><g filter="url(#iTA2Qpb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m11.094 18.25l2 2"/></g><g filter="url(#iaGEycd)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m16.094 13.25l2 2"/></g><g filter="url(#iSlMwld)"><path fill="#DAD4E6" d="M19.124 10.22a.75.75 0 0 0-1.06 1.061zm.94 3.061a.75.75 0 1 0 1.06-1.06zm-2-2l2 2l1.06-1.06l-2-2z"/></g><defs><filter id="iee9mXb" width="28.8" height="28.799" x="1.694" y="1.351" 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=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.454902 0 0 0 0 0.352941 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.498039 0 0 0 0 0.341176 0 0 0 0 0.454902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iibd1Zb" width="3.5" height="3.5" x="12.594" y="15.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iwK9UwH" width="3.5" height="3.5" x="10.094" y="17.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iA8wq3e" width="3.5" height="3.5" x="15.094" y="12.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="iegDB9c" width="3.5" height="3.5" x="17.594" y="10.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="inhrQPd" width="14.425" height="14.425" x="15.291" y="2.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="iLR5sCc" width="14.687" height="14.469" x="2.189" y="15.126" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="ix1FSWb" width="3.9" height="3.9" x="12.644" y="14.801" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iTA2Qpb" width="3.9" height="3.9" x="10.144" y="17.301" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iaGEycd" width="3.9" height="3.9" x="15.144" y="12.301" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="iSlMwld" width="3.9" height="3.9" x="17.644" y="9.801" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><radialGradient id="ituyBcd" cx="0" cy="0" r="1" gradientTransform="matrix(7.02346 25.49818 -25.49943 7.0238 11.654 3.869)" gradientUnits="userSpaceOnUse"><stop offset=".791" stop-color="#743B6C" stop-opacity="0"/><stop offset="1" stop-color="#743B6C"/></radialGradient><radialGradient id="ivEMCsb" cx="0" cy="0" r="1" gradientTransform="rotate(135 15.27 7.773)scale(22.5567 4.896)" gradientUnits="userSpaceOnUse"><stop stop-color="#AB8072"/><stop offset="1" stop-color="#AB8072" stop-opacity="0"/></radialGradient><radialGradient id="iktNIBc" cx="0" cy="0" r="1" gradientTransform="rotate(135 10.585 9.805)scale(5.10057 9.48153)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5F1F8"/><stop offset="1" stop-color="#B8B8B8"/></radialGradient><radialGradient id="iSawfPd" cx="0" cy="0" r="1" gradientTransform="matrix(-4.41385 3.73475 -6.94254 -8.20492 13.513 24.134)" gradientUnits="userSpaceOnUse"><stop stop-color="#BFA9D8"/><stop offset="1" stop-color="#B8B8B8"/><stop offset="1" stop-color="#9F96A7"/></radialGradient><radialGradient id="ikovGFb" cx="0" cy="0" r="1" gradientTransform="matrix(-.3532 .37281 -3.68036 -3.48668 14.172 25.504)" gradientUnits="userSpaceOnUse"><stop offset=".319" stop-color="#C3BCD9"/><stop offset="1" stop-color="#C3BCD9" stop-opacity="0"/></radialGradient><linearGradient id="iww4jWd" x1="23.216" x2="4.122" y1="7.72" y2="28.298" gradientUnits="userSpaceOnUse"><stop stop-color="#8C5949"/><stop offset="1" stop-color="#6C4140"/></linearGradient><linearGradient id="itBPOxb" x1="21.832" x2="22.11" y1="9.572" y2="9.294" gradientUnits="userSpaceOnUse"><stop stop-color="#998FA0"/><stop offset="1" stop-color="#998FA0" stop-opacity="0"/></linearGradient><linearGradient id="ipFITqd" x1="1.048" x2="8.517" y1="14.876" y2="21.223" gradientUnits="userSpaceOnUse"><stop stop-color="#8D8B90"/><stop offset="1" stop-color="#8D8B90" stop-opacity="0"/></linearGradient><linearGradient id="iAsCIod" x1="7.813" x2="8.082" y1="23.563" y2="23.294" gradientUnits="userSpaceOnUse"><stop stop-color="#9778B6"/><stop offset="1" stop-color="#9778B6" stop-opacity="0"/></linearGradient><linearGradient id="iu4XNGc" x1="15.356" x2="14.532" y1="29.663" y2="27.286" gradientUnits="userSpaceOnUse"><stop stop-color="#AF87D2"/><stop offset="1" stop-color="#AF87D2" stop-opacity="0"/></linearGradient></defs></g>`;
</script>
cssCSS mask(随 currentColor 改色)
.american-football {
  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%20filter%3D%22url(%23iee9mXb)%22%3E%3Cpath%20fill%3D%22url(%23iww4jWd)%22%20d%3D%22M29.822%205.775c2.25%2013.92-9.782%2025.96-23.705%2023.7a4.52%204.52%200%200%201-3.75-3.75c-2.252-13.92%209.78-25.96%2023.703-23.7c1.92.31%203.43%201.82%203.75%203.75%22%2F%3E%3Cpath%20fill%3D%22url(%23ituyBcd)%22%20d%3D%22M29.822%205.775c2.25%2013.92-9.782%2025.96-23.705%2023.7a4.52%204.52%200%200%201-3.75-3.75c-2.252-13.92%209.78-25.96%2023.703-23.7c1.92.31%203.43%201.82%203.75%203.75%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ivEMCsb)%22%20d%3D%22M29.822%205.775c2.25%2013.92-9.782%2025.96-23.705%2023.7a4.52%204.52%200%200%201-3.75-3.75c-2.252-13.92%209.78-25.96%2023.703-23.7c1.92.31%203.43%201.82%203.75%203.75%22%2F%3E%3Cg%20filter%3D%22url(%23iibd1Zb)%22%3E%3Cpath%20stroke%3D%22%23784047%22%20stroke-linecap%3D%22round%22%20d%3D%22m13.344%2016l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iwK9UwH)%22%3E%3Cpath%20stroke%3D%22%23784047%22%20stroke-linecap%3D%22round%22%20d%3D%22m10.844%2018.5l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iA8wq3e)%22%3E%3Cpath%20stroke%3D%22%23784047%22%20stroke-linecap%3D%22round%22%20d%3D%22m15.844%2013.5l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iegDB9c)%22%3E%3Cpath%20fill%3D%22%23784047%22%20d%3D%22M18.698%2010.646a.5.5%200%200%200-.708.708zm1.292%202.708a.5.5%200%200%200%20.708-.708zm-2-2l2%202l.708-.708l-2-2z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23inhrQPd)%22%3E%3Cpath%20fill%3D%22%236D3940%22%20d%3D%22M28.328%2016.019c.38-1%20.678-2.04.888-3.11L18.9%202.594c-1.07.21-2.11.508-3.11.888z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iLR5sCc)%22%3E%3Cpath%20fill%3D%22%236D3940%22%20d%3D%22M13.078%2029.094c1.065-.224%201.313-1.156%203.297-.71L3.617%2015.626c1.243%202.437%201.352%202.797-.928%203.093z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iktNIBc)%22%20d%3D%22M28.771%2016.378c.403-1.063.72-2.166.942-3.301L18.767%202.13a20.4%2020.4%200%200%200-3.301.942z%22%2F%3E%3Cpath%20fill%3D%22url(%23itBPOxb)%22%20d%3D%22M28.771%2016.378c.403-1.063.72-2.166.942-3.301L18.767%202.13a20.4%2020.4%200%200%200-3.301.942z%22%2F%3E%3Cpath%20fill%3D%22url(%23iSawfPd)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23ipFITqd)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23iAsCIod)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23iu4XNGc)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23ikovGFb)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cg%20filter%3D%22url(%23ix1FSWb)%22%3E%3Cpath%20stroke%3D%22%23DAD4E6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m13.594%2015.75l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iTA2Qpb)%22%3E%3Cpath%20stroke%3D%22%23DAD4E6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m11.094%2018.25l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iaGEycd)%22%3E%3Cpath%20stroke%3D%22%23DAD4E6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m16.094%2013.25l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iSlMwld)%22%3E%3Cpath%20fill%3D%22%23DAD4E6%22%20d%3D%22M19.124%2010.22a.75.75%200%200%200-1.06%201.061zm.94%203.061a.75.75%200%201%200%201.06-1.06zm-2-2l2%202l1.06-1.06l-2-2z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22iee9mXb%22%20width%3D%2228.8%22%20height%3D%2228.799%22%20x%3D%221.694%22%20y%3D%221.351%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.6%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.454902%200%200%200%200%200.352941%200%200%200%200%200.32549%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.6%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.498039%200%200%200%200%200.341176%200%200%200%200%200.454902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iibd1Zb%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2212.594%22%20y%3D%2215.25%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iwK9UwH%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2210.094%22%20y%3D%2217.75%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iA8wq3e%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2215.094%22%20y%3D%2212.75%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iegDB9c%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2217.594%22%20y%3D%2210.25%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22inhrQPd%22%20width%3D%2214.425%22%20height%3D%2214.425%22%20x%3D%2215.291%22%20y%3D%222.094%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iLR5sCc%22%20width%3D%2214.687%22%20height%3D%2214.469%22%20x%3D%222.189%22%20y%3D%2215.126%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ix1FSWb%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2212.644%22%20y%3D%2214.801%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iTA2Qpb%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2210.144%22%20y%3D%2217.301%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iaGEycd%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2215.144%22%20y%3D%2212.301%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iSlMwld%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2217.644%22%20y%3D%229.801%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22ituyBcd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(7.02346%2025.49818%20-25.49943%207.0238%2011.654%203.869)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.791%22%20stop-color%3D%22%23743B6C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23743B6C%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ivEMCsb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%2015.27%207.773)scale(22.5567%204.896)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AB8072%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AB8072%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iktNIBc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%2010.585%209.805)scale(5.10057%209.48153)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F5F1F8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B8B8B8%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iSawfPd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-4.41385%203.73475%20-6.94254%20-8.20492%2013.513%2024.134)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BFA9D8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B8B8B8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F96A7%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ikovGFb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.3532%20.37281%20-3.68036%20-3.48668%2014.172%2025.504)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.319%22%20stop-color%3D%22%23C3BCD9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C3BCD9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22iww4jWd%22%20x1%3D%2223.216%22%20x2%3D%224.122%22%20y1%3D%227.72%22%20y2%3D%2228.298%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238C5949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236C4140%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22itBPOxb%22%20x1%3D%2221.832%22%20x2%3D%2222.11%22%20y1%3D%229.572%22%20y2%3D%229.294%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23998FA0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23998FA0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ipFITqd%22%20x1%3D%221.048%22%20x2%3D%228.517%22%20y1%3D%2214.876%22%20y2%3D%2221.223%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238D8B90%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238D8B90%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iAsCIod%22%20x1%3D%227.813%22%20x2%3D%228.082%22%20y1%3D%2223.563%22%20y2%3D%2223.294%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239778B6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239778B6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iu4XNGc%22%20x1%3D%2215.356%22%20x2%3D%2214.532%22%20y1%3D%2229.663%22%20y2%3D%2227.286%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AF87D2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AF87D2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%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%20filter%3D%22url(%23iee9mXb)%22%3E%3Cpath%20fill%3D%22url(%23iww4jWd)%22%20d%3D%22M29.822%205.775c2.25%2013.92-9.782%2025.96-23.705%2023.7a4.52%204.52%200%200%201-3.75-3.75c-2.252-13.92%209.78-25.96%2023.703-23.7c1.92.31%203.43%201.82%203.75%203.75%22%2F%3E%3Cpath%20fill%3D%22url(%23ituyBcd)%22%20d%3D%22M29.822%205.775c2.25%2013.92-9.782%2025.96-23.705%2023.7a4.52%204.52%200%200%201-3.75-3.75c-2.252-13.92%209.78-25.96%2023.703-23.7c1.92.31%203.43%201.82%203.75%203.75%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ivEMCsb)%22%20d%3D%22M29.822%205.775c2.25%2013.92-9.782%2025.96-23.705%2023.7a4.52%204.52%200%200%201-3.75-3.75c-2.252-13.92%209.78-25.96%2023.703-23.7c1.92.31%203.43%201.82%203.75%203.75%22%2F%3E%3Cg%20filter%3D%22url(%23iibd1Zb)%22%3E%3Cpath%20stroke%3D%22%23784047%22%20stroke-linecap%3D%22round%22%20d%3D%22m13.344%2016l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iwK9UwH)%22%3E%3Cpath%20stroke%3D%22%23784047%22%20stroke-linecap%3D%22round%22%20d%3D%22m10.844%2018.5l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iA8wq3e)%22%3E%3Cpath%20stroke%3D%22%23784047%22%20stroke-linecap%3D%22round%22%20d%3D%22m15.844%2013.5l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iegDB9c)%22%3E%3Cpath%20fill%3D%22%23784047%22%20d%3D%22M18.698%2010.646a.5.5%200%200%200-.708.708zm1.292%202.708a.5.5%200%200%200%20.708-.708zm-2-2l2%202l.708-.708l-2-2z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23inhrQPd)%22%3E%3Cpath%20fill%3D%22%236D3940%22%20d%3D%22M28.328%2016.019c.38-1%20.678-2.04.888-3.11L18.9%202.594c-1.07.21-2.11.508-3.11.888z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iLR5sCc)%22%3E%3Cpath%20fill%3D%22%236D3940%22%20d%3D%22M13.078%2029.094c1.065-.224%201.313-1.156%203.297-.71L3.617%2015.626c1.243%202.437%201.352%202.797-.928%203.093z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iktNIBc)%22%20d%3D%22M28.771%2016.378c.403-1.063.72-2.166.942-3.301L18.767%202.13a20.4%2020.4%200%200%200-3.301.942z%22%2F%3E%3Cpath%20fill%3D%22url(%23itBPOxb)%22%20d%3D%22M28.771%2016.378c.403-1.063.72-2.166.942-3.301L18.767%202.13a20.4%2020.4%200%200%200-3.301.942z%22%2F%3E%3Cpath%20fill%3D%22url(%23iSawfPd)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23ipFITqd)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23iAsCIod)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23iu4XNGc)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cpath%20fill%3D%22url(%23ikovGFb)%22%20d%3D%22M13.706%2029.312a20.4%2020.4%200%200%200%203.263-.98L3.512%2014.877a20.4%2020.4%200%200%200-.98%203.263z%22%2F%3E%3Cg%20filter%3D%22url(%23ix1FSWb)%22%3E%3Cpath%20stroke%3D%22%23DAD4E6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m13.594%2015.75l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iTA2Qpb)%22%3E%3Cpath%20stroke%3D%22%23DAD4E6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m11.094%2018.25l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iaGEycd)%22%3E%3Cpath%20stroke%3D%22%23DAD4E6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m16.094%2013.25l2%202%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iSlMwld)%22%3E%3Cpath%20fill%3D%22%23DAD4E6%22%20d%3D%22M19.124%2010.22a.75.75%200%200%200-1.06%201.061zm.94%203.061a.75.75%200%201%200%201.06-1.06zm-2-2l2%202l1.06-1.06l-2-2z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22iee9mXb%22%20width%3D%2228.8%22%20height%3D%2228.799%22%20x%3D%221.694%22%20y%3D%221.351%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.6%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.454902%200%200%200%200%200.352941%200%200%200%200%200.32549%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.6%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.498039%200%200%200%200%200.341176%200%200%200%200%200.454902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iibd1Zb%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2212.594%22%20y%3D%2215.25%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iwK9UwH%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2210.094%22%20y%3D%2217.75%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iA8wq3e%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2215.094%22%20y%3D%2212.75%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iegDB9c%22%20width%3D%223.5%22%20height%3D%223.5%22%20x%3D%2217.594%22%20y%3D%2210.25%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22inhrQPd%22%20width%3D%2214.425%22%20height%3D%2214.425%22%20x%3D%2215.291%22%20y%3D%222.094%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iLR5sCc%22%20width%3D%2214.687%22%20height%3D%2214.469%22%20x%3D%222.189%22%20y%3D%2215.126%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%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_2267%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ix1FSWb%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2212.644%22%20y%3D%2214.801%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iTA2Qpb%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2210.144%22%20y%3D%2217.301%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iaGEycd%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2215.144%22%20y%3D%2212.301%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iSlMwld%22%20width%3D%223.9%22%20height%3D%223.9%22%20x%3D%2217.644%22%20y%3D%229.801%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-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.909804%200%200%200%200%200.909804%200%200%200%200%200.956863%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_2267%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.2%22%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%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.631373%200%200%200%200%200.568627%200%200%200%200%200.694118%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_2267%22%20result%3D%22effect2_innerShadow_18_2267%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22ituyBcd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(7.02346%2025.49818%20-25.49943%207.0238%2011.654%203.869)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.791%22%20stop-color%3D%22%23743B6C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23743B6C%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ivEMCsb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%2015.27%207.773)scale(22.5567%204.896)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AB8072%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AB8072%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iktNIBc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%2010.585%209.805)scale(5.10057%209.48153)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F5F1F8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B8B8B8%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iSawfPd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-4.41385%203.73475%20-6.94254%20-8.20492%2013.513%2024.134)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BFA9D8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B8B8B8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F96A7%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ikovGFb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.3532%20.37281%20-3.68036%20-3.48668%2014.172%2025.504)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.319%22%20stop-color%3D%22%23C3BCD9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C3BCD9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22iww4jWd%22%20x1%3D%2223.216%22%20x2%3D%224.122%22%20y1%3D%227.72%22%20y2%3D%2228.298%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238C5949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236C4140%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22itBPOxb%22%20x1%3D%2221.832%22%20x2%3D%2222.11%22%20y1%3D%229.572%22%20y2%3D%229.294%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23998FA0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23998FA0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ipFITqd%22%20x1%3D%221.048%22%20x2%3D%228.517%22%20y1%3D%2214.876%22%20y2%3D%2221.223%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238D8B90%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238D8B90%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iAsCIod%22%20x1%3D%227.813%22%20x2%3D%228.082%22%20y1%3D%2223.563%22%20y2%3D%2223.294%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239778B6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239778B6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iu4XNGc%22%20x1%3D%2215.356%22%20x2%3D%2214.532%22%20y1%3D%2229.663%22%20y2%3D%2227.286%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AF87D2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AF87D2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 american-football 加一点动效

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

american-football 呼吸动效演示

呼吸

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

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

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

旋转

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

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

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}
american-football 描画动效演示

描画

线条从无到有依次绘出,适合线性图标与首屏引导。

css描画动效样式
.icon-american-football path {
  stroke-dasharray: 120;
  animation: icon-draw 1.2s ease forwards;
}

@keyframes icon-draw {
  from { stroke-dashoffset: 120; }
  to { stroke-dashoffset: 0; }
}

SVG 健康报告

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

文件体积

12.01 KB

12,297 字节

viewBox

0 0 32 32

矢量坐标系

图元总数

20

<path> ×20

风格

多色填充

描边可随字号加粗

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

常见问题

关于 american-football 图标的下载、商用与改色。

american-football 图标是什么?▾

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

如何下载 american-football 图标?▾

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

american-football 图标可以商用吗?▾

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

如何修改 american-football 图标的颜色?▾

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