@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
476 lines (475 loc) • 17.4 kB
JSX
const React = require("react");
const JackOLanternIcon = ({ 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}
<path
d="M17.1803 4.28665L13.8566 7.26758L18.0142 7.26759V4.65887C18.0142 4.2264 17.5023 3.9979 17.1803 4.28665Z"
fill="#AEC64B"
/>
<path
d="M17.1803 4.28665L13.8566 7.26758L18.0142 7.26759V4.65887C18.0142 4.2264 17.5023 3.9979 17.1803 4.28665Z"
fill="url(#paint0_linear_18_170)"
/>
<path
d="M17.1803 4.28665L13.8566 7.26758L18.0142 7.26759V4.65887C18.0142 4.2264 17.5023 3.9979 17.1803 4.28665Z"
fill="url(#paint1_linear_18_170)"
/>
<path
d="M17.1803 4.28665L13.8566 7.26758L18.0142 7.26759V4.65887C18.0142 4.2264 17.5023 3.9979 17.1803 4.28665Z"
fill="url(#paint2_radial_18_170)"
/>
<g filter="url(#filter0_ii_18_170)">
<path
d="M12.8573 7.0625H19.0478C23.8135 7.0625 27.1988 9.71362 28.2719 13.563L29.6157 18.3881C31.2303 24.1887 27.7041 30 19.5166 30H12.3886C4.20107 30 0.674828 24.1887 2.28943 18.3881L3.63327 13.563C4.70633 9.71362 8.09171 7.0625 12.8573 7.0625Z"
fill="url(#paint3_linear_18_170)"
/>
<path
d="M12.8573 7.0625H19.0478C23.8135 7.0625 27.1988 9.71362 28.2719 13.563L29.6157 18.3881C31.2303 24.1887 27.7041 30 19.5166 30H12.3886C4.20107 30 0.674828 24.1887 2.28943 18.3881L3.63327 13.563C4.70633 9.71362 8.09171 7.0625 12.8573 7.0625Z"
fill="url(#paint4_linear_18_170)"
/>
<path
d="M12.8573 7.0625H19.0478C23.8135 7.0625 27.1988 9.71362 28.2719 13.563L29.6157 18.3881C31.2303 24.1887 27.7041 30 19.5166 30H12.3886C4.20107 30 0.674828 24.1887 2.28943 18.3881L3.63327 13.563C4.70633 9.71362 8.09171 7.0625 12.8573 7.0625Z"
fill="url(#paint5_radial_18_170)"
/>
<path
d="M12.8573 7.0625H19.0478C23.8135 7.0625 27.1988 9.71362 28.2719 13.563L29.6157 18.3881C31.2303 24.1887 27.7041 30 19.5166 30H12.3886C4.20107 30 0.674828 24.1887 2.28943 18.3881L3.63327 13.563C4.70633 9.71362 8.09171 7.0625 12.8573 7.0625Z"
fill="url(#paint6_radial_18_170)"
/>
</g>
<path
d="M12.8573 7.0625H19.0478C23.8135 7.0625 27.1988 9.71362 28.2719 13.563L29.6157 18.3881C31.2303 24.1887 27.7041 30 19.5166 30H12.3886C4.20107 30 0.674828 24.1887 2.28943 18.3881L3.63327 13.563C4.70633 9.71362 8.09171 7.0625 12.8573 7.0625Z"
fill="url(#paint7_radial_18_170)"
/>
<g filter="url(#filter1_f_18_170)">
<path
d="M26.5564 13.6813C26.2043 12.352 25.4672 11.2817 24.9115 10.6553C24.6362 10.345 24.2301 10.2013 23.8153 10.2013C22.8514 10.2013 22.0701 10.9826 22.0701 11.9465V21.5026C22.0701 22.0549 22.5178 22.5026 23.0701 22.5026H27.4C28.0424 22.5026 28.5182 21.9059 28.3736 21.28C27.8086 18.8336 26.9465 15.1535 26.5564 13.6813Z"
fill="url(#paint8_linear_18_170)"
/>
</g>
<g filter="url(#filter2_i_18_170)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.418 17.0625H14.487C14.1526 17.8697 13.3572 18.4375 12.4291 18.4375C11.501 18.4375 10.7055 17.8697 10.3712 17.0625H7.96101C7.96055 17.0976 7.96033 17.1328 7.96033 17.168C7.96033 20.8856 10.4986 24.0104 13.9367 24.9038C14.2881 24.142 15.0585 23.6133 15.9525 23.6133C16.8465 23.6133 17.617 24.142 17.9683 24.9038C21.4064 24.0104 23.9447 20.8856 23.9447 17.168C23.9447 17.1328 23.9445 17.0976 23.944 17.0625H21.5339C21.1995 17.8697 20.404 18.4375 19.476 18.4375C18.5479 18.4375 17.7524 17.8697 17.418 17.0625Z"
fill="url(#paint9_radial_18_170)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.418 17.0625H14.487C14.1526 17.8697 13.3572 18.4375 12.4291 18.4375C11.501 18.4375 10.7055 17.8697 10.3712 17.0625H7.96101C7.96055 17.0976 7.96033 17.1328 7.96033 17.168C7.96033 20.8856 10.4986 24.0104 13.9367 24.9038C14.2881 24.142 15.0585 23.6133 15.9525 23.6133C16.8465 23.6133 17.617 24.142 17.9683 24.9038C21.4064 24.0104 23.9447 20.8856 23.9447 17.168C23.9447 17.1328 23.9445 17.0976 23.944 17.0625H21.5339C21.1995 17.8697 20.404 18.4375 19.476 18.4375C18.5479 18.4375 17.7524 17.8697 17.418 17.0625Z"
fill="url(#paint10_radial_18_170)"
/>
</g>
<g filter="url(#filter3_i_18_170)">
<path
d="M20.9455 13.2761L19.827 14.63C19.6653 14.8256 19.8045 15.1211 20.0582 15.1211H22.8436C23.0979 15.1211 23.2369 14.8246 23.0742 14.6291L21.9462 13.2742C21.6856 12.9613 21.2049 12.9622 20.9455 13.2761Z"
fill="#583674"
/>
<path
d="M20.9455 13.2761L19.827 14.63C19.6653 14.8256 19.8045 15.1211 20.0582 15.1211H22.8436C23.0979 15.1211 23.2369 14.8246 23.0742 14.6291L21.9462 13.2742C21.6856 12.9613 21.2049 12.9622 20.9455 13.2761Z"
fill="url(#paint11_linear_18_170)"
/>
<path
d="M20.9455 13.2761L19.827 14.63C19.6653 14.8256 19.8045 15.1211 20.0582 15.1211H22.8436C23.0979 15.1211 23.2369 14.8246 23.0742 14.6291L21.9462 13.2742C21.6856 12.9613 21.2049 12.9622 20.9455 13.2761Z"
fill="url(#paint12_radial_18_170)"
/>
</g>
<g filter="url(#filter4_i_18_170)">
<path
d="M9.92989 13.2761L8.81134 14.63C8.64972 14.8256 8.78887 15.1211 9.04262 15.1211H11.828C12.0823 15.1211 12.2213 14.8246 12.0586 14.6291L10.9305 13.2742C10.67 12.9613 10.1892 12.9622 9.92989 13.2761Z"
fill="#583674"
/>
<path
d="M9.92989 13.2761L8.81134 14.63C8.64972 14.8256 8.78887 15.1211 9.04262 15.1211H11.828C12.0823 15.1211 12.2213 14.8246 12.0586 14.6291L10.9305 13.2742C10.67 12.9613 10.1892 12.9622 9.92989 13.2761Z"
fill="url(#paint13_linear_18_170)"
/>
<path
d="M9.92989 13.2761L8.81134 14.63C8.64972 14.8256 8.78887 15.1211 9.04262 15.1211H11.828C12.0823 15.1211 12.2213 14.8246 12.0586 14.6291L10.9305 13.2742C10.67 12.9613 10.1892 12.9622 9.92989 13.2761Z"
fill="url(#paint14_radial_18_170)"
/>
</g>
<g filter="url(#filter5_f_18_170)">
<path
d="M4.92055 13.3851C5.98063 10.2049 7.63408 9.62236 8.21297 9.40527L3.83514 24.0945C2.93062 22.8282 3.01505 20.7177 3.11153 20.1147C3.35273 18.9569 4.05222 15.9901 4.92055 13.3851Z"
fill="#FF9470"
/>
</g>
<defs>
<filter
id="filter0_ii_18_170"
x={1.90723}
y={6.3125}
width={28.0907}
height={23.6875}
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.75} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.956863 0 0 0 0 0.592157 0 0 0 0 0.823529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_170"
/>
<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 />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.890196 0 0 0 0 0.627451 0 0 0 0 0.572549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_170"
result="effect2_innerShadow_18_170"
/>
</filter>
<filter
id="filter1_f_18_170"
x={20.0701}
y={8.20129}
width={10.3296}
height={16.3014}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_170"
/>
</filter>
<filter
id="filter2_i_18_170"
x={6.46033}
y={17.0625}
width={17.4844}
height={7.84131}
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={-1.5} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.223529 0 0 0 0 0.0901961 0 0 0 0 0.313726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_170"
/>
</filter>
<filter
id="filter3_i_18_170"
x={19.2577}
y={13.04}
width={3.88654}
height={2.58105}
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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.219608 0 0 0 0 0.121569 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_170"
/>
</filter>
<filter
id="filter4_i_18_170"
x={8.24207}
y={13.04}
width={3.88647}
height={2.58105}
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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.219608 0 0 0 0 0.121569 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_170"
/>
</filter>
<filter
id="filter5_f_18_170"
x={1.05432}
y={7.40527}
width={9.15869}
height={18.6892}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_170"
/>
</filter>
<linearGradient
id="paint0_linear_18_170"
x1={15.7328}
y1={5.4032}
x2={16.2178}
y2={5.85949}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9EC44E" />
<stop offset={1} stopColor="#9EC44E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_170"
x1={18.1659}
y1={6.63298}
x2={17.2731}
y2={6.63298}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C7EC76" />
<stop offset={1} stopColor="#C7EC76" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.0142 4.3627) rotate(139.691) scale(0.664853 0.711073)"
>
<stop stopColor="#C4E973" />
<stop offset={1} stopColor="#C4E973" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_170"
x1={15.9526}
y1={7.0625}
x2={17.2809}
y2={31.0515}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF7B3E" />
<stop offset={1} stopColor="#ED3724" />
<stop offset={1} stopColor="#F6586D" />
</linearGradient>
<linearGradient
id="paint4_linear_18_170"
x1={2.67737}
y1={14.6876}
x2={5.64417}
y2={15.7007}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E89B88" />
<stop offset={1} stopColor="#E89B88" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.9979 12.8786) rotate(151.53) scale(15.0276 24.0101)"
>
<stop stopColor="#FFA182" />
<stop offset={1} stopColor="#FFA182" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9526 18.5312) rotate(-90) scale(7.09375 9.14205)"
>
<stop stopColor="#FF7F50" />
<stop offset={1} stopColor="#FF7F50" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.25002 24.2188) rotate(-20.0453) scale(2.46162 4.19685)"
>
<stop stopColor="#CD7769" />
<stop offset={1} stopColor="#CD7769" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_170"
x1={26.9182}
y1={13.8193}
x2={18.452}
y2={16.352}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFAB81" />
<stop offset={1} stopColor="#FFAB81" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6875 24) rotate(-29.1569) scale(13.598 8.25602)"
>
<stop stopColor="#694582" />
<stop offset={1} stopColor="#462162" />
</radialGradient>
<radialGradient
id="paint10_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.8753 15.4859) rotate(121.478) scale(11.0429 10.8655)"
>
<stop offset={0.876241} stopColor="#3B1652" stopOpacity={0} />
<stop offset={1} stopColor="#3B1652" />
</radialGradient>
<linearGradient
id="paint11_linear_18_170"
x1={20.2812}
y1={13.7812}
x2={20.6562}
y2={14.1563}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#501E76" />
<stop offset={1} stopColor="#501E76" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.8494 15.1211) rotate(-44.3) scale(1.75341 0.865525)"
>
<stop stopColor="#6F5384" />
<stop offset={1} stopColor="#6F5384" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_170"
x1={9.26558}
y1={13.7812}
x2={9.64058}
y2={14.1563}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#501E76" />
<stop offset={1} stopColor="#501E76" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_170"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.8338 15.1211) rotate(-44.3) scale(1.75341 0.865525)"
>
<stop stopColor="#6F5384" />
<stop offset={1} stopColor="#6F5384" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = JackOLanternIcon;