@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
532 lines (531 loc) • 17.5 kB
JSX
const React = require("react");
const SignOfTheHornsIcon = ({ 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_i_20020_2478)">
<path
d="M22.7603 2.02344C21.2879 2.02344 20.0943 3.21706 20.0943 4.68945V12.9062H11.5005V8.33008C11.5005 6.85768 10.3069 5.66406 8.83453 5.66406C7.36214 5.66406 6.16852 6.85768 6.16852 8.33008V19.1328C6.16852 25.7891 9.62164 29.5391 14.9029 29.9766H16.0904C19.0006 29.6855 21.9966 28.6484 24.2466 25.4297C26.1373 22.3828 25.8948 19.3394 25.704 17.5543L25.6841 17.3672C25.5466 16.0607 25.4599 15.0047 25.4263 14.541V4.68945C25.4263 3.21706 24.2327 2.02344 22.7603 2.02344Z"
fill="#FFAF42"
/>
</g>
<g filter="url(#filter1_f_20020_2478)">
<path
d="M16.3715 15.2517C14.7966 15.2517 13.52 16.5284 13.52 18.1033C13.52 19.6781 14.7966 20.9548 16.3715 20.9548H17.9955C21.0296 20.9548 22.1233 20.9548 24.395 20.6994C24.395 17.1985 21.559 15.2559 18.059 15.2517"
fill="#D37223"
/>
<path d="M16.3715 15.2517H18.0512Z" fill="#D37223" />
</g>
<g filter="url(#filter2_f_20020_2478)">
<rect
x={9.83521}
y={10.9586}
width={6.09893}
height={6.99453}
fill="url(#paint0_linear_20020_2478)"
/>
</g>
<rect
x={6.16852}
y={5.66406}
width={5.33203}
height={11.8125}
rx={2.66602}
fill="url(#paint1_radial_20020_2478)"
/>
<rect
x={6.16852}
y={5.66406}
width={5.33203}
height={11.8125}
rx={2.66602}
fill="url(#paint2_radial_20020_2478)"
/>
<rect
x={20.0943}
y={2.02344}
width={5.33203}
height={15.4531}
rx={2.66602}
fill="url(#paint3_radial_20020_2478)"
/>
<g filter="url(#filter3_i_20020_2478)">
<rect
x={10.5396}
y={8.80469}
width={5.39453}
height={8.20312}
rx={2.69727}
fill="url(#paint4_linear_20020_2478)"
/>
<rect
x={10.5396}
y={8.80469}
width={5.39453}
height={8.20312}
rx={2.69727}
fill="url(#paint5_radial_20020_2478)"
/>
</g>
<rect
x={10.5396}
y={8.80469}
width={5.39453}
height={8.20312}
rx={2.69727}
fill="url(#paint6_radial_20020_2478)"
/>
<rect
x={10.5396}
y={8.80469}
width={5.39453}
height={8.20312}
rx={2.69727}
fill="url(#paint7_linear_20020_2478)"
/>
<g filter="url(#filter4_i_20020_2478)">
<rect
x={15.4068}
y={7.19531}
width={5.33203}
height={10.2812}
rx={2.66602}
fill="url(#paint8_linear_20020_2478)"
/>
</g>
<rect
x={15.4068}
y={7.19531}
width={5.33203}
height={10.2812}
rx={2.66602}
fill="url(#paint9_linear_20020_2478)"
/>
<g filter="url(#filter5_f_20020_2478)">
<path
d="M23.5267 4.60156V18.1641"
stroke="#FFE446"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<path
d="M17.7388 14.1172C16.164 14.1172 14.8873 15.3939 14.8873 16.9688C14.8873 18.5436 16.164 19.8203 17.7388 19.8203H19.3629C19.6629 19.8469 19.937 20.0079 20.1061 20.261L22.5773 23.9126C23.0187 24.5649 24.0058 24.4746 24.3216 23.7531L25.259 21.611C25.5909 20.8525 25.8016 20.0253 25.6396 19.2134C25.0606 16.3097 22.4994 14.1209 19.4263 14.1172"
fill="url(#paint10_radial_20020_2478)"
/>
<path
d="M17.7388 14.1172C16.164 14.1172 14.8873 15.3939 14.8873 16.9688C14.8873 18.5436 16.164 19.8203 17.7388 19.8203H19.3629C19.6629 19.8469 19.937 20.0079 20.1061 20.261L22.5773 23.9126C23.0187 24.5649 24.0058 24.4746 24.3216 23.7531L25.259 21.611C25.5909 20.8525 25.8016 20.0253 25.6396 19.2134C25.0606 16.3097 22.4994 14.1209 19.4263 14.1172"
fill="url(#paint11_linear_20020_2478)"
/>
<path
d="M17.7388 14.1172H19.4185Z"
fill="url(#paint12_radial_20020_2478)"
/>
<path
d="M17.7388 14.1172H19.4185Z"
fill="url(#paint13_linear_20020_2478)"
/>
<g filter="url(#filter6_f_20020_2478)">
<path
d="M17.6408 16.1805L19.9253 16.1805C20.8483 16.1805 21.7199 16.6054 22.2885 17.3324L24.395 20.026"
stroke="url(#paint14_linear_20020_2478)"
strokeWidth={2}
strokeLinecap="round"
/>
</g>
<path
d="M22.7603 2.02344C21.2879 2.02344 20.0943 3.21706 20.0943 4.68945V8.12309C20.496 8.58983 20.7388 9.19722 20.7388 9.86133V14.8105C20.7388 16.2829 19.5452 17.4766 18.0728 17.4766C16.9086 17.4766 15.9186 16.7303 15.5552 15.6899C15.0847 16.4792 14.2225 17.0078 13.2369 17.0078C11.7472 17.0078 10.5396 15.8002 10.5396 14.3105V11.502C10.5396 10.6737 10.913 9.93259 11.5005 9.43781V8.33008C11.5005 6.85768 10.3069 5.66406 8.83453 5.66406C7.36214 5.66406 6.16852 6.85768 6.16852 8.33008V19.1328C6.16852 25.7891 9.62164 29.5391 14.9029 29.9766H16.0904C19.0006 29.6855 21.9966 28.6484 24.2466 25.4297C26.1373 22.3828 25.8948 19.3394 25.704 17.5543L25.6841 17.3672C25.5466 16.0607 25.4599 15.0047 25.4263 14.541V4.68945C25.4263 3.21706 24.2327 2.02344 22.7603 2.02344Z"
fill="url(#paint15_linear_20020_2478)"
/>
<path
d="M22.7603 2.02344C21.2879 2.02344 20.0943 3.21706 20.0943 4.68945V8.12309C20.496 8.58983 20.7388 9.19722 20.7388 9.86133V14.8105C20.7388 16.2829 19.5452 17.4766 18.0728 17.4766C16.9086 17.4766 15.9186 16.7303 15.5552 15.6899C15.0847 16.4792 14.2225 17.0078 13.2369 17.0078C11.7472 17.0078 10.5396 15.8002 10.5396 14.3105V11.502C10.5396 10.6737 10.913 9.93259 11.5005 9.43781V8.33008C11.5005 6.85768 10.3069 5.66406 8.83453 5.66406C7.36214 5.66406 6.16852 6.85768 6.16852 8.33008V19.1328C6.16852 25.7891 9.62164 29.5391 14.9029 29.9766H16.0904C19.0006 29.6855 21.9966 28.6484 24.2466 25.4297C26.1373 22.3828 25.8948 19.3394 25.704 17.5543L25.6841 17.3672C25.5466 16.0607 25.4599 15.0047 25.4263 14.541V4.68945C25.4263 3.21706 24.2327 2.02344 22.7603 2.02344Z"
fill="url(#paint16_radial_20020_2478)"
/>
<defs>
<filter
id="filter0_i_20020_2478"
x={6.16852}
y={1.27344}
width={20.4129}
height={28.7031}
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.75} dy={-0.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.894118 0 0 0 0 0.490196 0 0 0 0 0.313726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_2478"
/>
</filter>
<filter
id="filter1_f_20020_2478"
x={11.52}
y={13.2517}
width={14.875}
height={9.70312}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_20020_2478"
/>
</filter>
<filter
id="filter2_f_20020_2478"
x={7.83521}
y={8.95862}
width={10.0989}
height={10.9945}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_20020_2478"
/>
</filter>
<filter
id="filter3_i_20020_2478"
x={10.5396}
y={8.05469}
width={6.14453}
height={8.95312}
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.75} dy={-0.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.921569 0 0 0 0 0.533333 0 0 0 0 0.223529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_2478"
/>
</filter>
<filter
id="filter4_i_20020_2478"
x={15.4068}
y={6.44531}
width={6.08203}
height={11.0312}
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.75} dy={-0.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.921569 0 0 0 0 0.533333 0 0 0 0 0.223529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_2478"
/>
</filter>
<filter
id="filter5_f_20020_2478"
x={20.7767}
y={1.85156}
width={5.5}
height={19.0625}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_20020_2478"
/>
</filter>
<filter
id="filter6_f_20020_2478"
x={14.6408}
y={13.1805}
width={12.7542}
height={9.84552}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_20020_2478"
/>
</filter>
<linearGradient
id="paint0_linear_20020_2478"
x1={11.2645}
y1={14.4559}
x2={15.2372}
y2={16.299}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D37223" />
<stop offset={1} stopColor="#B84A10" />
</linearGradient>
<radialGradient
id="paint1_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.7454 12.6641) rotate(133.334) scale(4.94079 3.81945)"
>
<stop stopColor="#D25A17" />
<stop offset={1} stopColor="#D25A17" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.2454 6.60156) rotate(133.254) scale(3.51834 3.48985)"
>
<stop stopColor="#FFE243" />
<stop offset={1} stopColor="#FFE243" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8392 2.60156) rotate(117.458) scale(4.50846 4.2474)"
>
<stop stopColor="#FFE243" />
<stop offset={1} stopColor="#FFE243" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_20020_2478"
x1={11.9153}
y1={11.4376}
x2={14.864}
y2={11.5604}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FABB25" />
<stop offset={1} stopColor="#FFD43E" />
</linearGradient>
<radialGradient
id="paint5_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.2825 9.94609) rotate(146.878) scale(1.56843 2.09849)"
>
<stop offset={0.214605} stopColor="#AD690C" />
<stop offset={1} stopColor="#AD690C" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9341 17.327) rotate(-129.818) scale(4.21217 2.77)"
>
<stop stopColor="#D76D21" />
<stop offset={1} stopColor="#D76D21" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_20020_2478"
x1={15.3976}
y1={12.9062}
x2={15.0278}
y2={12.9062}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C57503" />
<stop offset={1} stopColor="#C57503" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_20020_2478"
x1={16.3021}
y1={10.6378}
x2={20.7388}
y2={10.6378}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FABB25" />
<stop offset={1} stopColor="#FFD43E" />
</linearGradient>
<linearGradient
id="paint9_linear_20020_2478"
x1={21.2103}
y1={11.4949}
x2={18.0728}
y2={11.4949}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE33F" />
<stop offset={1} stopColor="#FFE33F" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.4022 15.4965) rotate(112.817) scale(5.35728 16.4557)"
>
<stop stopColor="#FFE54A" />
<stop offset={1} stopColor="#ED7F37" />
</radialGradient>
<linearGradient
id="paint11_linear_20020_2478"
x1={24.6415}
y1={22.6882}
x2={21.636}
y2={20.1792}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.249477} stopColor="#FFAF42" />
<stop offset={1} stopColor="#FFAF42" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.4022 15.4965) rotate(112.817) scale(5.35728 16.4557)"
>
<stop stopColor="#FFE54A" />
<stop offset={1} stopColor="#ED7F37" />
</radialGradient>
<linearGradient
id="paint13_linear_20020_2478"
x1={24.6415}
y1={22.6882}
x2={21.636}
y2={20.1792}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.249477} stopColor="#FFAF42" />
<stop offset={1} stopColor="#FFAF42" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_20020_2478"
x1={17.6408}
y1={16.1805}
x2={24.9866}
y2={18.8921}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE446" />
<stop offset={1} stopColor="#FFE446" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_20020_2478"
x1={26.1205}
y1={16.7228}
x2={23.5568}
y2={16.7228}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFDD40" />
<stop offset={1} stopColor="#FFDD40" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_20020_2478"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.8859 11.6942) rotate(24.7045) scale(25.1258 26.7059)"
>
<stop offset={0.946057} stopColor="#FFDD40" stopOpacity={0} />
<stop offset={1} stopColor="#FFDD40" />
</radialGradient>
</defs>
</svg>
);
module.exports = SignOfTheHornsIcon;