@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
424 lines (423 loc) • 14 kB
JSX
const React = require("react");
const FirstPlaceMedalIcon = ({ 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_1526)">
<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_1526)"
/>
<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_1526)"
/>
</g>
<g filter="url(#filter1_iii_18_1526)">
<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_1526)"
/>
<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_1526)"
/>
</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_1526)"
/>
<circle
cx={16.047}
cy={20.1318}
r={10.0477}
fill="url(#paint5_linear_18_1526)"
/>
<circle
cx={16.047}
cy={20.1318}
r={10.0477}
fill="url(#paint6_linear_18_1526)"
/>
<circle
cx={16.047}
cy={20.1317}
r={8.68832}
fill="url(#paint7_linear_18_1526)"
/>
<circle
cx={16.047}
cy={20.1317}
r={7.58486}
fill="url(#paint8_linear_18_1526)"
/>
<circle
cx={16.047}
cy={20.1317}
r={7.58486}
fill="url(#paint9_radial_18_1526)"
/>
<circle
cx={16.047}
cy={20.1317}
r={7.58486}
fill="url(#paint10_radial_18_1526)"
/>
<g filter="url(#filter2_ii_18_1526)">
<path
d="M17.2197 16.8C17.2197 16.3582 16.8616 16 16.4197 16H14.4791C14.2582 16 14.0791 16.1791 14.0791 16.4V17.5766C14.0791 17.7975 14.2582 17.9766 14.4791 17.9766H14.9229C15.0609 17.9766 15.1729 18.0885 15.1729 18.2266V24C15.1729 24.2761 15.3967 24.5 15.6729 24.5H16.7197C16.9959 24.5 17.2197 24.2761 17.2197 24V16.8Z"
fill="#6F3955"
/>
</g>
<path
d="M17.2197 16.8C17.2197 16.3582 16.8616 16 16.4197 16H14.4791C14.2582 16 14.0791 16.1791 14.0791 16.4V17.5766C14.0791 17.7975 14.2582 17.9766 14.4791 17.9766H14.9229C15.0609 17.9766 15.1729 18.0885 15.1729 18.2266V24C15.1729 24.2761 15.3967 24.5 15.6729 24.5H16.7197C16.9959 24.5 17.2197 24.2761 17.2197 24V16.8Z"
fill="url(#paint11_linear_18_1526)"
/>
<defs>
<filter
id="filter0_iii_18_1526"
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_1526"
/>
<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_1526"
result="effect2_innerShadow_18_1526"
/>
<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_1526"
result="effect3_innerShadow_18_1526"
/>
</filter>
<filter
id="filter1_iii_18_1526"
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_1526"
/>
<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_1526"
result="effect2_innerShadow_18_1526"
/>
<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_1526"
result="effect3_innerShadow_18_1526"
/>
</filter>
<filter
id="filter2_ii_18_1526"
x={13.7791}
y={15.8}
width={3.64063}
height={9}
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.392157 0 0 0 0 0.164706 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_1526"
/>
<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.501961 0 0 0 0 0.333333 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_1526"
result="effect2_innerShadow_18_1526"
/>
</filter>
<radialGradient
id="paint0_radial_18_1526"
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_1526"
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_1526"
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_1526"
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_1526"
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_1526"
x1={21.4177}
y1={16.5702}
x2={14.4132}
y2={23.4337}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F4C654" />
<stop offset={1} stopColor="#DC9729" />
</linearGradient>
<linearGradient
id="paint6_linear_18_1526"
x1={12.5359}
y1={30.6677}
x2={14.802}
y2={17.5275}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FA8547" />
<stop offset={1} stopColor="#FA8547" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_1526"
x1={23.9633}
y1={18.6135}
x2={16.047}
y2={18.6135}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9A842" />
<stop offset={1} stopColor="#FAA742" />
<stop offset={1} stopColor="#FAA742" />
</linearGradient>
<linearGradient
id="paint8_linear_18_1526"
x1={12.5407}
y1={19.1699}
x2={23.8552}
y2={19.1699}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FAA945" />
<stop offset={1} stopColor="#EC9936" />
</linearGradient>
<radialGradient
id="paint9_radial_18_1526"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.9879 20.1317) rotate(180) scale(10.5257 8.96905)"
>
<stop offset={0.893104} stopColor="#F7B44D" stopOpacity={0} />
<stop offset={1} stopColor="#F7B44D" />
</radialGradient>
<radialGradient
id="paint10_radial_18_1526"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.0778 20.1317) scale(10.128 8.88135)"
>
<stop offset={0.878757} stopColor="#D2801F" stopOpacity={0} />
<stop offset={0.98268} stopColor="#D2801F" />
</radialGradient>
<linearGradient
id="paint11_linear_18_1526"
x1={16.4229}
y1={24.5}
x2={16.4229}
y2={23.6835}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#693B2E" />
<stop offset={1} stopColor="#693B2E" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = FirstPlaceMedalIcon;