@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
399 lines (398 loc) • 12.4 kB
JSX
const React = require("react");
const YenBanknoteIcon = ({ 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}
<rect
x={2.07812}
y={11.6875}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint0_linear_18_21354)"
/>
<rect
x={2.07812}
y={11.6875}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint1_linear_18_21354)"
/>
<rect
x={2.07812}
y={11.6875}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint2_linear_18_21354)"
/>
<rect
x={2.07812}
y={8.09375}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint3_radial_18_21354)"
/>
<g filter="url(#filter0_iii_18_21354)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M27.0625 10.2188H4.9375C4.52329 10.2188 4.1875 10.5545 4.1875 10.9687V23.5C4.1875 23.9142 4.52329 24.25 4.9375 24.25H27.0625C27.4767 24.25 27.8125 23.9142 27.8125 23.5V10.9688C27.8125 10.5545 27.4767 10.2188 27.0625 10.2188ZM4.9375 9.46875C4.10907 9.46875 3.4375 10.1403 3.4375 10.9687V23.5C3.4375 24.3284 4.10907 25 4.9375 25H27.0625C27.8909 25 28.5625 24.3284 28.5625 23.5V10.9688C28.5625 10.1403 27.8909 9.46875 27.0625 9.46875H4.9375Z"
fill="url(#paint4_linear_18_21354)"
/>
</g>
<ellipse cx={20.8438} cy={17.2344} rx={4.625} ry={4.26562} fill="#CC8642" />
<ellipse
cx={20.8438}
cy={17.2344}
rx={4.625}
ry={4.26562}
fill="url(#paint5_linear_18_21354)"
/>
<ellipse
cx={20.8438}
cy={17.2344}
rx={4.625}
ry={4.26562}
fill="url(#paint6_radial_18_21354)"
/>
<g filter="url(#filter1_dii_18_21354)">
<path
d="M7.41073 12.5687C7.23298 12.2729 6.84902 12.1771 6.55312 12.3548C6.25723 12.5326 6.16146 12.9166 6.33921 13.2124L8.43804 16.7062H6.92186C6.6043 16.7062 6.34686 16.9637 6.34686 17.2812C6.34686 17.5988 6.6043 17.8562 6.92186 17.8562H8.8125V18.5656H6.92186C6.6043 18.5656 6.34686 18.823 6.34686 19.1406C6.34686 19.4582 6.6043 19.7156 6.92186 19.7156H8.8125V21.125C8.8125 21.4701 9.09232 21.75 9.4375 21.75C9.78268 21.75 10.0625 21.4701 10.0625 21.125V19.7156H12.1719C12.4894 19.7156 12.7469 19.4582 12.7469 19.1406C12.7469 18.823 12.4894 18.5656 12.1719 18.5656H10.0625V17.8562H12.1719C12.4894 17.8562 12.7469 17.5988 12.7469 17.2812C12.7469 16.9637 12.4894 16.7062 12.1719 16.7062H10.4511L12.6095 13.2196C12.7912 12.9261 12.7006 12.5409 12.4071 12.3592C12.1136 12.1775 11.7284 12.2681 11.5467 12.5616L9.44548 15.9559L7.41073 12.5687Z"
fill="url(#paint7_linear_18_21354)"
/>
</g>
<g filter="url(#filter2_f_18_21354)">
<path
d="M14.9688 8.42188H19.125V26.375H14.8125L14.9688 8.42188Z"
fill="#8F491D"
/>
</g>
<g filter="url(#filter3_f_18_21354)">
<path
d="M14.9844 29.7812H19.125V26.375H14.8125L14.9844 29.7812Z"
fill="#9E5020"
/>
</g>
<rect
x={15.0625}
y={8.09375}
width={4.375}
height={21.875}
fill="url(#paint8_linear_18_21354)"
/>
<rect
x={15.0625}
y={8.09375}
width={4.375}
height={21.875}
fill="url(#paint9_linear_18_21354)"
/>
<defs>
<filter
id="filter0_iii_18_21354"
x={3.2375}
y={9.46875}
width={25.525}
height={15.7313}
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.2} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.729412 0 0 0 0 0.427451 0 0 0 0 0.176471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21354"
/>
<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} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.894118 0 0 0 0 0.580392 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21354"
result="effect2_innerShadow_18_21354"
/>
<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} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.729412 0 0 0 0 0.427451 0 0 0 0 0.176471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_21354"
result="effect3_innerShadow_18_21354"
/>
</filter>
<filter
id="filter1_dii_18_21354"
x={5.99988}
y={12.2155}
width={6.79701}
height={9.7845}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.694118 0 0 0 0 0.462745 0 0 0 0 0.278431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18_21354"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18_21354"
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.05} dy={-0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.870588 0 0 0 0 0.768627 0 0 0 0 0.737255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect2_innerShadow_18_21354"
/>
<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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.996078 0 0 0 0 0.992157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_21354"
result="effect3_innerShadow_18_21354"
/>
</filter>
<filter
id="filter2_f_18_21354"
x={14.4125}
y={8.02187}
width={5.1125}
height={18.7531}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_21354"
/>
</filter>
<filter
id="filter3_f_18_21354"
x={14.5625}
y={26.125}
width={4.8125}
height={3.90625}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_21354"
/>
</filter>
<linearGradient
id="paint0_linear_18_21354"
x1={28.1094}
y1={28.75}
x2={3.04688}
y2={28.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B67732" />
<stop offset={1} stopColor="#AE5A20" />
</linearGradient>
<linearGradient
id="paint1_linear_18_21354"
x1={29.9219}
y1={27.875}
x2={27.2656}
y2={27.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DF9D4B" />
<stop offset={1} stopColor="#DF9D4B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_21354"
x1={2.07812}
y1={27.75}
x2={4.82812}
y2={27.75}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.556818} stopColor="#A04E1F" />
<stop offset={1} stopColor="#A04E1F" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_21354"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.6875 8.8125) rotate(48.2593) scale(19.4327 25.4832)"
>
<stop stopColor="#F5BF80" />
<stop offset={1} stopColor="#E5AC6A" />
</radialGradient>
<linearGradient
id="paint4_linear_18_21354"
x1={25.625}
y1={9.8125}
x2={7.875}
y2={24.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CC833F" />
<stop offset={1} stopColor="#D48840" />
</linearGradient>
<linearGradient
id="paint5_linear_18_21354"
x1={19.3125}
y1={17.75}
x2={21.0938}
y2={17.75}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.22807} stopColor="#D2813E" />
<stop offset={1} stopColor="#D2813E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18_21354"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.8437 17.9062) rotate(-40.8023) scale(4.83012 4.74756)"
>
<stop offset={0.587108} stopColor="#C68240" stopOpacity={0} />
<stop offset={0.986856} stopColor="#AF6328" />
</radialGradient>
<linearGradient
id="paint7_linear_18_21354"
x1={9.49839}
y1={12.2655}
x2={9.49839}
y2={21.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EFEAEA" />
<stop offset={1} stopColor="#EAE3E3" />
</linearGradient>
<linearGradient
id="paint8_linear_18_21354"
x1={17.25}
y1={9.75}
x2={17.25}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD425" />
<stop offset={1} stopColor="#FFAD24" />
</linearGradient>
<linearGradient
id="paint9_linear_18_21354"
x1={18.3125}
y1={29.9688}
x2={18.3125}
y2={26.125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.893939} stopColor="#CC8139" />
<stop offset={1} stopColor="#CC8139" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = YenBanknoteIcon;