找找图标

2nd-place-medal SVG 图标

fluent-emoji2nd-place-medal

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

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

下载 2nd-place-medal 图标

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

px

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

2nd-place-medal 的预览与使用场景

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

预览颜色
2nd-place-medal 图标 浅色背景预览浅色背景
2nd-place-medal 图标 深色背景预览深色背景
2nd-place-medal 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

2nd-place-medal 图标 24px 渲染24px2nd-place-medal 图标 32px 渲染32px2nd-place-medal 图标 48px 渲染48px2nd-place-medal 图标 64px 渲染64px2nd-place-medal 图标 96px 渲染96px2nd-place-medal 图标 128px 渲染128px

复制 2nd-place-medal 图标代码

内联 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(#iD9xWxe)"><path fill="#4686EC" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/><path fill="url(#ieGg1bd)" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/><path fill="url(#i9otG1c)" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/></g><g filter="url(#iTSxfjd)"><path fill="#4686EC" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><path fill="url(#iPXKW4d)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><path fill="url(#iQMgS7Z)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/></g><path fill="url(#ivea4Ce)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><circle cx="16.047" cy="20.132" r="10.048" fill="url(#i3pBxIb)"/><circle cx="16.047" cy="20.132" r="10.048" fill="url(#i936Mve)"/><circle cx="16.047" cy="20.132" r="8.688" fill="url(#ingFQNw)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#i5QTzQb)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#iqVSFoe)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#ieAU5tc)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#iUDaNxe)"/><g filter="url(#iU4HCXc)"><path fill="#6A6372" d="M18.037 24.572h-3.97a1 1 0 0 1-.91-.58a1 1 0 0 1 .13-1.07l3.3-4.05c.26-.32.14-.66.1-.76a.64.64 0 0 0-.58-.4h-.05c-.32 0-.61.15-.8.41c-.32.45-.95.56-1.41.24a1.01 1.01 0 0 1-.24-1.41c.56-.79 1.47-1.26 2.44-1.26h.13c1.02.05 1.91.66 2.33 1.59c.43.96.29 2.05-.37 2.86l-1.95 2.4h1.84c.56 0 1.01.45 1.01 1.01s-.44 1.02-1 1.02"/></g><defs><linearGradient id="i9otG1c" x1="6.582" x2="8.377" y1="2.023" y2="6.493" gradientUnits="userSpaceOnUse"><stop stop-color="#3D89EC"/><stop offset="1" stop-color="#3D89EC" stop-opacity="0"/></linearGradient><linearGradient id="iQMgS7Z" x1="25.265" x2="23.47" y1="2.023" y2="6.493" gradientUnits="userSpaceOnUse"><stop stop-color="#3D89EC"/><stop offset="1" stop-color="#3D89EC" stop-opacity="0"/></linearGradient><linearGradient id="ivea4Ce" x1="15.749" x2="16.086" y1="7.063" y2="7.25" gradientUnits="userSpaceOnUse"><stop stop-color="#1A6DD8"/><stop offset="1" stop-color="#1A6DD8" stop-opacity="0"/></linearGradient><linearGradient id="i3pBxIb" x1="23.797" x2="14.45" y1="14.938" y2="23.484" gradientUnits="userSpaceOnUse"><stop stop-color="#EFEAF6"/><stop offset="1" stop-color="#B5A8C3"/></linearGradient><linearGradient id="i936Mve" x1="12.536" x2="14.802" y1="30.668" y2="17.527" gradientUnits="userSpaceOnUse"><stop stop-color="#D0A9F4"/><stop offset="1" stop-color="#D0A9F4" stop-opacity="0"/></linearGradient><linearGradient id="ingFQNw" x1="23.963" x2="16.047" y1="18.613" y2="18.613" gradientUnits="userSpaceOnUse"><stop stop-color="#D3C6E2"/><stop offset="1" stop-color="#D6C6E8"/></linearGradient><linearGradient id="i5QTzQb" x1="11.286" x2="23.909" y1="22.103" y2="18.283" gradientUnits="userSpaceOnUse"><stop stop-color="#E0D3EF"/><stop offset="1" stop-color="#C1B0D4"/></linearGradient><radialGradient id="ieGg1bd" cx="0" cy="0" r="1" gradientTransform="rotate(-123.321 9.745 2.387)scale(4.60352 17.1923)" gradientUnits="userSpaceOnUse"><stop stop-color="#3669D9"/><stop offset="1" stop-color="#3669D9" stop-opacity="0"/></radialGradient><radialGradient id="iPXKW4d" cx="0" cy="0" r="1" gradientTransform="rotate(-57.265 20.217 -11.245)scale(3.0487 6.68733)" gradientUnits="userSpaceOnUse"><stop stop-color="#3669D9"/><stop offset="1" stop-color="#3669D9" stop-opacity="0"/></radialGradient><radialGradient id="iqVSFoe" cx="0" cy="0" r="1" gradientTransform="rotate(156.644 7.501 11.447)scale(11.397 9.71148)" gradientUnits="userSpaceOnUse"><stop offset=".837" stop-color="#F6ECFE" stop-opacity="0"/><stop offset="1" stop-color="#F6ECFE"/></radialGradient><radialGradient id="ieAU5tc" cx="0" cy="0" r="1" gradientTransform="rotate(-41.294 35.446 -9.492)scale(8.96398 8.60716)" gradientUnits="userSpaceOnUse"><stop offset=".91" stop-color="#B396CF" stop-opacity="0"/><stop offset=".992" stop-color="#B796D5"/></radialGradient><radialGradient id="iUDaNxe" cx="0" cy="0" r="1" gradientTransform="matrix(6.65625 5.1875 -5.87867 7.54311 15.828 19.5)" gradientUnits="userSpaceOnUse"><stop offset=".926" stop-color="#AB9CBB" stop-opacity="0"/><stop offset="1" stop-color="#AB9CBB"/></radialGradient><filter id="iD9xWxe" width="14.889" height="10.434" x="3.61" y="2.362" 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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.607843 0 0 0 0 0.960784 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1566" result="effect3_innerShadow_18_1566"/></filter><filter id="iTSxfjd" width="14.889" height="10.434" x="13.298" y="2.362" 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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.607843 0 0 0 0 0.960784 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1566" result="effect3_innerShadow_18_1566"/></filter><filter id="iU4HCXc" width="6.48" height="9.38" x="12.757" y="15.492" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.223529 0 0 0 0 0.345098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.482353 0 0 0 0 0.47451 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/></filter></defs></g></svg>
reactReact 组件(TSX)
export function 2ndPlaceMedalIcon(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(#iD9xWxe)"><path fill="#4686EC" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/><path fill="url(#ieGg1bd)" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/><path fill="url(#i9otG1c)" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/></g><g filter="url(#iTSxfjd)"><path fill="#4686EC" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><path fill="url(#iPXKW4d)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><path fill="url(#iQMgS7Z)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/></g><path fill="url(#ivea4Ce)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><circle cx="16.047" cy="20.132" r="10.048" fill="url(#i3pBxIb)"/><circle cx="16.047" cy="20.132" r="10.048" fill="url(#i936Mve)"/><circle cx="16.047" cy="20.132" r="8.688" fill="url(#ingFQNw)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#i5QTzQb)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#iqVSFoe)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#ieAU5tc)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#iUDaNxe)"/><g filter="url(#iU4HCXc)"><path fill="#6A6372" d="M18.037 24.572h-3.97a1 1 0 0 1-.91-.58a1 1 0 0 1 .13-1.07l3.3-4.05c.26-.32.14-.66.1-.76a.64.64 0 0 0-.58-.4h-.05c-.32 0-.61.15-.8.41c-.32.45-.95.56-1.41.24a1.01 1.01 0 0 1-.24-1.41c.56-.79 1.47-1.26 2.44-1.26h.13c1.02.05 1.91.66 2.33 1.59c.43.96.29 2.05-.37 2.86l-1.95 2.4h1.84c.56 0 1.01.45 1.01 1.01s-.44 1.02-1 1.02"/></g><defs><linearGradient id="i9otG1c" x1="6.582" x2="8.377" y1="2.023" y2="6.493" gradientUnits="userSpaceOnUse"><stop stop-color="#3D89EC"/><stop offset="1" stop-color="#3D89EC" stop-opacity="0"/></linearGradient><linearGradient id="iQMgS7Z" x1="25.265" x2="23.47" y1="2.023" y2="6.493" gradientUnits="userSpaceOnUse"><stop stop-color="#3D89EC"/><stop offset="1" stop-color="#3D89EC" stop-opacity="0"/></linearGradient><linearGradient id="ivea4Ce" x1="15.749" x2="16.086" y1="7.063" y2="7.25" gradientUnits="userSpaceOnUse"><stop stop-color="#1A6DD8"/><stop offset="1" stop-color="#1A6DD8" stop-opacity="0"/></linearGradient><linearGradient id="i3pBxIb" x1="23.797" x2="14.45" y1="14.938" y2="23.484" gradientUnits="userSpaceOnUse"><stop stop-color="#EFEAF6"/><stop offset="1" stop-color="#B5A8C3"/></linearGradient><linearGradient id="i936Mve" x1="12.536" x2="14.802" y1="30.668" y2="17.527" gradientUnits="userSpaceOnUse"><stop stop-color="#D0A9F4"/><stop offset="1" stop-color="#D0A9F4" stop-opacity="0"/></linearGradient><linearGradient id="ingFQNw" x1="23.963" x2="16.047" y1="18.613" y2="18.613" gradientUnits="userSpaceOnUse"><stop stop-color="#D3C6E2"/><stop offset="1" stop-color="#D6C6E8"/></linearGradient><linearGradient id="i5QTzQb" x1="11.286" x2="23.909" y1="22.103" y2="18.283" gradientUnits="userSpaceOnUse"><stop stop-color="#E0D3EF"/><stop offset="1" stop-color="#C1B0D4"/></linearGradient><radialGradient id="ieGg1bd" cx="0" cy="0" r="1" gradientTransform="rotate(-123.321 9.745 2.387)scale(4.60352 17.1923)" gradientUnits="userSpaceOnUse"><stop stop-color="#3669D9"/><stop offset="1" stop-color="#3669D9" stop-opacity="0"/></radialGradient><radialGradient id="iPXKW4d" cx="0" cy="0" r="1" gradientTransform="rotate(-57.265 20.217 -11.245)scale(3.0487 6.68733)" gradientUnits="userSpaceOnUse"><stop stop-color="#3669D9"/><stop offset="1" stop-color="#3669D9" stop-opacity="0"/></radialGradient><radialGradient id="iqVSFoe" cx="0" cy="0" r="1" gradientTransform="rotate(156.644 7.501 11.447)scale(11.397 9.71148)" gradientUnits="userSpaceOnUse"><stop offset=".837" stop-color="#F6ECFE" stop-opacity="0"/><stop offset="1" stop-color="#F6ECFE"/></radialGradient><radialGradient id="ieAU5tc" cx="0" cy="0" r="1" gradientTransform="rotate(-41.294 35.446 -9.492)scale(8.96398 8.60716)" gradientUnits="userSpaceOnUse"><stop offset=".91" stop-color="#B396CF" stop-opacity="0"/><stop offset=".992" stop-color="#B796D5"/></radialGradient><radialGradient id="iUDaNxe" cx="0" cy="0" r="1" gradientTransform="matrix(6.65625 5.1875 -5.87867 7.54311 15.828 19.5)" gradientUnits="userSpaceOnUse"><stop offset=".926" stop-color="#AB9CBB" stop-opacity="0"/><stop offset="1" stop-color="#AB9CBB"/></radialGradient><filter id="iD9xWxe" width="14.889" height="10.434" x="3.61" y="2.362" 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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.607843 0 0 0 0 0.960784 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1566" result="effect3_innerShadow_18_1566"/></filter><filter id="iTSxfjd" width="14.889" height="10.434" x="13.298" y="2.362" 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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.607843 0 0 0 0 0.960784 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1566" result="effect3_innerShadow_18_1566"/></filter><filter id="iU4HCXc" width="6.48" height="9.38" x="12.757" y="15.492" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.223529 0 0 0 0 0.345098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.482353 0 0 0 0 0.47451 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/></filter></defs></g>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="none"><g filter="url(#iD9xWxe)"><path fill="#4686EC" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/><path fill="url(#ieGg1bd)" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/><path fill="url(#i9otG1c)" d="m14.035 3.552l4.264 7.284l-6.016 1.71C8.128 11.173 5.681 8.53 4.205 5.814c-.622-1.146-.617-3.25 1.856-3.25h6.248a2 2 0 0 1 1.726.989"/></g><g filter="url(#iTSxfjd)"><path fill="#4686EC" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><path fill="url(#iPXKW4d)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><path fill="url(#iQMgS7Z)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/></g><path fill="url(#ivea4Ce)" d="m17.812 3.552l-4.264 7.284l6.016 1.71c4.155-1.374 6.602-4.017 8.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2 2 0 0 0-1.726.989"/><circle cx="16.047" cy="20.132" r="10.048" fill="url(#i3pBxIb)"/><circle cx="16.047" cy="20.132" r="10.048" fill="url(#i936Mve)"/><circle cx="16.047" cy="20.132" r="8.688" fill="url(#ingFQNw)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#i5QTzQb)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#iqVSFoe)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#ieAU5tc)"/><circle cx="16.047" cy="20.132" r="7.585" fill="url(#iUDaNxe)"/><g filter="url(#iU4HCXc)"><path fill="#6A6372" d="M18.037 24.572h-3.97a1 1 0 0 1-.91-.58a1 1 0 0 1 .13-1.07l3.3-4.05c.26-.32.14-.66.1-.76a.64.64 0 0 0-.58-.4h-.05c-.32 0-.61.15-.8.41c-.32.45-.95.56-1.41.24a1.01 1.01 0 0 1-.24-1.41c.56-.79 1.47-1.26 2.44-1.26h.13c1.02.05 1.91.66 2.33 1.59c.43.96.29 2.05-.37 2.86l-1.95 2.4h1.84c.56 0 1.01.45 1.01 1.01s-.44 1.02-1 1.02"/></g><defs><linearGradient id="i9otG1c" x1="6.582" x2="8.377" y1="2.023" y2="6.493" gradientUnits="userSpaceOnUse"><stop stop-color="#3D89EC"/><stop offset="1" stop-color="#3D89EC" stop-opacity="0"/></linearGradient><linearGradient id="iQMgS7Z" x1="25.265" x2="23.47" y1="2.023" y2="6.493" gradientUnits="userSpaceOnUse"><stop stop-color="#3D89EC"/><stop offset="1" stop-color="#3D89EC" stop-opacity="0"/></linearGradient><linearGradient id="ivea4Ce" x1="15.749" x2="16.086" y1="7.063" y2="7.25" gradientUnits="userSpaceOnUse"><stop stop-color="#1A6DD8"/><stop offset="1" stop-color="#1A6DD8" stop-opacity="0"/></linearGradient><linearGradient id="i3pBxIb" x1="23.797" x2="14.45" y1="14.938" y2="23.484" gradientUnits="userSpaceOnUse"><stop stop-color="#EFEAF6"/><stop offset="1" stop-color="#B5A8C3"/></linearGradient><linearGradient id="i936Mve" x1="12.536" x2="14.802" y1="30.668" y2="17.527" gradientUnits="userSpaceOnUse"><stop stop-color="#D0A9F4"/><stop offset="1" stop-color="#D0A9F4" stop-opacity="0"/></linearGradient><linearGradient id="ingFQNw" x1="23.963" x2="16.047" y1="18.613" y2="18.613" gradientUnits="userSpaceOnUse"><stop stop-color="#D3C6E2"/><stop offset="1" stop-color="#D6C6E8"/></linearGradient><linearGradient id="i5QTzQb" x1="11.286" x2="23.909" y1="22.103" y2="18.283" gradientUnits="userSpaceOnUse"><stop stop-color="#E0D3EF"/><stop offset="1" stop-color="#C1B0D4"/></linearGradient><radialGradient id="ieGg1bd" cx="0" cy="0" r="1" gradientTransform="rotate(-123.321 9.745 2.387)scale(4.60352 17.1923)" gradientUnits="userSpaceOnUse"><stop stop-color="#3669D9"/><stop offset="1" stop-color="#3669D9" stop-opacity="0"/></radialGradient><radialGradient id="iPXKW4d" cx="0" cy="0" r="1" gradientTransform="rotate(-57.265 20.217 -11.245)scale(3.0487 6.68733)" gradientUnits="userSpaceOnUse"><stop stop-color="#3669D9"/><stop offset="1" stop-color="#3669D9" stop-opacity="0"/></radialGradient><radialGradient id="iqVSFoe" cx="0" cy="0" r="1" gradientTransform="rotate(156.644 7.501 11.447)scale(11.397 9.71148)" gradientUnits="userSpaceOnUse"><stop offset=".837" stop-color="#F6ECFE" stop-opacity="0"/><stop offset="1" stop-color="#F6ECFE"/></radialGradient><radialGradient id="ieAU5tc" cx="0" cy="0" r="1" gradientTransform="rotate(-41.294 35.446 -9.492)scale(8.96398 8.60716)" gradientUnits="userSpaceOnUse"><stop offset=".91" stop-color="#B396CF" stop-opacity="0"/><stop offset=".992" stop-color="#B796D5"/></radialGradient><radialGradient id="iUDaNxe" cx="0" cy="0" r="1" gradientTransform="matrix(6.65625 5.1875 -5.87867 7.54311 15.828 19.5)" gradientUnits="userSpaceOnUse"><stop offset=".926" stop-color="#AB9CBB" stop-opacity="0"/><stop offset="1" stop-color="#AB9CBB"/></radialGradient><filter id="iD9xWxe" width="14.889" height="10.434" x="3.61" y="2.362" 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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.607843 0 0 0 0 0.960784 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1566" result="effect3_innerShadow_18_1566"/></filter><filter id="iTSxfjd" width="14.889" height="10.434" x="13.298" y="2.362" 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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.317647 0 0 0 0 0.458824 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.607843 0 0 0 0 0.960784 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1566" result="effect3_innerShadow_18_1566"/></filter><filter id="iU4HCXc" width="6.48" height="9.38" x="12.757" y="15.492" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.223529 0 0 0 0 0.345098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1566"/><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.482353 0 0 0 0 0.47451 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1566" result="effect2_innerShadow_18_1566"/></filter></defs></g>`;
</script>
cssCSS mask(随 currentColor 改色)
.2nd-place-medal {
  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(%23iD9xWxe)%22%3E%3Cpath%20fill%3D%22%234686EC%22%20d%3D%22m14.035%203.552l4.264%207.284l-6.016%201.71C8.128%2011.173%205.681%208.53%204.205%205.814c-.622-1.146-.617-3.25%201.856-3.25h6.248a2%202%200%200%201%201.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23ieGg1bd)%22%20d%3D%22m14.035%203.552l4.264%207.284l-6.016%201.71C8.128%2011.173%205.681%208.53%204.205%205.814c-.622-1.146-.617-3.25%201.856-3.25h6.248a2%202%200%200%201%201.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23i9otG1c)%22%20d%3D%22m14.035%203.552l4.264%207.284l-6.016%201.71C8.128%2011.173%205.681%208.53%204.205%205.814c-.622-1.146-.617-3.25%201.856-3.25h6.248a2%202%200%200%201%201.726.989%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iTSxfjd)%22%3E%3Cpath%20fill%3D%22%234686EC%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23iPXKW4d)%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23iQMgS7Z)%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ivea4Ce)%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%2210.048%22%20fill%3D%22url(%23i3pBxIb)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%2210.048%22%20fill%3D%22url(%23i936Mve)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%228.688%22%20fill%3D%22url(%23ingFQNw)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23i5QTzQb)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23iqVSFoe)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23ieAU5tc)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23iUDaNxe)%22%2F%3E%3Cg%20filter%3D%22url(%23iU4HCXc)%22%3E%3Cpath%20fill%3D%22%236A6372%22%20d%3D%22M18.037%2024.572h-3.97a1%201%200%200%201-.91-.58a1%201%200%200%201%20.13-1.07l3.3-4.05c.26-.32.14-.66.1-.76a.64.64%200%200%200-.58-.4h-.05c-.32%200-.61.15-.8.41c-.32.45-.95.56-1.41.24a1.01%201.01%200%200%201-.24-1.41c.56-.79%201.47-1.26%202.44-1.26h.13c1.02.05%201.91.66%202.33%201.59c.43.96.29%202.05-.37%202.86l-1.95%202.4h1.84c.56%200%201.01.45%201.01%201.01s-.44%201.02-1%201.02%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22i9otG1c%22%20x1%3D%226.582%22%20x2%3D%228.377%22%20y1%3D%222.023%22%20y2%3D%226.493%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233D89EC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233D89EC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iQMgS7Z%22%20x1%3D%2225.265%22%20x2%3D%2223.47%22%20y1%3D%222.023%22%20y2%3D%226.493%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233D89EC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233D89EC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ivea4Ce%22%20x1%3D%2215.749%22%20x2%3D%2216.086%22%20y1%3D%227.063%22%20y2%3D%227.25%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231A6DD8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231A6DD8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3pBxIb%22%20x1%3D%2223.797%22%20x2%3D%2214.45%22%20y1%3D%2214.938%22%20y2%3D%2223.484%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EFEAF6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B5A8C3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i936Mve%22%20x1%3D%2212.536%22%20x2%3D%2214.802%22%20y1%3D%2230.668%22%20y2%3D%2217.527%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D0A9F4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D0A9F4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ingFQNw%22%20x1%3D%2223.963%22%20x2%3D%2216.047%22%20y1%3D%2218.613%22%20y2%3D%2218.613%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D3C6E2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D6C6E8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i5QTzQb%22%20x1%3D%2211.286%22%20x2%3D%2223.909%22%20y1%3D%2222.103%22%20y2%3D%2218.283%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E0D3EF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C1B0D4%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22ieGg1bd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-123.321%209.745%202.387)scale(4.60352%2017.1923)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233669D9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233669D9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iPXKW4d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-57.265%2020.217%20-11.245)scale(3.0487%206.68733)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233669D9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233669D9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iqVSFoe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(156.644%207.501%2011.447)scale(11.397%209.71148)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.837%22%20stop-color%3D%22%23F6ECFE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F6ECFE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ieAU5tc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-41.294%2035.446%20-9.492)scale(8.96398%208.60716)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%23B396CF%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.992%22%20stop-color%3D%22%23B796D5%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iUDaNxe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(6.65625%205.1875%20-5.87867%207.54311%2015.828%2019.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.926%22%20stop-color%3D%22%23AB9CBB%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AB9CBB%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iD9xWxe%22%20width%3D%2214.889%22%20height%3D%2210.434%22%20x%3D%223.61%22%20y%3D%222.362%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1566%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1566%22%20result%3D%22effect2_innerShadow_18_1566%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-.25%22%20dy%3D%22.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.372549%200%200%200%200%200.607843%200%200%200%200%200.960784%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_1566%22%20result%3D%22effect3_innerShadow_18_1566%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iTSxfjd%22%20width%3D%2214.889%22%20height%3D%2210.434%22%20x%3D%2213.298%22%20y%3D%222.362%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1566%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1566%22%20result%3D%22effect2_innerShadow_18_1566%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-.25%22%20dy%3D%22.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.372549%200%200%200%200%200.607843%200%200%200%200%200.960784%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_1566%22%20result%3D%22effect3_innerShadow_18_1566%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iU4HCXc%22%20width%3D%226.48%22%20height%3D%229.38%22%20x%3D%2212.757%22%20y%3D%2215.492%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-.3%22%20dy%3D%22.3%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%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.286275%200%200%200%200%200.223529%200%200%200%200%200.345098%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1566%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.482353%200%200%200%200%200.47451%200%200%200%200%200.490196%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1566%22%20result%3D%22effect2_innerShadow_18_1566%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iD9xWxe)%22%3E%3Cpath%20fill%3D%22%234686EC%22%20d%3D%22m14.035%203.552l4.264%207.284l-6.016%201.71C8.128%2011.173%205.681%208.53%204.205%205.814c-.622-1.146-.617-3.25%201.856-3.25h6.248a2%202%200%200%201%201.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23ieGg1bd)%22%20d%3D%22m14.035%203.552l4.264%207.284l-6.016%201.71C8.128%2011.173%205.681%208.53%204.205%205.814c-.622-1.146-.617-3.25%201.856-3.25h6.248a2%202%200%200%201%201.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23i9otG1c)%22%20d%3D%22m14.035%203.552l4.264%207.284l-6.016%201.71C8.128%2011.173%205.681%208.53%204.205%205.814c-.622-1.146-.617-3.25%201.856-3.25h6.248a2%202%200%200%201%201.726.989%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iTSxfjd)%22%3E%3Cpath%20fill%3D%22%234686EC%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23iPXKW4d)%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3Cpath%20fill%3D%22url(%23iQMgS7Z)%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ivea4Ce)%22%20d%3D%22m17.812%203.552l-4.264%207.284l6.016%201.71c4.155-1.374%206.602-4.017%208.078-6.733c.622-1.146.617-3.25-1.856-3.25h-6.248a2%202%200%200%200-1.726.989%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%2210.048%22%20fill%3D%22url(%23i3pBxIb)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%2210.048%22%20fill%3D%22url(%23i936Mve)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%228.688%22%20fill%3D%22url(%23ingFQNw)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23i5QTzQb)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23iqVSFoe)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23ieAU5tc)%22%2F%3E%3Ccircle%20cx%3D%2216.047%22%20cy%3D%2220.132%22%20r%3D%227.585%22%20fill%3D%22url(%23iUDaNxe)%22%2F%3E%3Cg%20filter%3D%22url(%23iU4HCXc)%22%3E%3Cpath%20fill%3D%22%236A6372%22%20d%3D%22M18.037%2024.572h-3.97a1%201%200%200%201-.91-.58a1%201%200%200%201%20.13-1.07l3.3-4.05c.26-.32.14-.66.1-.76a.64.64%200%200%200-.58-.4h-.05c-.32%200-.61.15-.8.41c-.32.45-.95.56-1.41.24a1.01%201.01%200%200%201-.24-1.41c.56-.79%201.47-1.26%202.44-1.26h.13c1.02.05%201.91.66%202.33%201.59c.43.96.29%202.05-.37%202.86l-1.95%202.4h1.84c.56%200%201.01.45%201.01%201.01s-.44%201.02-1%201.02%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22i9otG1c%22%20x1%3D%226.582%22%20x2%3D%228.377%22%20y1%3D%222.023%22%20y2%3D%226.493%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233D89EC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233D89EC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iQMgS7Z%22%20x1%3D%2225.265%22%20x2%3D%2223.47%22%20y1%3D%222.023%22%20y2%3D%226.493%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233D89EC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233D89EC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ivea4Ce%22%20x1%3D%2215.749%22%20x2%3D%2216.086%22%20y1%3D%227.063%22%20y2%3D%227.25%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231A6DD8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231A6DD8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3pBxIb%22%20x1%3D%2223.797%22%20x2%3D%2214.45%22%20y1%3D%2214.938%22%20y2%3D%2223.484%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EFEAF6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B5A8C3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i936Mve%22%20x1%3D%2212.536%22%20x2%3D%2214.802%22%20y1%3D%2230.668%22%20y2%3D%2217.527%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D0A9F4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D0A9F4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ingFQNw%22%20x1%3D%2223.963%22%20x2%3D%2216.047%22%20y1%3D%2218.613%22%20y2%3D%2218.613%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D3C6E2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D6C6E8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i5QTzQb%22%20x1%3D%2211.286%22%20x2%3D%2223.909%22%20y1%3D%2222.103%22%20y2%3D%2218.283%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E0D3EF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C1B0D4%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22ieGg1bd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-123.321%209.745%202.387)scale(4.60352%2017.1923)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233669D9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233669D9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iPXKW4d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-57.265%2020.217%20-11.245)scale(3.0487%206.68733)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233669D9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233669D9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iqVSFoe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(156.644%207.501%2011.447)scale(11.397%209.71148)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.837%22%20stop-color%3D%22%23F6ECFE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F6ECFE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ieAU5tc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-41.294%2035.446%20-9.492)scale(8.96398%208.60716)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%23B396CF%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.992%22%20stop-color%3D%22%23B796D5%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iUDaNxe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(6.65625%205.1875%20-5.87867%207.54311%2015.828%2019.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.926%22%20stop-color%3D%22%23AB9CBB%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AB9CBB%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iD9xWxe%22%20width%3D%2214.889%22%20height%3D%2210.434%22%20x%3D%223.61%22%20y%3D%222.362%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1566%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1566%22%20result%3D%22effect2_innerShadow_18_1566%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-.25%22%20dy%3D%22.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.372549%200%200%200%200%200.607843%200%200%200%200%200.960784%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_1566%22%20result%3D%22effect3_innerShadow_18_1566%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iTSxfjd%22%20width%3D%2214.889%22%20height%3D%2210.434%22%20x%3D%2213.298%22%20y%3D%222.362%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1566%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.317647%200%200%200%200%200.458824%200%200%200%200%200.886275%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1566%22%20result%3D%22effect2_innerShadow_18_1566%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-.25%22%20dy%3D%22.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.372549%200%200%200%200%200.607843%200%200%200%200%200.960784%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_1566%22%20result%3D%22effect3_innerShadow_18_1566%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iU4HCXc%22%20width%3D%226.48%22%20height%3D%229.38%22%20x%3D%2212.757%22%20y%3D%2215.492%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-.3%22%20dy%3D%22.3%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%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.286275%200%200%200%200%200.223529%200%200%200%200%200.345098%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1566%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.482353%200%200%200%200%200.47451%200%200%200%200%200.490196%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1566%22%20result%3D%22effect2_innerShadow_18_1566%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 2nd-place-medal 加一点动效

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

2nd-place-medal 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

8.59 KB

8,801 字节

viewBox

0 0 32 32

矢量坐标系

图元总数

15

<path> ×8

风格

多色填充

填充跟随容器颜色

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

常见问题

关于 2nd-place-medal 图标的下载、商用与改色。

2nd-place-medal 图标是什么?▾

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

如何下载 2nd-place-medal 图标?▾

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

2nd-place-medal 图标可以商用吗?▾

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

如何修改 2nd-place-medal 图标的颜色?▾

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