@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
425 lines (424 loc) • 14.3 kB
JSX
const React = require("react");
const SecondPlaceMedalIcon = ({ title, titleId, ...props }) => (
<svg
width="1em"
height="1em"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g filter="url(#filter0_iii_18_1566)">
<path
d="M14.0346 3.55204L18.2991 10.8362L12.2834 12.5469C8.12828 11.172 5.68075 8.52904 4.20532 5.8125C3.58307 4.66681 3.58813 2.5625 6.06108 2.5625H12.3087C13.0189 2.5625 13.6758 2.93914 14.0346 3.55204Z"
fill="#4686EC"
/>
<path
d="M14.0346 3.55204L18.2991 10.8362L12.2834 12.5469C8.12828 11.172 5.68075 8.52904 4.20532 5.8125C3.58307 4.66681 3.58813 2.5625 6.06108 2.5625H12.3087C13.0189 2.5625 13.6758 2.93914 14.0346 3.55204Z"
fill="url(#paint0_radial_18_1566)"
/>
<path
d="M14.0346 3.55204L18.2991 10.8362L12.2834 12.5469C8.12828 11.172 5.68075 8.52904 4.20532 5.8125C3.58307 4.66681 3.58813 2.5625 6.06108 2.5625H12.3087C13.0189 2.5625 13.6758 2.93914 14.0346 3.55204Z"
fill="url(#paint1_linear_18_1566)"
/>
</g>
<g filter="url(#filter1_iii_18_1566)">
<path
d="M17.8123 3.55204L13.5479 10.8362L19.5635 12.5469C23.7186 11.172 26.1662 8.52904 27.6416 5.8125C28.2639 4.66681 28.2588 2.5625 25.7858 2.5625H19.5383C18.828 2.5625 18.1711 2.93914 17.8123 3.55204Z"
fill="#4686EC"
/>
<path
d="M17.8123 3.55204L13.5479 10.8362L19.5635 12.5469C23.7186 11.172 26.1662 8.52904 27.6416 5.8125C28.2639 4.66681 28.2588 2.5625 25.7858 2.5625H19.5383C18.828 2.5625 18.1711 2.93914 17.8123 3.55204Z"
fill="url(#paint2_radial_18_1566)"
/>
<path
d="M17.8123 3.55204L13.5479 10.8362L19.5635 12.5469C23.7186 11.172 26.1662 8.52904 27.6416 5.8125C28.2639 4.66681 28.2588 2.5625 25.7858 2.5625H19.5383C18.828 2.5625 18.1711 2.93914 17.8123 3.55204Z"
fill="url(#paint3_linear_18_1566)"
/>
</g>
<path
d="M17.8123 3.55204L13.5479 10.8362L19.5635 12.5469C23.7186 11.172 26.1662 8.52904 27.6416 5.8125C28.2639 4.66681 28.2588 2.5625 25.7858 2.5625H19.5383C18.828 2.5625 18.1711 2.93914 17.8123 3.55204Z"
fill="url(#paint4_linear_18_1566)"
/>
<circle
cx={16.047}
cy={20.1318}
r={10.0477}
fill="url(#paint5_linear_18_1566)"
/>
<circle
cx={16.047}
cy={20.1318}
r={10.0477}
fill="url(#paint6_linear_18_1566)"
/>
<circle
cx={16.047}
cy={20.1317}
r={8.68832}
fill="url(#paint7_linear_18_1566)"
/>
<circle
cx={16.047}
cy={20.1317}
r={7.58486}
fill="url(#paint8_linear_18_1566)"
/>
<circle
cx={16.047}
cy={20.1317}
r={7.58486}
fill="url(#paint9_radial_18_1566)"
/>
<circle
cx={16.047}
cy={20.1317}
r={7.58486}
fill="url(#paint10_radial_18_1566)"
/>
<circle
cx={16.047}
cy={20.1317}
r={7.58486}
fill="url(#paint11_radial_18_1566)"
/>
<g filter="url(#filter2_ii_18_1566)">
<path
d="M18.0368 24.5716H14.0668C13.6768 24.5716 13.3268 24.3517 13.1568 23.9917C12.9868 23.6417 13.0368 23.2216 13.2868 22.9216L16.5868 18.8716C16.8468 18.5516 16.7268 18.2116 16.6868 18.1116C16.6368 17.9916 16.4768 17.7216 16.1068 17.7116C16.0968 17.7116 16.0768 17.7116 16.0568 17.7116C15.7368 17.7116 15.4468 17.8616 15.2568 18.1216C14.9368 18.5716 14.3068 18.6816 13.8468 18.3616C13.3868 18.0416 13.2868 17.4116 13.6068 16.9516C14.1668 16.1616 15.0768 15.6917 16.0468 15.6917C16.0968 15.6917 16.1368 15.6917 16.1768 15.6917C17.1968 15.7417 18.0868 16.3516 18.5068 17.2816C18.9368 18.2416 18.7968 19.3316 18.1368 20.1416L16.1868 22.5416H18.0268C18.5868 22.5416 19.0368 22.9917 19.0368 23.5517C19.0368 24.1117 18.5968 24.5716 18.0368 24.5716Z"
fill="#6A6372"
/>
</g>
<defs>
<filter
id="filter0_iii_18_1566"
x={3.61035}
y={2.3625}
width={14.8887}
height={10.4344}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_1566"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="effect1_innerShadow_18_1566"
result="effect2_innerShadow_18_1566"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="effect2_innerShadow_18_1566"
result="effect3_innerShadow_18_1566"
/>
</filter>
<filter
id="filter1_iii_18_1566"
x={13.2979}
y={2.3625}
width={14.8887}
height={10.4344}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_1566"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="effect1_innerShadow_18_1566"
result="effect2_innerShadow_18_1566"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="effect2_innerShadow_18_1566"
result="effect3_innerShadow_18_1566"
/>
</filter>
<filter
id="filter2_ii_18_1566"
x={12.7571}
y={15.4917}
width={6.47974}
height={9.38}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_1566"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="effect1_innerShadow_18_1566"
result="effect2_innerShadow_18_1566"
/>
</filter>
<radialGradient
id="paint0_radial_18_1566"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.103 11.8416) rotate(-123.321) scale(4.60352 17.1923)"
>
<stop stopColor="#3669D9" />
<stop offset={1} stopColor="#3669D9" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint1_linear_18_1566"
x1={6.58184}
y1={2.02319}
x2={8.37699}
y2={6.49275}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D89EC" />
<stop offset={1} stopColor="#3D89EC" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_1566"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.7439 11.8416) rotate(-57.2648) scale(3.0487 6.68733)"
>
<stop stopColor="#3669D9" />
<stop offset={1} stopColor="#3669D9" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_1566"
x1={25.2651}
y1={2.02319}
x2={23.4699}
y2={6.49275}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D89EC" />
<stop offset={1} stopColor="#3D89EC" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_1566"
x1={15.7486}
y1={7.06334}
x2={16.0863}
y2={7.24966}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1A6DD8" />
<stop offset={1} stopColor="#1A6DD8" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_1566"
x1={23.797}
y1={14.9375}
x2={14.4495}
y2={23.4842}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EFEAF6" />
<stop offset={1} stopColor="#B5A8C3" />
</linearGradient>
<linearGradient
id="paint6_linear_18_1566"
x1={12.5359}
y1={30.6677}
x2={14.802}
y2={17.5275}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D0A9F4" />
<stop offset={1} stopColor="#D0A9F4" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_1566"
x1={23.9633}
y1={18.6135}
x2={16.047}
y2={18.6135}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D3C6E2" />
<stop offset={1} stopColor="#D6C6E8" />
</linearGradient>
<linearGradient
id="paint8_linear_18_1566"
x1={11.2863}
y1={22.1026}
x2={23.9093}
y2={18.2831}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E0D3EF" />
<stop offset={1} stopColor="#C1B0D4" />
</linearGradient>
<radialGradient
id="paint9_radial_18_1566"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.9253 18.9818) rotate(156.644) scale(11.397 9.71148)"
>
<stop offset={0.837399} stopColor="#F6ECFE" stopOpacity={0} />
<stop offset={1} stopColor="#F6ECFE" />
</radialGradient>
<radialGradient
id="paint10_radial_18_1566"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0782 21.0313) rotate(-41.2938) scale(8.96398 8.60716)"
>
<stop offset={0.909611} stopColor="#B396CF" stopOpacity={0} />
<stop offset={0.991989} stopColor="#B796D5" />
</radialGradient>
<radialGradient
id="paint11_radial_18_1566"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.8282 19.5) rotate(37.9308) scale(8.43895 9.56333)"
>
<stop offset={0.925972} stopColor="#AB9CBB" stopOpacity={0} />
<stop offset={1} stopColor="#AB9CBB" />
</radialGradient>
</defs>
</svg>
);
module.exports = SecondPlaceMedalIcon;