@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
119 lines (118 loc) • 5.7 kB
JSX
const React = require("react");
const TicketIcon = ({ 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_ii_18_1354)">
<path
d="M27.857 8.67499H22.747C22.497 8.67499 22.287 8.84499 22.217 9.08499C22.027 9.73499 21.417 10.215 20.707 10.215C19.997 10.215 19.387 9.74499 19.197 9.08499C19.127 8.84499 18.917 8.67499 18.667 8.67499H4.237C3.027 8.67499 2.047 9.65499 2.047 10.865V21.135C2.047 22.345 3.027 23.325 4.237 23.325H18.667C18.917 23.325 19.127 23.155 19.197 22.915C19.387 22.265 19.997 21.785 20.707 21.785C21.417 21.785 22.027 22.255 22.217 22.915C22.287 23.155 22.497 23.325 22.747 23.325H27.857C29.067 23.325 30.047 22.345 30.047 21.135V10.865C30.047 9.65499 29.067 8.67499 27.857 8.67499ZM20.707 20.045C19.837 20.045 19.127 19.335 19.127 18.465C19.127 17.595 19.837 16.885 20.707 16.885C21.577 16.885 22.287 17.595 22.287 18.465C22.287 19.335 21.577 20.045 20.707 20.045ZM20.707 15.125C19.837 15.125 19.127 14.415 19.127 13.545C19.127 12.675 19.837 11.965 20.707 11.965C21.577 11.965 22.287 12.675 22.287 13.545C22.287 14.415 21.577 15.125 20.707 15.125Z"
fill="url(#paint0_linear_18_1354)"
/>
</g>
<path
d="M27.857 8.67499H22.747C22.497 8.67499 22.287 8.84499 22.217 9.08499C22.027 9.73499 21.417 10.215 20.707 10.215C19.997 10.215 19.387 9.74499 19.197 9.08499C19.127 8.84499 18.917 8.67499 18.667 8.67499H4.237C3.027 8.67499 2.047 9.65499 2.047 10.865V21.135C2.047 22.345 3.027 23.325 4.237 23.325H18.667C18.917 23.325 19.127 23.155 19.197 22.915C19.387 22.265 19.997 21.785 20.707 21.785C21.417 21.785 22.027 22.255 22.217 22.915C22.287 23.155 22.497 23.325 22.747 23.325H27.857C29.067 23.325 30.047 22.345 30.047 21.135V10.865C30.047 9.65499 29.067 8.67499 27.857 8.67499ZM20.707 20.045C19.837 20.045 19.127 19.335 19.127 18.465C19.127 17.595 19.837 16.885 20.707 16.885C21.577 16.885 22.287 17.595 22.287 18.465C22.287 19.335 21.577 20.045 20.707 20.045ZM20.707 15.125C19.837 15.125 19.127 14.415 19.127 13.545C19.127 12.675 19.837 11.965 20.707 11.965C21.577 11.965 22.287 12.675 22.287 13.545C22.287 14.415 21.577 15.125 20.707 15.125Z"
fill="url(#paint1_linear_18_1354)"
/>
<path
d="M15.697 18.115H6.25702C5.94702 18.115 5.69702 17.865 5.69702 17.555C5.69702 17.245 5.94702 16.995 6.25702 16.995H15.687C15.997 16.995 16.247 17.245 16.247 17.555C16.257 17.865 15.997 18.115 15.697 18.115Z"
fill="#D88B4C"
/>
<path
d="M15.697 20.325H6.25702C5.94702 20.325 5.69702 20.075 5.69702 19.765C5.69702 19.455 5.94702 19.205 6.25702 19.205H15.687C15.997 19.205 16.247 19.455 16.247 19.765C16.257 20.065 15.997 20.325 15.697 20.325Z"
fill="#D88B4C"
/>
<path
d="M10.617 13.445H6.54702C6.07702 13.445 5.69702 13.065 5.69702 12.595C5.69702 12.125 6.07702 11.745 6.54702 11.745H10.617C11.087 11.745 11.467 12.125 11.467 12.595C11.467 13.075 11.087 13.445 10.617 13.445Z"
fill="#D6894C"
/>
<path
d="M27.487 16.665H25.267C24.907 16.665 24.617 16.955 24.617 17.315V19.535C24.617 19.895 24.907 20.185 25.267 20.185H27.487C27.847 20.185 28.137 19.895 28.137 19.535V17.315C28.137 16.955 27.847 16.665 27.487 16.665Z"
fill="#D6894C"
/>
<defs>
<filter
id="filter0_ii_18_1354"
x={2.047}
y={8.37499}
width={28}
height={15.25}
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.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.745098 0 0 0 0 0.270588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_1354"
/>
<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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.815686 0 0 0 0 0.588235 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_1354"
result="effect2_innerShadow_18_1354"
/>
</filter>
<linearGradient
id="paint0_linear_18_1354"
x1={28.8711}
y1={19.1404}
x2={5.05862}
y2={19.1405}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE74D" />
<stop offset={1} stopColor="#F3C240" />
</linearGradient>
<linearGradient
id="paint1_linear_18_1354"
x1={30.3073}
y1={16.5461}
x2={27.5739}
y2={16.5461}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF250" />
<stop offset={1} stopColor="#FFF250" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = TicketIcon;