@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
294 lines (293 loc) • 10.4 kB
JSX
const React = require("react");
const ReceiptIcon = ({ 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_21670)">
<path
d="M25.8502 2.69532C25.9267 2.62064 26.0446 2.60044 26.1272 2.66826C26.3003 2.81039 26.4688 3.06136 26.4688 3.46033V26.0033C26.4688 28.3505 24.566 30.2533 22.2188 30.2533H7.4375V29.4252H6.54688V3.25775C6.59785 2.94055 6.76497 2.74135 6.92284 2.63015C7.00362 2.57326 7.11069 2.59433 7.18282 2.66186L8.11536 3.53488C8.27155 3.68109 8.51508 3.67853 8.66815 3.52908L9.71033 2.51151C9.78754 2.43613 9.89117 2.39392 9.99902 2.39392C10.1039 2.39392 10.2049 2.43381 10.2815 2.50549L11.381 3.53488C11.5372 3.68109 11.7807 3.67853 11.9338 3.52908L12.976 2.51151C13.0532 2.43613 13.1568 2.39392 13.2646 2.39392C13.3696 2.39392 13.4705 2.43381 13.5471 2.50549L14.6466 3.53488C14.8028 3.68109 15.0463 3.67853 15.1994 3.52908L16.2416 2.51151C16.3188 2.43613 16.4224 2.39392 16.5303 2.39392C16.6352 2.39392 16.7361 2.43381 16.8127 2.50549L17.9122 3.53488C18.0684 3.68109 18.312 3.67853 18.465 3.52908L19.5072 2.51151C19.5844 2.43613 19.688 2.39392 19.7959 2.39392C19.9008 2.39392 20.0018 2.43381 20.0784 2.50549L21.1779 3.53488C21.334 3.68109 21.5776 3.67853 21.7307 3.52908L22.7728 2.51151C22.85 2.43613 22.9537 2.39392 23.0615 2.39392C23.1664 2.39392 23.2674 2.43381 23.344 2.50549L24.4435 3.53488C24.5997 3.68109 24.8432 3.67853 24.9963 3.52908L25.8502 2.69532Z"
fill="url(#paint0_linear_18_21670)"
/>
<path
d="M25.8502 2.69532C25.9267 2.62064 26.0446 2.60044 26.1272 2.66826C26.3003 2.81039 26.4688 3.06136 26.4688 3.46033V26.0033C26.4688 28.3505 24.566 30.2533 22.2188 30.2533H7.4375V29.4252H6.54688V3.25775C6.59785 2.94055 6.76497 2.74135 6.92284 2.63015C7.00362 2.57326 7.11069 2.59433 7.18282 2.66186L8.11536 3.53488C8.27155 3.68109 8.51508 3.67853 8.66815 3.52908L9.71033 2.51151C9.78754 2.43613 9.89117 2.39392 9.99902 2.39392C10.1039 2.39392 10.2049 2.43381 10.2815 2.50549L11.381 3.53488C11.5372 3.68109 11.7807 3.67853 11.9338 3.52908L12.976 2.51151C13.0532 2.43613 13.1568 2.39392 13.2646 2.39392C13.3696 2.39392 13.4705 2.43381 13.5471 2.50549L14.6466 3.53488C14.8028 3.68109 15.0463 3.67853 15.1994 3.52908L16.2416 2.51151C16.3188 2.43613 16.4224 2.39392 16.5303 2.39392C16.6352 2.39392 16.7361 2.43381 16.8127 2.50549L17.9122 3.53488C18.0684 3.68109 18.312 3.67853 18.465 3.52908L19.5072 2.51151C19.5844 2.43613 19.688 2.39392 19.7959 2.39392C19.9008 2.39392 20.0018 2.43381 20.0784 2.50549L21.1779 3.53488C21.334 3.68109 21.5776 3.67853 21.7307 3.52908L22.7728 2.51151C22.85 2.43613 22.9537 2.39392 23.0615 2.39392C23.1664 2.39392 23.2674 2.43381 23.344 2.50549L24.4435 3.53488C24.5997 3.68109 24.8432 3.67853 24.9963 3.52908L25.8502 2.69532Z"
fill="url(#paint1_radial_18_21670)"
/>
</g>
<g filter="url(#filter1_ii_18_21670)">
<path
d="M18.638 26.2845C18.638 25.7323 18.1903 25.2845 17.638 25.2845H4.54062C3.99179 25.2845 3.54688 25.7295 3.54688 26.2783C3.54688 28.4736 5.32654 30.2533 7.52188 30.2533H21.6713C19.276 30.0405 18.6626 27.7052 18.638 26.3725V26.2845Z"
fill="url(#paint2_linear_18_21670)"
/>
<path
d="M18.638 26.2845C18.638 25.7323 18.1903 25.2845 17.638 25.2845H4.54062C3.99179 25.2845 3.54688 25.7295 3.54688 26.2783C3.54688 28.4736 5.32654 30.2533 7.52188 30.2533H21.6713C19.276 30.0405 18.6626 27.7052 18.638 26.3725V26.2845Z"
fill="url(#paint3_linear_18_21670)"
/>
</g>
<rect
x={9.54688}
y={6.36267}
width={13.9531}
height={1.95312}
rx={0.976562}
fill="#97939D"
/>
<rect
x={9.54688}
y={10.3314}
width={8.9375}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={9.54688}
y={13.3002}
width={8.9375}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={9.54688}
y={16.3236}
width={8.9375}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={9.54688}
y={19.347}
width={8.9375}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={9.54688}
y={22.3705}
width={8.9375}
height={1.03125}
rx={0.515625}
fill="#97929F"
/>
<rect
x={19.5156}
y={13.3002}
width={3.98438}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={19.5156}
y={10.3314}
width={3.98438}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={19.5156}
y={16.3236}
width={3.98438}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={19.5156}
y={19.347}
width={3.98438}
height={1.03125}
rx={0.515625}
fill="#97939D"
/>
<rect
x={19.5156}
y={22.3705}
width={3.98438}
height={1.03125}
rx={0.515625}
fill="#9893A0"
/>
<defs>
<filter
id="filter0_iii_18_21670"
x={6.39687}
y={2.24392}
width={20.2219}
height={28.0094}
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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21670"
/>
<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} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21670"
result="effect2_innerShadow_18_21670"
/>
<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} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.733333 0 0 0 0 0.713726 0 0 0 0 0.764706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_21670"
result="effect3_innerShadow_18_21670"
/>
</filter>
<filter
id="filter1_ii_18_21670"
x={3.39687}
y={25.2845}
width={18.3745}
height={4.96875}
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.15} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21670"
/>
<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} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.666667 0 0 0 0 0.6 0 0 0 0 0.74902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21670"
result="effect2_innerShadow_18_21670"
/>
</filter>
<linearGradient
id="paint0_linear_18_21670"
x1={8.5}
y1={17.0033}
x2={26.4688}
y2={17.0033}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DFD8E8" />
<stop offset={1} stopColor="#E0DBEA" />
</linearGradient>
<radialGradient
id="paint1_radial_18_21670"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.9375 31.6908) rotate(-60.0013) scale(7.00028 10.9764)"
>
<stop stopColor="#F9F3FE" />
<stop offset={1} stopColor="#F9F3FE" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_21670"
x1={12.6091}
y1={25.2845}
x2={12.6091}
y2={30.2533}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DCD4E8" />
<stop offset={1} stopColor="#C9BADD" />
</linearGradient>
<linearGradient
id="paint3_linear_18_21670"
x1={15.25}
y1={30.2533}
x2={15.25}
y2={27.7689}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A58BC5" />
<stop offset={1} stopColor="#C7B7DD" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ReceiptIcon;