@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
480 lines (479 loc) • 17.5 kB
JSX
const React = require("react");
const BellPepperIcon = ({ 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.5943 11.47C17.5843 11.47 17.5843 11.47 17.5843 11.47L15.4643 7.72C14.8343 6.52 14.8643 5.12 15.5443 3.95C16.2343 2.73 17.5643 2 18.9643 2H19.0043C19.5543 2 20.0043 2.45 20.0043 3C20.0043 3.55 19.5543 4 19.0043 4H18.9543C18.2543 4 17.6043 4.36 17.2543 4.96C16.9343 5.52 16.9243 6.19 17.2143 6.77L19.3143 10.48C19.3143 10.49 19.3143 10.49 19.3143 10.49L17.5943 11.47Z"
fill="url(#paint0_radial_18_32975)"
/>
<path
d="M17.5943 11.47C17.5843 11.47 17.5843 11.47 17.5843 11.47L15.4643 7.72C14.8343 6.52 14.8643 5.12 15.5443 3.95C16.2343 2.73 17.5643 2 18.9643 2H19.0043C19.5543 2 20.0043 2.45 20.0043 3C20.0043 3.55 19.5543 4 19.0043 4H18.9543C18.2543 4 17.6043 4.36 17.2543 4.96C16.9343 5.52 16.9243 6.19 17.2143 6.77L19.3143 10.48C19.3143 10.49 19.3143 10.49 19.3143 10.49L17.5943 11.47Z"
fill="url(#paint1_radial_18_32975)"
/>
<path
d="M16.0042 13.34C18.3073 13.34 20.1742 11.473 20.1742 9.17C20.1742 6.86697 18.3073 5 16.0042 5C13.7012 5 11.8342 6.86697 11.8342 9.17C11.8342 11.473 13.7012 13.34 16.0042 13.34Z"
fill="#A8C245"
/>
<path
d="M16.0042 13.34C18.3073 13.34 20.1742 11.473 20.1742 9.17C20.1742 6.86697 18.3073 5 16.0042 5C13.7012 5 11.8342 6.86697 11.8342 9.17C11.8342 11.473 13.7012 13.34 16.0042 13.34Z"
fill="url(#paint2_radial_18_32975)"
/>
<path
d="M8.49428 30C6.33428 30 4.52428 28.34 4.33428 26.19L3.01428 11.07C2.82428 8.88 4.55428 7 6.75428 7H9.53428C11.2643 7 12.6543 8.4 12.6543 10.12V25.82C12.6643 28.13 10.7943 30 8.49428 30Z"
fill="url(#paint3_linear_18_32975)"
/>
<path
d="M8.49428 30C6.33428 30 4.52428 28.34 4.33428 26.19L3.01428 11.07C2.82428 8.88 4.55428 7 6.75428 7H9.53428C11.2643 7 12.6543 8.4 12.6543 10.12V25.82C12.6643 28.13 10.7943 30 8.49428 30Z"
fill="url(#paint4_linear_18_32975)"
/>
<path
d="M8.49428 30C6.33428 30 4.52428 28.34 4.33428 26.19L3.01428 11.07C2.82428 8.88 4.55428 7 6.75428 7H9.53428C11.2643 7 12.6543 8.4 12.6543 10.12V25.82C12.6643 28.13 10.7943 30 8.49428 30Z"
fill="url(#paint5_radial_18_32975)"
/>
<path
d="M8.49428 30C6.33428 30 4.52428 28.34 4.33428 26.19L3.01428 11.07C2.82428 8.88 4.55428 7 6.75428 7H9.53428C11.2643 7 12.6543 8.4 12.6543 10.12V25.82C12.6643 28.13 10.7943 30 8.49428 30Z"
fill="url(#paint6_radial_18_32975)"
/>
<path
d="M23.5143 30C25.6743 30 27.4843 28.34 27.6743 26.19L28.9843 11.08C29.1843 8.88 27.4543 7 25.2543 7H22.4743C20.7443 7 19.3543 8.4 19.3543 10.12V25.82C19.3443 28.13 21.2143 30 23.5143 30Z"
fill="url(#paint7_linear_18_32975)"
/>
<path
d="M23.5143 30C25.6743 30 27.4843 28.34 27.6743 26.19L28.9843 11.08C29.1843 8.88 27.4543 7 25.2543 7H22.4743C20.7443 7 19.3543 8.4 19.3543 10.12V25.82C19.3443 28.13 21.2143 30 23.5143 30Z"
fill="url(#paint8_linear_18_32975)"
/>
<path
d="M23.5143 30C25.6743 30 27.4843 28.34 27.6743 26.19L28.9843 11.08C29.1843 8.88 27.4543 7 25.2543 7H22.4743C20.7443 7 19.3543 8.4 19.3543 10.12V25.82C19.3443 28.13 21.2143 30 23.5143 30Z"
fill="url(#paint9_linear_18_32975)"
/>
<path
d="M23.5143 30C25.6743 30 27.4843 28.34 27.6743 26.19L28.9843 11.08C29.1843 8.88 27.4543 7 25.2543 7H22.4743C20.7443 7 19.3543 8.4 19.3543 10.12V25.82C19.3443 28.13 21.2143 30 23.5143 30Z"
fill="url(#paint10_radial_18_32975)"
/>
<path
d="M23.5143 30C25.6743 30 27.4843 28.34 27.6743 26.19L28.9843 11.08C29.1843 8.88 27.4543 7 25.2543 7H22.4743C20.7443 7 19.3543 8.4 19.3543 10.12V25.82C19.3443 28.13 21.2143 30 23.5143 30Z"
fill="url(#paint11_radial_18_32975)"
/>
<path
d="M16.0043 30C12.6943 30 10.0043 27.31 10.0043 24V10.75C10.0043 8.68 11.6843 7 13.7543 7H18.2543C20.3243 7 22.0043 8.68 22.0043 10.75V24C22.0043 27.31 19.3143 30 16.0043 30Z"
fill="url(#paint12_linear_18_32975)"
/>
<g filter="url(#filter0_f_18_32975)">
<path
d="M23.9375 18.3462C23.9376 10.6644 22.1596 8.49615 20.9001 8.0625C20.3075 14.0717 20.0112 24.7092 20.9002 25.75C21.7892 26.7908 23.0732 24.1473 23.9375 24.3125C23.8634 23.0941 23.9374 24.0971 23.9375 18.3462Z"
fill="url(#paint13_linear_18_32975)"
/>
</g>
<g filter="url(#filter1_f_18_32975)">
<path
d="M8.87499 10.125C9.48572 8.97989 10.6042 8.39583 11.1875 8.125L12.125 28.0625C11.0833 27.6667 9.02504 27.6787 8.43749 26C8 24.75 8.37499 11.0625 8.87499 10.125Z"
fill="url(#paint14_linear_18_32975)"
/>
</g>
<path
d="M16.0043 30C12.6943 30 10.0043 27.31 10.0043 24V10.75C10.0043 8.68 11.6843 7 13.7543 7H18.2543C20.3243 7 22.0043 8.68 22.0043 10.75V24C22.0043 27.31 19.3143 30 16.0043 30Z"
fill="url(#paint15_linear_18_32975)"
/>
<path
d="M16.0043 30C12.6943 30 10.0043 27.31 10.0043 24V10.75C10.0043 8.68 11.6843 7 13.7543 7H18.2543C20.3243 7 22.0043 8.68 22.0043 10.75V24C22.0043 27.31 19.3143 30 16.0043 30Z"
fill="url(#paint16_radial_18_32975)"
/>
<g filter="url(#filter2_f_18_32975)">
<path
d="M13.7574 7.68227C12.9398 7.73227 12.4326 8.53644 12.2812 8.93227C13.6817 10.2239 16.5507 12.7823 16.8232 12.6823C17.0958 12.5823 18.8671 9.80725 19.7188 8.43225L19.0942 7.68227C17.6559 7.66144 14.575 7.63227 13.7574 7.68227Z"
fill="url(#paint17_radial_18_32975)"
/>
</g>
<g filter="url(#filter3_f_18_32975)">
<path
d="M18.484 8.86841C18.9007 9.20174 19.7715 10.0934 19.9215 10.9934C20.0715 11.8934 19.984 21.3684 19.9215 25.9934"
stroke="url(#paint18_linear_18_32975)"
strokeWidth={2}
/>
</g>
<g filter="url(#filter4_f_18_32975)">
<path
d="M24.4154 11.6031C25.0737 9.92367 26.6847 7.50985 27.3223 8.00868C29.8547 9.99038 26.4841 10.9568 24.4154 11.6031Z"
fill="#AFD962"
/>
</g>
<g filter="url(#filter5_f_18_32975)">
<path
d="M18.3602 12.6851C18.5037 10.7803 19.3906 8.55423 20.0979 8.94803C22.9072 10.5125 20.3736 11.9099 18.3602 12.6851Z"
fill="#A3D061"
/>
</g>
<defs>
<filter
id="filter0_f_18_32975"
x={18.3391}
y={6.0625}
width={7.59839}
height={21.9309}
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_32975"
/>
</filter>
<filter
id="filter1_f_18_32975"
x={7.24438}
y={7.125}
width={5.88062}
height={21.9375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_32975"
/>
</filter>
<filter
id="filter2_f_18_32975"
x={10.2812}
y={5.65466}
width={11.4375}
height={9.0304}
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_32975"
/>
</filter>
<filter
id="filter3_f_18_32975"
x={15.8593}
y={6.08752}
width={7.14502}
height={21.9194}
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_32975"
/>
</filter>
<filter
id="filter4_f_18_32975"
x={23.4154}
y={6.94214}
width={5.81213}
height={5.66089}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_32975"
/>
</filter>
<filter
id="filter5_f_18_32975"
x={16.8602}
y={7.40234}
width={5.98547}
height={6.78284}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_32975"
/>
</filter>
<radialGradient
id="paint0_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19 5.65625) rotate(-136.532) scale(4.13363 5.26925)"
>
<stop offset={0.359979} stopColor="#B9BE4F" />
<stop offset={0.529751} stopColor="#F5EF41" />
<stop offset={0.729537} stopColor="#EDEE43" />
<stop offset={0.944828} stopColor="#B6C24B" />
</radialGradient>
<radialGradient
id="paint1_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5 2.84375) rotate(147.995) scale(1.17925 1.27502)"
>
<stop stopColor="#FFFF5E" />
<stop offset={1} stopColor="#FFFF5C" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.75 7.25) rotate(143.643) scale(5.58772)"
>
<stop stopColor="#F7FF4D" />
<stop offset={0.576923} stopColor="#CEEC3A" />
<stop offset={1} stopColor="#F5FF4B" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_32975"
x1={7.83428}
y1={6.4295}
x2={7.83428}
y2={34.0165}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4E9100" />
<stop offset={0.2425} stopColor="#4B9103" />
<stop offset={0.4372} stopColor="#438F0D" />
<stop offset={0.6153} stopColor="#368D1E" />
<stop offset={0.7835} stopColor="#238A36" />
<stop offset={0.9434} stopColor="#0A8654" />
<stop offset={1} stopColor="#008461" />
</linearGradient>
<linearGradient
id="paint4_linear_18_32975"
x1={3.4375}
y1={18}
x2={10.9375}
y2={18}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#55825F" />
<stop offset={0.516667} stopColor="#3C7B4F" />
<stop offset={1} stopColor="#507A57" />
</linearGradient>
<radialGradient
id="paint5_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-0.3125 11.125) rotate(65.4458) scale(21.5074 18.7295)"
>
<stop offset={0.690908} stopColor="#375E6F" stopOpacity={0} />
<stop offset={1} stopColor="#365C6D" />
</radialGradient>
<radialGradient
id="paint6_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.6875 7) rotate(115.523) scale(7.68775 7.22952)"
>
<stop stopColor="#7CAA51" />
<stop offset={1} stopColor="#73A645" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_32975"
x1={24.1742}
y1={4.4531}
x2={24.1742}
y2={32.0402}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4E9100" />
<stop offset={0.2312} stopColor="#4C9103" />
<stop offset={0.254} stopColor="#4B9104" />
<stop offset={0.3959} stopColor="#479009" />
<stop offset={0.5576} stopColor="#3C8E16" />
<stop offset={0.7289} stopColor="#2A8B2D" />
<stop offset={0.9059} stopColor="#10874D" />
<stop offset={1} stopColor="#008461" />
</linearGradient>
<linearGradient
id="paint8_linear_18_32975"
x1={17.0705}
y1={18.5}
x2={27.5468}
y2={18.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#008461" />
<stop offset={1} stopColor="#008461" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_32975"
x1={20.875}
y1={16.9375}
x2={29}
y2={16.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#769F37" />
<stop offset={0.569228} stopColor="#7DB459" />
<stop offset={1} stopColor="#7DB24E" />
</linearGradient>
<radialGradient
id="paint10_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30 9.0625) rotate(107.532) scale(28.8396 12.2959)"
>
<stop offset={0.55329} stopColor="#3B5E72" stopOpacity={0} />
<stop offset={0.767017} stopColor="#36616C" />
</radialGradient>
<radialGradient
id="paint11_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.5 10.5) rotate(61.6726) scale(9.08833 12.018)"
>
<stop stopColor="#ABD45C" />
<stop offset={1} stopColor="#A7D05F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_18_32975"
x1={16.0043}
y1={5.4261}
x2={16.0043}
y2={33.0131}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4E9100" />
<stop offset={0.2425} stopColor="#4B9103" />
<stop offset={0.4372} stopColor="#438F0D" />
<stop offset={0.6153} stopColor="#368D1E" />
<stop offset={0.7835} stopColor="#238A36" />
<stop offset={0.9434} stopColor="#0A8654" />
<stop offset={1} stopColor="#008461" />
</linearGradient>
<linearGradient
id="paint13_linear_18_32975"
x1={21.4188}
y1={20.8862}
x2={26.5}
y2={20.8862}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#36812E" />
<stop offset={0.274286} stopColor="#68A166" />
<stop offset={1} stopColor="#71A868" />
</linearGradient>
<linearGradient
id="paint14_linear_18_32975"
x1={10.1847}
y1={16.5}
x2={7.875}
y2={16.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#25533D" />
<stop offset={0.512922} stopColor="#3E6956" />
<stop offset={1} stopColor="#447159" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_32975"
x1={10.0043}
y1={16.375}
x2={22.0043}
y2={16.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#538058" />
<stop offset={0.207977} stopColor="#4A844D" />
<stop offset={0.609019} stopColor="#70A366" />
<stop offset={1} stopColor="#83B84C" />
</linearGradient>
<radialGradient
id="paint16_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0043 9.5) rotate(90) scale(23.9375 25.4732)"
>
<stop offset={0.638021} stopColor="#3D6176" stopOpacity={0} />
<stop offset={0.88052} stopColor="#415F7A" />
</radialGradient>
<radialGradient
id="paint17_radial_18_32975"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.8125 11.625) rotate(-26.0296) scale(5.98174 7.17687)"
>
<stop stopColor="#629840" />
<stop offset={0.386681} stopColor="#679D43" />
<stop offset={1} stopColor="#87B73D" />
</radialGradient>
<linearGradient
id="paint18_linear_18_32975"
x1={19.2442}
y1={8.86841}
x2={19.2442}
y2={25.9934}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.427392} stopColor="#95C360" />
<stop offset={1} stopColor="#8CBD5D" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = BellPepperIcon;