找找图标

anger-symbol SVG 图标

fluent-emojianger-symbol

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

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

下载 anger-symbol 图标

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

px

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

anger-symbol 的预览与使用场景

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

预览颜色
anger-symbol 图标 浅色背景预览浅色背景
anger-symbol 图标 深色背景预览深色背景
anger-symbol 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

anger-symbol 图标 24px 渲染24pxanger-symbol 图标 32px 渲染32pxanger-symbol 图标 48px 渲染48pxanger-symbol 图标 64px 渲染64pxanger-symbol 图标 96px 渲染96pxanger-symbol 图标 128px 渲染128px

复制 anger-symbol 图标代码

内联 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"><path fill="url(#iwQm6Vc)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#ie1qR1b)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#iZDVbDe)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#iPoazyc)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#icB3Qrc)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#ipGmtEb)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#iEJjBgd)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#iVG3QYb)" fill-rule="evenodd" d="M29.416 6.675a2 2 0 0 1 .089 2.827c-3.277 3.49-3.277 9.771 0 13.262a2 2 0 0 1-2.916 2.738c-4.723-5.03-4.723-13.709 0-18.738a2 2 0 0 1 2.827-.09" clip-rule="evenodd"/><path fill="url(#ifKqddc)" fill-rule="evenodd" d="M29.416 6.675a2 2 0 0 1 .089 2.827c-3.277 3.49-3.277 9.771 0 13.262a2 2 0 0 1-2.916 2.738c-4.723-5.03-4.723-13.709 0-18.738a2 2 0 0 1 2.827-.09" clip-rule="evenodd"/><path fill="url(#idon9Yc)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><path fill="url(#i2KG85d)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><path fill="url(#iXf8Itb)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><g filter="url(#iJNOIgb)"><path stroke="url(#iLGo0Ne)" stroke-linecap="round" d="M8.39 3.54c1.042 1.062 7.25 5.655 15.22.468"/></g><g filter="url(#iCSyK5b)"><ellipse cx="24.188" cy="4.112" fill="url(#iJkIMLe)" rx=".862" ry="1.326" transform="rotate(48.885 24.188 4.112)"/></g><g filter="url(#iIakozb)"><ellipse cx="28.035" cy="8.152" fill="url(#ixQUR6K)" rx=".862" ry="1.326" transform="rotate(48.885 28.035 8.152)"/></g><g filter="url(#ii6nNke)"><ellipse cx="24.467" cy="27.771" fill="url(#ipBunhb)" rx=".862" ry="1.326" transform="rotate(121.165 24.467 27.771)"/></g><g filter="url(#ihi5kWd)"><path stroke="url(#irE1Cgc)" stroke-linecap="round" d="M28.936 8.047c-1.105.997-6.514 8.398 0 16.023"/></g><g filter="url(#imDhDDc)"><path stroke="url(#ifxJmSc)" stroke-linecap="round" d="M24.61 27.59c-2.157-1.77-10.813-5.426-16.782.355"/></g><g filter="url(#iUstnjw)"><path stroke="url(#iRXvI6y)" stroke-linecap="round" d="M4.806 7.84c1.924 2.02 5.322 10.24 0 16.62"/></g><defs><linearGradient id="iwQm6Vc" x1="29.547" x2="6.672" y1="-1.111" y2="-1.111" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".372" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iZDVbDe" x1="13.734" x2="2.984" y1=".57" y2="1.695" gradientUnits="userSpaceOnUse"><stop offset=".527" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></linearGradient><linearGradient id="iPoazyc" x1="18.172" x2="18.234" y1="4.758" y2="-.367" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#A11749" stop-opacity="0"/><stop offset=".774" stop-color="#A21749"/></linearGradient><linearGradient id="icB3Qrc" x1="2.672" x2="23.172" y1="31.258" y2="31.258" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iVG3QYb" x1="33.284" x2="33.284" y1="27.383" y2="9.383" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="idon9Yc" x1="1.297" x2="1.297" y1="6.883" y2="27.383" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iXf8Itb" x1="5.547" x2=".12" y1="10.508" y2="7.851" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#A11749" stop-opacity="0"/><stop offset=".774" stop-color="#A21749"/></linearGradient><linearGradient id="iLGo0Ne" x1="8.391" x2="32.871" y1="2.383" y2="5.872" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset=".818" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="iJkIMLe" x1="24.188" x2="24.132" y1="2.786" y2="4.872" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="ixQUR6K" x1="28.035" x2="27.98" y1="6.827" y2="8.913" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9FAC"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/><stop offset="1" stop-color="#FFA6B2" stop-opacity="0"/></linearGradient><linearGradient id="ipBunhb" x1="24.467" x2="24.411" y1="26.445" y2="28.532" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9FAC"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/><stop offset="1" stop-color="#FFA6B2" stop-opacity="0"/></linearGradient><linearGradient id="irE1Cgc" x1="28.859" x2="25.254" y1="3.945" y2="31.289" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E" stop-opacity="0"/><stop offset=".707" stop-color="#FF8F9E"/></linearGradient><linearGradient id="ifxJmSc" x1="28.364" x2="1.027" y1="27.52" y2="23.863" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="iRXvI6y" x1="4.596" x2="10.273" y1="4.09" y2="31.081" gradientUnits="userSpaceOnUse"><stop stop-color="#FF97A5"/><stop offset="1" stop-color="#FFA1AD" stop-opacity="0"/></linearGradient><filter id="iJNOIgb" width="18.719" height="6.392" x="6.641" y="1.789" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="iCSyK5b" width="4.297" height="4.174" x="22.039" y="2.025" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="iIakozb" width="4.297" height="4.174" x="25.886" y="6.065" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="ii6nNke" width="4.438" height="4.014" x="22.247" y="25.764" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="ihi5kWd" width="6.657" height="19.523" x="24.03" y="6.297" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="imDhDDc" width="20.281" height="6.632" x="6.078" y="23.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="iUstnjw" width="6.353" height="20.121" x="3.056" y="6.09" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><radialGradient id="ie1qR1b" cx="0" cy="0" r="1" gradientTransform="matrix(-.1875 6.125 -12.28145 -.37596 16.61 3.945)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="ipGmtEb" cx="0" cy="0" r="1" gradientTransform="rotate(-94.086 21.063 6.533)scale(6.14061 12.3127)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="iEJjBgd" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.1875 -7.32701 0 16.047 28.508)" gradientUnits="userSpaceOnUse"><stop stop-color="#A21749"/><stop offset=".828" stop-color="#A11749" stop-opacity="0"/></radialGradient><radialGradient id="ifKqddc" cx="0" cy="0" r="1" gradientTransform="matrix(-.1875 13.06245 -7.58315 -.10885 29.61 15.258)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="i2KG85d" cx="0" cy="0" r="1" gradientTransform="matrix(0 -8.93753 4.56661 0 2.047 16.133)" gradientUnits="userSpaceOnUse"><stop offset=".479" stop-color="#A21749"/><stop offset="1" stop-color="#A11749" stop-opacity="0"/></radialGradient></defs></g></svg>
reactReact 组件(TSX)
export function AngerSymbolIcon(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"><path fill="url(#iwQm6Vc)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#ie1qR1b)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#iZDVbDe)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#iPoazyc)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#icB3Qrc)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#ipGmtEb)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#iEJjBgd)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#iVG3QYb)" fill-rule="evenodd" d="M29.416 6.675a2 2 0 0 1 .089 2.827c-3.277 3.49-3.277 9.771 0 13.262a2 2 0 0 1-2.916 2.738c-4.723-5.03-4.723-13.709 0-18.738a2 2 0 0 1 2.827-.09" clip-rule="evenodd"/><path fill="url(#ifKqddc)" fill-rule="evenodd" d="M29.416 6.675a2 2 0 0 1 .089 2.827c-3.277 3.49-3.277 9.771 0 13.262a2 2 0 0 1-2.916 2.738c-4.723-5.03-4.723-13.709 0-18.738a2 2 0 0 1 2.827-.09" clip-rule="evenodd"/><path fill="url(#idon9Yc)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><path fill="url(#i2KG85d)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><path fill="url(#iXf8Itb)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><g filter="url(#iJNOIgb)"><path stroke="url(#iLGo0Ne)" stroke-linecap="round" d="M8.39 3.54c1.042 1.062 7.25 5.655 15.22.468"/></g><g filter="url(#iCSyK5b)"><ellipse cx="24.188" cy="4.112" fill="url(#iJkIMLe)" rx=".862" ry="1.326" transform="rotate(48.885 24.188 4.112)"/></g><g filter="url(#iIakozb)"><ellipse cx="28.035" cy="8.152" fill="url(#ixQUR6K)" rx=".862" ry="1.326" transform="rotate(48.885 28.035 8.152)"/></g><g filter="url(#ii6nNke)"><ellipse cx="24.467" cy="27.771" fill="url(#ipBunhb)" rx=".862" ry="1.326" transform="rotate(121.165 24.467 27.771)"/></g><g filter="url(#ihi5kWd)"><path stroke="url(#irE1Cgc)" stroke-linecap="round" d="M28.936 8.047c-1.105.997-6.514 8.398 0 16.023"/></g><g filter="url(#imDhDDc)"><path stroke="url(#ifxJmSc)" stroke-linecap="round" d="M24.61 27.59c-2.157-1.77-10.813-5.426-16.782.355"/></g><g filter="url(#iUstnjw)"><path stroke="url(#iRXvI6y)" stroke-linecap="round" d="M4.806 7.84c1.924 2.02 5.322 10.24 0 16.62"/></g><defs><linearGradient id="iwQm6Vc" x1="29.547" x2="6.672" y1="-1.111" y2="-1.111" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".372" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iZDVbDe" x1="13.734" x2="2.984" y1=".57" y2="1.695" gradientUnits="userSpaceOnUse"><stop offset=".527" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></linearGradient><linearGradient id="iPoazyc" x1="18.172" x2="18.234" y1="4.758" y2="-.367" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#A11749" stop-opacity="0"/><stop offset=".774" stop-color="#A21749"/></linearGradient><linearGradient id="icB3Qrc" x1="2.672" x2="23.172" y1="31.258" y2="31.258" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iVG3QYb" x1="33.284" x2="33.284" y1="27.383" y2="9.383" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="idon9Yc" x1="1.297" x2="1.297" y1="6.883" y2="27.383" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iXf8Itb" x1="5.547" x2=".12" y1="10.508" y2="7.851" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#A11749" stop-opacity="0"/><stop offset=".774" stop-color="#A21749"/></linearGradient><linearGradient id="iLGo0Ne" x1="8.391" x2="32.871" y1="2.383" y2="5.872" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset=".818" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="iJkIMLe" x1="24.188" x2="24.132" y1="2.786" y2="4.872" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="ixQUR6K" x1="28.035" x2="27.98" y1="6.827" y2="8.913" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9FAC"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/><stop offset="1" stop-color="#FFA6B2" stop-opacity="0"/></linearGradient><linearGradient id="ipBunhb" x1="24.467" x2="24.411" y1="26.445" y2="28.532" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9FAC"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/><stop offset="1" stop-color="#FFA6B2" stop-opacity="0"/></linearGradient><linearGradient id="irE1Cgc" x1="28.859" x2="25.254" y1="3.945" y2="31.289" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E" stop-opacity="0"/><stop offset=".707" stop-color="#FF8F9E"/></linearGradient><linearGradient id="ifxJmSc" x1="28.364" x2="1.027" y1="27.52" y2="23.863" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="iRXvI6y" x1="4.596" x2="10.273" y1="4.09" y2="31.081" gradientUnits="userSpaceOnUse"><stop stop-color="#FF97A5"/><stop offset="1" stop-color="#FFA1AD" stop-opacity="0"/></linearGradient><filter id="iJNOIgb" width="18.719" height="6.392" x="6.641" y="1.789" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="iCSyK5b" width="4.297" height="4.174" x="22.039" y="2.025" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="iIakozb" width="4.297" height="4.174" x="25.886" y="6.065" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="ii6nNke" width="4.438" height="4.014" x="22.247" y="25.764" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="ihi5kWd" width="6.657" height="19.523" x="24.03" y="6.297" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="imDhDDc" width="20.281" height="6.632" x="6.078" y="23.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="iUstnjw" width="6.353" height="20.121" x="3.056" y="6.09" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><radialGradient id="ie1qR1b" cx="0" cy="0" r="1" gradientTransform="matrix(-.1875 6.125 -12.28145 -.37596 16.61 3.945)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="ipGmtEb" cx="0" cy="0" r="1" gradientTransform="rotate(-94.086 21.063 6.533)scale(6.14061 12.3127)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="iEJjBgd" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.1875 -7.32701 0 16.047 28.508)" gradientUnits="userSpaceOnUse"><stop stop-color="#A21749"/><stop offset=".828" stop-color="#A11749" stop-opacity="0"/></radialGradient><radialGradient id="ifKqddc" cx="0" cy="0" r="1" gradientTransform="matrix(-.1875 13.06245 -7.58315 -.10885 29.61 15.258)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="i2KG85d" cx="0" cy="0" r="1" gradientTransform="matrix(0 -8.93753 4.56661 0 2.047 16.133)" gradientUnits="userSpaceOnUse"><stop offset=".479" stop-color="#A21749"/><stop offset="1" stop-color="#A11749" stop-opacity="0"/></radialGradient></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"><path fill="url(#iwQm6Vc)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#ie1qR1b)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#iZDVbDe)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#iPoazyc)" fill-rule="evenodd" d="M6.552 2.804a2 2 0 0 1 2.824-.166c3.742 3.326 9.6 3.326 13.342 0a2 2 0 1 1 2.658 2.99c-5.258 4.673-13.4 4.673-18.658 0a2 2 0 0 1-.166-2.824" clip-rule="evenodd"/><path fill="url(#icB3Qrc)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#ipGmtEb)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#iEJjBgd)" fill-rule="evenodd" d="M22.678 29.59c-3.49-3.276-9.772-3.276-13.262 0a2 2 0 1 1-2.738-2.915c5.03-4.723 13.708-4.723 18.738 0a2 2 0 0 1-2.738 2.916" clip-rule="evenodd"/><path fill="url(#iVG3QYb)" fill-rule="evenodd" d="M29.416 6.675a2 2 0 0 1 .089 2.827c-3.277 3.49-3.277 9.771 0 13.262a2 2 0 0 1-2.916 2.738c-4.723-5.03-4.723-13.709 0-18.738a2 2 0 0 1 2.827-.09" clip-rule="evenodd"/><path fill="url(#ifKqddc)" fill-rule="evenodd" d="M29.416 6.675a2 2 0 0 1 .089 2.827c-3.277 3.49-3.277 9.771 0 13.262a2 2 0 0 1-2.916 2.738c-4.723-5.03-4.723-13.709 0-18.738a2 2 0 0 1 2.827-.09" clip-rule="evenodd"/><path fill="url(#idon9Yc)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><path fill="url(#i2KG85d)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><path fill="url(#iXf8Itb)" fill-rule="evenodd" d="M2.678 6.675a2 2 0 0 1 2.827.089c4.722 5.03 4.722 13.708 0 18.738a2 2 0 0 1-2.916-2.738c3.277-3.49 3.277-9.772 0-13.262a2 2 0 0 1 .089-2.827" clip-rule="evenodd"/><g filter="url(#iJNOIgb)"><path stroke="url(#iLGo0Ne)" stroke-linecap="round" d="M8.39 3.54c1.042 1.062 7.25 5.655 15.22.468"/></g><g filter="url(#iCSyK5b)"><ellipse cx="24.188" cy="4.112" fill="url(#iJkIMLe)" rx=".862" ry="1.326" transform="rotate(48.885 24.188 4.112)"/></g><g filter="url(#iIakozb)"><ellipse cx="28.035" cy="8.152" fill="url(#ixQUR6K)" rx=".862" ry="1.326" transform="rotate(48.885 28.035 8.152)"/></g><g filter="url(#ii6nNke)"><ellipse cx="24.467" cy="27.771" fill="url(#ipBunhb)" rx=".862" ry="1.326" transform="rotate(121.165 24.467 27.771)"/></g><g filter="url(#ihi5kWd)"><path stroke="url(#irE1Cgc)" stroke-linecap="round" d="M28.936 8.047c-1.105.997-6.514 8.398 0 16.023"/></g><g filter="url(#imDhDDc)"><path stroke="url(#ifxJmSc)" stroke-linecap="round" d="M24.61 27.59c-2.157-1.77-10.813-5.426-16.782.355"/></g><g filter="url(#iUstnjw)"><path stroke="url(#iRXvI6y)" stroke-linecap="round" d="M4.806 7.84c1.924 2.02 5.322 10.24 0 16.62"/></g><defs><linearGradient id="iwQm6Vc" x1="29.547" x2="6.672" y1="-1.111" y2="-1.111" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".372" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iZDVbDe" x1="13.734" x2="2.984" y1=".57" y2="1.695" gradientUnits="userSpaceOnUse"><stop offset=".527" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></linearGradient><linearGradient id="iPoazyc" x1="18.172" x2="18.234" y1="4.758" y2="-.367" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#A11749" stop-opacity="0"/><stop offset=".774" stop-color="#A21749"/></linearGradient><linearGradient id="icB3Qrc" x1="2.672" x2="23.172" y1="31.258" y2="31.258" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iVG3QYb" x1="33.284" x2="33.284" y1="27.383" y2="9.383" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="idon9Yc" x1="1.297" x2="1.297" y1="6.883" y2="27.383" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".444" stop-color="#EA0A4F"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="iXf8Itb" x1="5.547" x2=".12" y1="10.508" y2="7.851" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#A11749" stop-opacity="0"/><stop offset=".774" stop-color="#A21749"/></linearGradient><linearGradient id="iLGo0Ne" x1="8.391" x2="32.871" y1="2.383" y2="5.872" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset=".818" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="iJkIMLe" x1="24.188" x2="24.132" y1="2.786" y2="4.872" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="ixQUR6K" x1="28.035" x2="27.98" y1="6.827" y2="8.913" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9FAC"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/><stop offset="1" stop-color="#FFA6B2" stop-opacity="0"/></linearGradient><linearGradient id="ipBunhb" x1="24.467" x2="24.411" y1="26.445" y2="28.532" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9FAC"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/><stop offset="1" stop-color="#FFA6B2" stop-opacity="0"/></linearGradient><linearGradient id="irE1Cgc" x1="28.859" x2="25.254" y1="3.945" y2="31.289" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E" stop-opacity="0"/><stop offset=".707" stop-color="#FF8F9E"/></linearGradient><linearGradient id="ifxJmSc" x1="28.364" x2="1.027" y1="27.52" y2="23.863" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8F9E"/><stop offset="1" stop-color="#FF8F9E" stop-opacity="0"/></linearGradient><linearGradient id="iRXvI6y" x1="4.596" x2="10.273" y1="4.09" y2="31.081" gradientUnits="userSpaceOnUse"><stop stop-color="#FF97A5"/><stop offset="1" stop-color="#FFA1AD" stop-opacity="0"/></linearGradient><filter id="iJNOIgb" width="18.719" height="6.392" x="6.641" y="1.789" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="iCSyK5b" width="4.297" height="4.174" x="22.039" y="2.025" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="iIakozb" width="4.297" height="4.174" x="25.886" y="6.065" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="ii6nNke" width="4.438" height="4.014" x="22.247" y="25.764" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".5"/></filter><filter id="ihi5kWd" width="6.657" height="19.523" x="24.03" y="6.297" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="imDhDDc" width="20.281" height="6.632" x="6.078" y="23.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><filter id="iUstnjw" width="6.353" height="20.121" x="3.056" y="6.09" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6188" stdDeviation=".625"/></filter><radialGradient id="ie1qR1b" cx="0" cy="0" r="1" gradientTransform="matrix(-.1875 6.125 -12.28145 -.37596 16.61 3.945)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="ipGmtEb" cx="0" cy="0" r="1" gradientTransform="rotate(-94.086 21.063 6.533)scale(6.14061 12.3127)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="iEJjBgd" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.1875 -7.32701 0 16.047 28.508)" gradientUnits="userSpaceOnUse"><stop stop-color="#A21749"/><stop offset=".828" stop-color="#A11749" stop-opacity="0"/></radialGradient><radialGradient id="ifKqddc" cx="0" cy="0" r="1" gradientTransform="matrix(-.1875 13.06245 -7.58315 -.10885 29.61 15.258)" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#A11749" stop-opacity="0"/><stop offset="1" stop-color="#A21749"/></radialGradient><radialGradient id="i2KG85d" cx="0" cy="0" r="1" gradientTransform="matrix(0 -8.93753 4.56661 0 2.047 16.133)" gradientUnits="userSpaceOnUse"><stop offset=".479" stop-color="#A21749"/><stop offset="1" stop-color="#A11749" stop-opacity="0"/></radialGradient></defs></g>`;
</script>
cssCSS mask(随 currentColor 改色)
.anger-symbol {
  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%3Cpath%20fill%3D%22url(%23iwQm6Vc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23ie1qR1b)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iZDVbDe)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iPoazyc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23icB3Qrc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.678%2029.59c-3.49-3.276-9.772-3.276-13.262%200a2%202%200%201%201-2.738-2.915c5.03-4.723%2013.708-4.723%2018.738%200a2%202%200%200%201-2.738%202.916%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23ipGmtEb)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.678%2029.59c-3.49-3.276-9.772-3.276-13.262%200a2%202%200%201%201-2.738-2.915c5.03-4.723%2013.708-4.723%2018.738%200a2%202%200%200%201-2.738%202.916%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iEJjBgd)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.678%2029.59c-3.49-3.276-9.772-3.276-13.262%200a2%202%200%201%201-2.738-2.915c5.03-4.723%2013.708-4.723%2018.738%200a2%202%200%200%201-2.738%202.916%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iVG3QYb)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M29.416%206.675a2%202%200%200%201%20.089%202.827c-3.277%203.49-3.277%209.771%200%2013.262a2%202%200%200%201-2.916%202.738c-4.723-5.03-4.723-13.709%200-18.738a2%202%200%200%201%202.827-.09%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23ifKqddc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M29.416%206.675a2%202%200%200%201%20.089%202.827c-3.277%203.49-3.277%209.771%200%2013.262a2%202%200%200%201-2.916%202.738c-4.723-5.03-4.723-13.709%200-18.738a2%202%200%200%201%202.827-.09%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23idon9Yc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.678%206.675a2%202%200%200%201%202.827.089c4.722%205.03%204.722%2013.708%200%2018.738a2%202%200%200%201-2.916-2.738c3.277-3.49%203.277-9.772%200-13.262a2%202%200%200%201%20.089-2.827%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23i2KG85d)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.678%206.675a2%202%200%200%201%202.827.089c4.722%205.03%204.722%2013.708%200%2018.738a2%202%200%200%201-2.916-2.738c3.277-3.49%203.277-9.772%200-13.262a2%202%200%200%201%20.089-2.827%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iXf8Itb)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.678%206.675a2%202%200%200%201%202.827.089c4.722%205.03%204.722%2013.708%200%2018.738a2%202%200%200%201-2.916-2.738c3.277-3.49%203.277-9.772%200-13.262a2%202%200%200%201%20.089-2.827%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cg%20filter%3D%22url(%23iJNOIgb)%22%3E%3Cpath%20stroke%3D%22url(%23iLGo0Ne)%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.39%203.54c1.042%201.062%207.25%205.655%2015.22.468%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iCSyK5b)%22%3E%3Cellipse%20cx%3D%2224.188%22%20cy%3D%224.112%22%20fill%3D%22url(%23iJkIMLe)%22%20rx%3D%22.862%22%20ry%3D%221.326%22%20transform%3D%22rotate(48.885%2024.188%204.112)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iIakozb)%22%3E%3Cellipse%20cx%3D%2228.035%22%20cy%3D%228.152%22%20fill%3D%22url(%23ixQUR6K)%22%20rx%3D%22.862%22%20ry%3D%221.326%22%20transform%3D%22rotate(48.885%2028.035%208.152)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ii6nNke)%22%3E%3Cellipse%20cx%3D%2224.467%22%20cy%3D%2227.771%22%20fill%3D%22url(%23ipBunhb)%22%20rx%3D%22.862%22%20ry%3D%221.326%22%20transform%3D%22rotate(121.165%2024.467%2027.771)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ihi5kWd)%22%3E%3Cpath%20stroke%3D%22url(%23irE1Cgc)%22%20stroke-linecap%3D%22round%22%20d%3D%22M28.936%208.047c-1.105.997-6.514%208.398%200%2016.023%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23imDhDDc)%22%3E%3Cpath%20stroke%3D%22url(%23ifxJmSc)%22%20stroke-linecap%3D%22round%22%20d%3D%22M24.61%2027.59c-2.157-1.77-10.813-5.426-16.782.355%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iUstnjw)%22%3E%3Cpath%20stroke%3D%22url(%23iRXvI6y)%22%20stroke-linecap%3D%22round%22%20d%3D%22M4.806%207.84c1.924%202.02%205.322%2010.24%200%2016.62%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iwQm6Vc%22%20x1%3D%2229.547%22%20x2%3D%226.672%22%20y1%3D%22-1.111%22%20y2%3D%22-1.111%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.372%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iZDVbDe%22%20x1%3D%2213.734%22%20x2%3D%222.984%22%20y1%3D%22.57%22%20y2%3D%221.695%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.527%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPoazyc%22%20x1%3D%2218.172%22%20x2%3D%2218.234%22%20y1%3D%224.758%22%20y2%3D%22-.367%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.297%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.774%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22icB3Qrc%22%20x1%3D%222.672%22%20x2%3D%2223.172%22%20y1%3D%2231.258%22%20y2%3D%2231.258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.444%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iVG3QYb%22%20x1%3D%2233.284%22%20x2%3D%2233.284%22%20y1%3D%2227.383%22%20y2%3D%229.383%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.444%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22idon9Yc%22%20x1%3D%221.297%22%20x2%3D%221.297%22%20y1%3D%226.883%22%20y2%3D%2227.383%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.444%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iXf8Itb%22%20x1%3D%225.547%22%20x2%3D%22.12%22%20y1%3D%2210.508%22%20y2%3D%227.851%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.297%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.774%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLGo0Ne%22%20x1%3D%228.391%22%20x2%3D%2232.871%22%20y1%3D%222.383%22%20y2%3D%225.872%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%2F%3E%3Cstop%20offset%3D%22.818%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJkIMLe%22%20x1%3D%2224.188%22%20x2%3D%2224.132%22%20y1%3D%222.786%22%20y2%3D%224.872%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixQUR6K%22%20x1%3D%2228.035%22%20x2%3D%2227.98%22%20y1%3D%226.827%22%20y2%3D%228.913%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9FAC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFA6B2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ipBunhb%22%20x1%3D%2224.467%22%20x2%3D%2224.411%22%20y1%3D%2226.445%22%20y2%3D%2228.532%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9FAC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFA6B2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22irE1Cgc%22%20x1%3D%2228.859%22%20x2%3D%2225.254%22%20y1%3D%223.945%22%20y2%3D%2231.289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.707%22%20stop-color%3D%22%23FF8F9E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ifxJmSc%22%20x1%3D%2228.364%22%20x2%3D%221.027%22%20y1%3D%2227.52%22%20y2%3D%2223.863%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iRXvI6y%22%20x1%3D%224.596%22%20x2%3D%2210.273%22%20y1%3D%224.09%22%20y2%3D%2231.081%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF97A5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFA1AD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iJNOIgb%22%20width%3D%2218.719%22%20height%3D%226.392%22%20x%3D%226.641%22%20y%3D%221.789%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iCSyK5b%22%20width%3D%224.297%22%20height%3D%224.174%22%20x%3D%2222.039%22%20y%3D%222.025%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_7139_6188%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iIakozb%22%20width%3D%224.297%22%20height%3D%224.174%22%20x%3D%2225.886%22%20y%3D%226.065%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_7139_6188%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ii6nNke%22%20width%3D%224.438%22%20height%3D%224.014%22%20x%3D%2222.247%22%20y%3D%2225.764%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_7139_6188%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ihi5kWd%22%20width%3D%226.657%22%20height%3D%2219.523%22%20x%3D%2224.03%22%20y%3D%226.297%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22imDhDDc%22%20width%3D%2220.281%22%20height%3D%226.632%22%20x%3D%226.078%22%20y%3D%2223.063%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iUstnjw%22%20width%3D%226.353%22%20height%3D%2220.121%22%20x%3D%223.056%22%20y%3D%226.09%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22ie1qR1b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.1875%206.125%20-12.28145%20-.37596%2016.61%203.945)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.688%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipGmtEb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-94.086%2021.063%206.533)scale(6.14061%2012.3127)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.688%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iEJjBgd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%203.1875%20-7.32701%200%2016.047%2028.508)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A21749%22%2F%3E%3Cstop%20offset%3D%22.828%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ifKqddc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.1875%2013.06245%20-7.58315%20-.10885%2029.61%2015.258)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.688%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i2KG85d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-8.93753%204.56661%200%202.047%2016.133)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.479%22%20stop-color%3D%22%23A21749%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%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%3Cpath%20fill%3D%22url(%23iwQm6Vc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23ie1qR1b)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iZDVbDe)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iPoazyc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.552%202.804a2%202%200%200%201%202.824-.166c3.742%203.326%209.6%203.326%2013.342%200a2%202%200%201%201%202.658%202.99c-5.258%204.673-13.4%204.673-18.658%200a2%202%200%200%201-.166-2.824%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23icB3Qrc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.678%2029.59c-3.49-3.276-9.772-3.276-13.262%200a2%202%200%201%201-2.738-2.915c5.03-4.723%2013.708-4.723%2018.738%200a2%202%200%200%201-2.738%202.916%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23ipGmtEb)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.678%2029.59c-3.49-3.276-9.772-3.276-13.262%200a2%202%200%201%201-2.738-2.915c5.03-4.723%2013.708-4.723%2018.738%200a2%202%200%200%201-2.738%202.916%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iEJjBgd)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.678%2029.59c-3.49-3.276-9.772-3.276-13.262%200a2%202%200%201%201-2.738-2.915c5.03-4.723%2013.708-4.723%2018.738%200a2%202%200%200%201-2.738%202.916%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iVG3QYb)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M29.416%206.675a2%202%200%200%201%20.089%202.827c-3.277%203.49-3.277%209.771%200%2013.262a2%202%200%200%201-2.916%202.738c-4.723-5.03-4.723-13.709%200-18.738a2%202%200%200%201%202.827-.09%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23ifKqddc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M29.416%206.675a2%202%200%200%201%20.089%202.827c-3.277%203.49-3.277%209.771%200%2013.262a2%202%200%200%201-2.916%202.738c-4.723-5.03-4.723-13.709%200-18.738a2%202%200%200%201%202.827-.09%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23idon9Yc)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.678%206.675a2%202%200%200%201%202.827.089c4.722%205.03%204.722%2013.708%200%2018.738a2%202%200%200%201-2.916-2.738c3.277-3.49%203.277-9.772%200-13.262a2%202%200%200%201%20.089-2.827%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23i2KG85d)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.678%206.675a2%202%200%200%201%202.827.089c4.722%205.03%204.722%2013.708%200%2018.738a2%202%200%200%201-2.916-2.738c3.277-3.49%203.277-9.772%200-13.262a2%202%200%200%201%20.089-2.827%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23iXf8Itb)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.678%206.675a2%202%200%200%201%202.827.089c4.722%205.03%204.722%2013.708%200%2018.738a2%202%200%200%201-2.916-2.738c3.277-3.49%203.277-9.772%200-13.262a2%202%200%200%201%20.089-2.827%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cg%20filter%3D%22url(%23iJNOIgb)%22%3E%3Cpath%20stroke%3D%22url(%23iLGo0Ne)%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.39%203.54c1.042%201.062%207.25%205.655%2015.22.468%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iCSyK5b)%22%3E%3Cellipse%20cx%3D%2224.188%22%20cy%3D%224.112%22%20fill%3D%22url(%23iJkIMLe)%22%20rx%3D%22.862%22%20ry%3D%221.326%22%20transform%3D%22rotate(48.885%2024.188%204.112)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iIakozb)%22%3E%3Cellipse%20cx%3D%2228.035%22%20cy%3D%228.152%22%20fill%3D%22url(%23ixQUR6K)%22%20rx%3D%22.862%22%20ry%3D%221.326%22%20transform%3D%22rotate(48.885%2028.035%208.152)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ii6nNke)%22%3E%3Cellipse%20cx%3D%2224.467%22%20cy%3D%2227.771%22%20fill%3D%22url(%23ipBunhb)%22%20rx%3D%22.862%22%20ry%3D%221.326%22%20transform%3D%22rotate(121.165%2024.467%2027.771)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ihi5kWd)%22%3E%3Cpath%20stroke%3D%22url(%23irE1Cgc)%22%20stroke-linecap%3D%22round%22%20d%3D%22M28.936%208.047c-1.105.997-6.514%208.398%200%2016.023%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23imDhDDc)%22%3E%3Cpath%20stroke%3D%22url(%23ifxJmSc)%22%20stroke-linecap%3D%22round%22%20d%3D%22M24.61%2027.59c-2.157-1.77-10.813-5.426-16.782.355%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iUstnjw)%22%3E%3Cpath%20stroke%3D%22url(%23iRXvI6y)%22%20stroke-linecap%3D%22round%22%20d%3D%22M4.806%207.84c1.924%202.02%205.322%2010.24%200%2016.62%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iwQm6Vc%22%20x1%3D%2229.547%22%20x2%3D%226.672%22%20y1%3D%22-1.111%22%20y2%3D%22-1.111%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.372%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iZDVbDe%22%20x1%3D%2213.734%22%20x2%3D%222.984%22%20y1%3D%22.57%22%20y2%3D%221.695%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.527%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPoazyc%22%20x1%3D%2218.172%22%20x2%3D%2218.234%22%20y1%3D%224.758%22%20y2%3D%22-.367%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.297%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.774%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22icB3Qrc%22%20x1%3D%222.672%22%20x2%3D%2223.172%22%20y1%3D%2231.258%22%20y2%3D%2231.258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.444%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iVG3QYb%22%20x1%3D%2233.284%22%20x2%3D%2233.284%22%20y1%3D%2227.383%22%20y2%3D%229.383%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.444%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22idon9Yc%22%20x1%3D%221.297%22%20x2%3D%221.297%22%20y1%3D%226.883%22%20y2%3D%2227.383%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E81123%22%2F%3E%3Cstop%20offset%3D%22.444%22%20stop-color%3D%22%23EA0A4F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EC008C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iXf8Itb%22%20x1%3D%225.547%22%20x2%3D%22.12%22%20y1%3D%2210.508%22%20y2%3D%227.851%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.297%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.774%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLGo0Ne%22%20x1%3D%228.391%22%20x2%3D%2232.871%22%20y1%3D%222.383%22%20y2%3D%225.872%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%2F%3E%3Cstop%20offset%3D%22.818%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJkIMLe%22%20x1%3D%2224.188%22%20x2%3D%2224.132%22%20y1%3D%222.786%22%20y2%3D%224.872%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixQUR6K%22%20x1%3D%2228.035%22%20x2%3D%2227.98%22%20y1%3D%226.827%22%20y2%3D%228.913%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9FAC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFA6B2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ipBunhb%22%20x1%3D%2224.467%22%20x2%3D%2224.411%22%20y1%3D%2226.445%22%20y2%3D%2228.532%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9FAC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFA6B2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22irE1Cgc%22%20x1%3D%2228.859%22%20x2%3D%2225.254%22%20y1%3D%223.945%22%20y2%3D%2231.289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.707%22%20stop-color%3D%22%23FF8F9E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ifxJmSc%22%20x1%3D%2228.364%22%20x2%3D%221.027%22%20y1%3D%2227.52%22%20y2%3D%2223.863%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8F9E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8F9E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iRXvI6y%22%20x1%3D%224.596%22%20x2%3D%2210.273%22%20y1%3D%224.09%22%20y2%3D%2231.081%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF97A5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFA1AD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iJNOIgb%22%20width%3D%2218.719%22%20height%3D%226.392%22%20x%3D%226.641%22%20y%3D%221.789%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iCSyK5b%22%20width%3D%224.297%22%20height%3D%224.174%22%20x%3D%2222.039%22%20y%3D%222.025%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_7139_6188%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iIakozb%22%20width%3D%224.297%22%20height%3D%224.174%22%20x%3D%2225.886%22%20y%3D%226.065%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_7139_6188%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ii6nNke%22%20width%3D%224.438%22%20height%3D%224.014%22%20x%3D%2222.247%22%20y%3D%2225.764%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_7139_6188%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ihi5kWd%22%20width%3D%226.657%22%20height%3D%2219.523%22%20x%3D%2224.03%22%20y%3D%226.297%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22imDhDDc%22%20width%3D%2220.281%22%20height%3D%226.632%22%20x%3D%226.078%22%20y%3D%2223.063%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iUstnjw%22%20width%3D%226.353%22%20height%3D%2220.121%22%20x%3D%223.056%22%20y%3D%226.09%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_7139_6188%22%20stdDeviation%3D%22.625%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22ie1qR1b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.1875%206.125%20-12.28145%20-.37596%2016.61%203.945)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.688%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipGmtEb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-94.086%2021.063%206.533)scale(6.14061%2012.3127)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.688%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iEJjBgd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%203.1875%20-7.32701%200%2016.047%2028.508)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A21749%22%2F%3E%3Cstop%20offset%3D%22.828%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ifKqddc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.1875%2013.06245%20-7.58315%20-.10885%2029.61%2015.258)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.688%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A21749%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i2KG85d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-8.93753%204.56661%200%202.047%2016.133)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.479%22%20stop-color%3D%22%23A21749%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A11749%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 anger-symbol 加一点动效

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

anger-symbol 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

描画

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

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

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

SVG 健康报告

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

文件体积

10.25 KB

10,493 字节

viewBox

0 0 32 32

矢量坐标系

图元总数

19

<path> ×16

风格

多色填充

描边可随字号加粗

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

常见问题

关于 anger-symbol 图标的下载、商用与改色。

anger-symbol 图标是什么?▾

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

如何下载 anger-symbol 图标?▾

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

anger-symbol 图标可以商用吗?▾

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

如何修改 anger-symbol 图标的颜色?▾

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