@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
399 lines (398 loc) • 12.7 kB
JSX
const React = require("react");
const DollarBanknoteIcon = ({ 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.625}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint0_linear_18_21410)"
/>
<rect
x={2.07812}
y={11.625}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint1_linear_18_21410)"
/>
<rect
x={2.07812}
y={11.625}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint2_linear_18_21410)"
/>
<rect
x={2.07812}
y={8.03125}
width={27.8438}
height={18.2812}
rx={2.2}
fill="url(#paint3_radial_18_21410)"
/>
<g filter="url(#filter0_iii_18_21410)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M27.0625 10.1562H4.9375C4.52329 10.1562 4.1875 10.492 4.1875 10.9062V23.4375C4.1875 23.8517 4.52329 24.1875 4.9375 24.1875H27.0625C27.4767 24.1875 27.8125 23.8517 27.8125 23.4375V10.9062C27.8125 10.492 27.4767 10.1562 27.0625 10.1562ZM4.9375 9.40625C4.10907 9.40625 3.4375 10.0778 3.4375 10.9062V23.4375C3.4375 24.2659 4.10907 24.9375 4.9375 24.9375H27.0625C27.8909 24.9375 28.5625 24.2659 28.5625 23.4375V10.9062C28.5625 10.0778 27.8909 9.40625 27.0625 9.40625H4.9375Z"
fill="url(#paint4_linear_18_21410)"
/>
</g>
<ellipse cx={20.8438} cy={17.1719} rx={4.625} ry={4.26562} fill="#289D5B" />
<ellipse
cx={20.8438}
cy={17.1719}
rx={4.625}
ry={4.26562}
fill="url(#paint5_linear_18_21410)"
/>
<ellipse
cx={20.8438}
cy={17.1719}
rx={4.625}
ry={4.26562}
fill="url(#paint6_radial_18_21410)"
/>
<g filter="url(#filter1_f_18_21410)">
<path
d="M14.9688 8.3125H19.125V26.3125H14.8125L14.9688 8.3125Z"
fill="#127531"
/>
</g>
<g filter="url(#filter2_f_18_21410)">
<path
d="M14.9844 29.7188H19.125V26.3125H14.8125L14.9844 29.7188Z"
fill="#0B3F2E"
/>
</g>
<rect
x={15.0625}
y={8.03125}
width={4.375}
height={21.875}
fill="url(#paint7_linear_18_21410)"
/>
<rect
x={15.0625}
y={8.03125}
width={4.375}
height={21.875}
fill="url(#paint8_linear_18_21410)"
/>
<g filter="url(#filter3_dii_18_21410)">
<path
d="M9.03906 13.543C9.03906 13.2043 9.31364 12.9297 9.65234 12.9297C9.99105 12.9297 10.2656 13.2043 10.2656 13.543V14.2182C11.2671 14.4628 11.7481 15.2518 11.8164 15.9141C11.8553 16.2914 11.649 16.5472 11.3194 16.5812C10.9897 16.6152 10.695 16.3755 10.661 16.0459C10.6387 15.8302 10.5234 15.2031 9.60158 15.2031C8.28125 15.2031 8.25 16.9453 9.78126 16.9453C10.4375 16.9453 11.1314 17.3255 11.4453 17.7617C11.772 18.2158 11.8789 18.7148 11.8082 19.2159C11.6164 20.0578 11.0303 20.557 10.2656 20.7327V21.3828C10.2656 21.7215 9.99105 21.9961 9.65234 21.9961C9.31364 21.9961 9.03906 21.7215 9.03906 21.3828V20.7471C8.18337 20.5638 7.57449 19.9503 7.46484 19.0156C7.42623 18.6865 7.63224 18.388 7.96135 18.3494C8.29047 18.3108 8.58857 18.5463 8.62718 18.8754C8.64634 19.0388 8.71214 19.2701 8.85459 19.4474C8.97636 19.5988 9.18323 19.7344 9.60158 19.7344C10.1229 19.7344 10.3991 19.5438 10.5313 19.3281C10.9375 18.7422 10.4623 18.0156 9.75393 18.0156C8.8051 17.9766 8.33951 17.736 7.96135 17.3242C7.65407 16.9896 7.46487 16.5302 7.46487 16.0664C7.46487 15.7692 7.55185 15.2875 7.87787 14.8906C8.14048 14.571 8.52307 14.31 9.03906 14.1994V13.543Z"
fill="url(#paint9_linear_18_21410)"
/>
</g>
<defs>
<filter
id="filter0_iii_18_21410"
x={3.2375}
y={9.40625}
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.0941176 0 0 0 0 0.509804 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21410"
/>
<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.0941176 0 0 0 0 0.509804 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21410"
result="effect2_innerShadow_18_21410"
/>
<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.172549 0 0 0 0 0.709804 0 0 0 0 0.4 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_21410"
result="effect3_innerShadow_18_21410"
/>
</filter>
<filter
id="filter1_f_18_21410"
x={14.4125}
y={7.9125}
width={5.1125}
height={18.8}
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_21410"
/>
</filter>
<filter
id="filter2_f_18_21410"
x={14.5625}
y={26.0625}
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_21410"
/>
</filter>
<filter
id="filter3_dii_18_21410"
x={7.21021}
y={12.8297}
width={4.71877}
height={9.41641}
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.0901961 0 0 0 0 0.521569 0 0 0 0 0.223529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18_21410"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18_21410"
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.760784 0 0 0 0 0.752941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect2_innerShadow_18_21410"
/>
<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.05} />
<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_21410"
result="effect3_innerShadow_18_21410"
/>
</filter>
<linearGradient
id="paint0_linear_18_21410"
x1={28.1094}
y1={28.6875}
x2={3.04688}
y2={28.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#12724A" />
<stop offset={1} stopColor="#116245" />
</linearGradient>
<linearGradient
id="paint1_linear_18_21410"
x1={29.9219}
y1={27.8125}
x2={27.2656}
y2={27.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1C8F60" />
<stop offset={1} stopColor="#1C8F60" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_21410"
x1={2.07812}
y1={27.6875}
x2={4.82812}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.556818} stopColor="#195840" />
<stop offset={1} stopColor="#195840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_21410"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.6875 8.75) rotate(48.2593) scale(19.4327 25.4832)"
>
<stop stopColor="#31DE74" />
<stop offset={1} stopColor="#20CF5E" />
</radialGradient>
<linearGradient
id="paint4_linear_18_21410"
x1={25.625}
y1={9.75}
x2={7.875}
y2={24.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#24A35B" />
<stop offset={1} stopColor="#27A05A" />
</linearGradient>
<linearGradient
id="paint5_linear_18_21410"
x1={19.3125}
y1={17.6875}
x2={21.0938}
y2={17.6875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.22807} stopColor="#269553" />
<stop offset={1} stopColor="#269553" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18_21410"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.8437 17.8437) rotate(-40.8023) scale(4.83012 4.74756)"
>
<stop offset={0.587108} stopColor="#249755" stopOpacity={0} />
<stop offset={0.986856} stopColor="#16793D" />
</radialGradient>
<linearGradient
id="paint7_linear_18_21410"
x1={17.25}
y1={9.6875}
x2={17.25}
y2={27}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD425" />
<stop offset={1} stopColor="#FFAD24" />
</linearGradient>
<linearGradient
id="paint8_linear_18_21410"
x1={18.3125}
y1={29.9063}
x2={18.3125}
y2={26.0625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.893939} stopColor="#CC8139" />
<stop offset={1} stopColor="#CC8139" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_21410"
x1={9.6446}
y1={12.9297}
x2={9.6446}
y2={21.9961}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EFEAEA" />
<stop offset={1} stopColor="#EAE3E3" />
</linearGradient>
</defs>
</svg>
);
module.exports = DollarBanknoteIcon;