@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
480 lines (479 loc) • 15.7 kB
JSX
const React = require("react");
const CoinIcon = ({ 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_i_18_21332)">
<circle
cx={16}
cy={16.4141}
r={10.875}
fill="url(#paint0_linear_18_21332)"
/>
</g>
<g filter="url(#filter1_iiii_18_21332)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16 30.3828C23.7147 30.3828 29.9688 24.1288 29.9688 16.4141C29.9688 8.69934 23.7147 2.44531 16 2.44531C8.28528 2.44531 2.03125 8.69934 2.03125 16.4141C2.03125 24.1288 8.28528 30.3828 16 30.3828ZM16 27.2891C22.0061 27.2891 26.875 22.4202 26.875 16.4141C26.875 10.408 22.0061 5.53906 16 5.53906C9.9939 5.53906 5.125 10.408 5.125 16.4141C5.125 22.4202 9.9939 27.2891 16 27.2891Z"
fill="url(#paint1_linear_18_21332)"
/>
</g>
<g filter="url(#filter2_f_18_21332)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.913 11.3154C9.74003 11.4256 9.63523 11.6165 9.63523 11.8216V12.1016C9.63523 12.3566 9.82609 12.567 10.0727 12.5978V20.1954H9.96507C9.64652 20.1954 9.36814 20.4105 9.2877 20.7187L8.97825 21.9051C8.89561 22.2219 9.13462 22.5313 9.46201 22.5313H21.9129C22.2345 22.5313 22.4724 22.2322 22.4001 21.9189L22.1276 20.738C22.0543 20.4204 21.7715 20.1954 21.4455 20.1954H21.3384V12.5956C21.5774 12.5581 21.7602 12.3512 21.7602 12.1016V11.8216C21.7602 11.6165 21.6554 11.4256 21.4825 11.3154L16.1005 7.8893C15.8548 7.73286 15.5407 7.73286 15.295 7.8893L9.913 11.3154ZM19.729 20.1954V12.6016H18.1196V20.1954H19.729ZM16.5102 20.1954V12.6016H14.9009V20.1954H16.5102ZM13.2915 20.1954V12.6016H11.6821V20.1954H13.2915Z"
fill="#DC7B3C"
/>
</g>
<g filter="url(#filter3_ii_18_21332)">
<path
d="M9.94775 11.5403C9.94775 11.3352 10.0525 11.1443 10.2255 11.0342L15.6075 7.60804C15.8532 7.45162 16.1673 7.45162 16.413 7.60804L21.795 11.0342C21.968 11.1443 22.0728 11.3352 22.0728 11.5403V11.8204C22.0728 12.0965 21.8489 12.3204 21.5728 12.3204H10.4478C10.1716 12.3204 9.94775 12.0965 9.94775 11.8204V11.5403Z"
fill="#FFC546"
/>
</g>
<path
d="M9.94775 11.5403C9.94775 11.3352 10.0525 11.1443 10.2255 11.0342L15.6075 7.60804C15.8532 7.45162 16.1673 7.45162 16.413 7.60804L21.795 11.0342C21.968 11.1443 22.0728 11.3352 22.0728 11.5403V11.8204C22.0728 12.0965 21.8489 12.3204 21.5728 12.3204H10.4478C10.1716 12.3204 9.94775 12.0965 9.94775 11.8204V11.5403Z"
fill="url(#paint2_linear_18_21332)"
/>
<path
d="M10.3853 12.1172C10.3853 11.9791 10.4972 11.8672 10.6353 11.8672H11.7446C11.8827 11.8672 11.9946 11.9791 11.9946 12.1172V20.1328H10.3853V12.1172Z"
fill="url(#paint3_linear_18_21332)"
/>
<path
d="M10.3853 12.1172C10.3853 11.9791 10.4972 11.8672 10.6353 11.8672H11.7446C11.8827 11.8672 11.9946 11.9791 11.9946 12.1172V20.1328H10.3853V12.1172Z"
fill="url(#paint4_linear_18_21332)"
/>
<rect
x={13.604}
y={11.8672}
width={1.60938}
height={8.26562}
fill="url(#paint5_linear_18_21332)"
/>
<rect
x={13.604}
y={11.8672}
width={1.60938}
height={8.26562}
fill="url(#paint6_linear_18_21332)"
/>
<rect
x={16.8228}
y={11.8672}
width={1.60938}
height={8.26562}
fill="url(#paint7_linear_18_21332)"
/>
<rect
x={16.8228}
y={11.8672}
width={1.60938}
height={8.26562}
fill="url(#paint8_linear_18_21332)"
/>
<rect
x={20.0415}
y={11.8672}
width={1.60938}
height={8.26562}
fill="url(#paint9_linear_18_21332)"
/>
<rect
x={20.0415}
y={11.8672}
width={1.60938}
height={8.26562}
fill="url(#paint10_linear_18_21332)"
/>
<g filter="url(#filter4_ii_18_21332)">
<path
d="M9.60025 20.4374C9.68066 20.1291 9.95903 19.9141 10.2776 19.9141H21.758C22.084 19.9141 22.3668 20.139 22.4401 20.4567L22.7126 21.6376C22.7849 21.9509 22.547 22.25 22.2254 22.25H9.77456C9.44716 22.25 9.20811 21.9406 9.29075 21.6238L9.60025 20.4374Z"
fill="#FFC248"
/>
</g>
<defs>
<filter
id="filter0_i_18_21332"
x={4.875}
y={5.53906}
width={22}
height={22}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.831373 0 0 0 0 0.45098 0 0 0 0 0.196078 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21332"
/>
</filter>
<filter
id="filter1_iiii_18_21332"
x={1.73125}
y={2.14531}
width={28.5375}
height={28.5375}
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.886275 0 0 0 0 0.662745 0 0 0 0 0.235294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21332"
/>
<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.956863 0 0 0 0 0.607843 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21332"
result="effect2_innerShadow_18_21332"
/>
<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 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.956863 0 0 0 0 0.607843 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_21332"
result="effect3_innerShadow_18_21332"
/>
<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 1 0 0 0 0 0.882353 0 0 0 0 0.337255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18_21332"
result="effect4_innerShadow_18_21332"
/>
</filter>
<filter
id="filter2_f_18_21332"
x={8.36179}
y={7.17197}
width={14.6514}
height={15.9593}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_21332"
/>
</filter>
<filter
id="filter3_ii_18_21332"
x={9.94775}
y={7.24072}
width={12.275}
height={5.32959}
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 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.980392 0 0 0 0 0.647059 0 0 0 0 0.172549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21332"
/>
<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.15} 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.980392 0 0 0 0 0.647059 0 0 0 0 0.172549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21332"
result="effect2_innerShadow_18_21332"
/>
</filter>
<filter
id="filter4_ii_18_21332"
x={9.02429}
y={19.6641}
width={13.9514}
height={2.83594}
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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.992157 0 0 0 0 0.658824 0 0 0 0 0.0705882 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21332"
/>
<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.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.8 0 0 0 0 0.290196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21332"
result="effect2_innerShadow_18_21332"
/>
</filter>
<linearGradient
id="paint0_linear_18_21332"
x1={11.5625}
y1={21.8516}
x2={23.3125}
y2={7.03906}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F19D48" />
<stop offset={1} stopColor="#E89A44" />
</linearGradient>
<linearGradient
id="paint1_linear_18_21332"
x1={16}
y1={2.44531}
x2={16}
y2={30.3828}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC444" />
<stop offset={1} stopColor="#FFC24B" />
</linearGradient>
<linearGradient
id="paint2_linear_18_21332"
x1={19.3125}
y1={9.28914}
x2={18.9062}
y2={9.90556}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.458872} stopColor="#FFCA3F" />
<stop offset={1} stopColor="#FFCA3F" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_21332"
x1={10.5313}
y1={15.0585}
x2={11.3125}
y2={15.0585}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.166667} stopColor="#FFB33B" />
<stop offset={1} stopColor="#FFC047" />
</linearGradient>
<linearGradient
id="paint4_linear_18_21332"
x1={11.9946}
y1={16.6861}
x2={11.6094}
y2={16.6861}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0671736} stopColor="#FFC34C" />
<stop offset={1} stopColor="#FFC34C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_21332"
x1={13.75}
y1={15.0585}
x2={14.5313}
y2={15.0585}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.166667} stopColor="#FFB33B" />
<stop offset={1} stopColor="#FFC047" />
</linearGradient>
<linearGradient
id="paint6_linear_18_21332"
x1={15.2134}
y1={16.6861}
x2={14.8281}
y2={16.6861}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0671736} stopColor="#FFC34C" />
<stop offset={1} stopColor="#FFC34C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_21332"
x1={16.9688}
y1={15.0585}
x2={17.75}
y2={15.0585}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.166667} stopColor="#FFB33B" />
<stop offset={1} stopColor="#FFC047" />
</linearGradient>
<linearGradient
id="paint8_linear_18_21332"
x1={18.4321}
y1={16.6861}
x2={18.0469}
y2={16.6861}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0671736} stopColor="#FFC34C" />
<stop offset={1} stopColor="#FFC34C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_21332"
x1={20.1875}
y1={15.0585}
x2={20.9688}
y2={15.0585}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.166667} stopColor="#FFB33B" />
<stop offset={1} stopColor="#FFC047" />
</linearGradient>
<linearGradient
id="paint10_linear_18_21332"
x1={21.6509}
y1={16.6861}
x2={21.2656}
y2={16.6861}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0671736} stopColor="#FFC34C" />
<stop offset={1} stopColor="#FFC34C" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = CoinIcon;