@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
371 lines (370 loc) • 12.6 kB
JSX
const React = require("react");
const BellWithSlashIcon = ({ 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}
<circle
cx={15.9947}
cy={25.8738}
r={3.6607}
fill="url(#paint0_radial_18_18000)"
/>
<circle
cx={15.9947}
cy={25.8738}
r={3.6607}
fill="url(#paint1_linear_18_18000)"
/>
<circle
cx={15.9947}
cy={25.8738}
r={3.6607}
fill="url(#paint2_radial_18_18000)"
/>
<g filter="url(#filter0_i_18_18000)">
<rect
x={14.7886}
y={1.66772}
width={2.40835}
height={4.36131}
rx={1.20418}
fill="url(#paint3_radial_18_18000)"
/>
</g>
<g filter="url(#filter1_iii_18_18000)">
<path
d="M7.97115 10.2813C8.71311 6.56713 11.9564 3.88561 15.7365 3.8485C15.7631 3.84825 15.7896 3.8485 15.8162 3.8485H16.1694C16.196 3.8485 16.2226 3.84825 16.2491 3.8485C20.0292 3.88561 23.2725 6.56713 24.0145 10.2813L25.8757 19.598C26.0095 20.2679 26.3126 20.8924 26.7563 21.4119L27.9953 22.863C28.6137 23.5871 28.9534 24.5082 28.9534 25.4604V26.7865C28.9534 27.2007 28.6176 27.5365 28.2034 27.5365H3.78223C3.36801 27.5365 3.03223 27.2007 3.03223 26.7865V25.4604C3.03223 24.5082 3.37196 23.5871 3.99033 22.863L5.22938 21.4119C5.67299 20.8924 5.97615 20.2679 6.10998 19.598L7.97115 10.2813Z"
fill="url(#paint4_linear_18_18000)"
/>
</g>
<path
d="M7.97115 10.2813C8.71311 6.56713 11.9564 3.88561 15.7365 3.8485C15.7631 3.84825 15.7896 3.8485 15.8162 3.8485H16.1694C16.196 3.8485 16.2226 3.84825 16.2491 3.8485C20.0292 3.88561 23.2725 6.56713 24.0145 10.2813L25.8757 19.598C26.0095 20.2679 26.3126 20.8924 26.7563 21.4119L27.9953 22.863C28.6137 23.5871 28.9534 24.5082 28.9534 25.4604V26.7865C28.9534 27.2007 28.6176 27.5365 28.2034 27.5365H3.78223C3.36801 27.5365 3.03223 27.2007 3.03223 26.7865V25.4604C3.03223 24.5082 3.37196 23.5871 3.99033 22.863L5.22938 21.4119C5.67299 20.8924 5.97615 20.2679 6.10998 19.598L7.97115 10.2813Z"
fill="url(#paint5_linear_18_18000)"
/>
<path
d="M7.97115 10.2813C8.71311 6.56713 11.9564 3.88561 15.7365 3.8485C15.7631 3.84825 15.7896 3.8485 15.8162 3.8485H16.1694C16.196 3.8485 16.2226 3.84825 16.2491 3.8485C20.0292 3.88561 23.2725 6.56713 24.0145 10.2813L25.8757 19.598C26.0095 20.2679 26.3126 20.8924 26.7563 21.4119L27.9953 22.863C28.6137 23.5871 28.9534 24.5082 28.9534 25.4604V26.7865C28.9534 27.2007 28.6176 27.5365 28.2034 27.5365H3.78223C3.36801 27.5365 3.03223 27.2007 3.03223 26.7865V25.4604C3.03223 24.5082 3.37196 23.5871 3.99033 22.863L5.22938 21.4119C5.67299 20.8924 5.97615 20.2679 6.10998 19.598L7.97115 10.2813Z"
fill="url(#paint6_radial_18_18000)"
/>
<g filter="url(#filter2_f_18_18000)">
<path
d="M7.47144 20.9202L5.90894 23.0452H26.9089L25.2214 20.9202H7.47144Z"
fill="url(#paint7_linear_18_18000)"
/>
</g>
<g filter="url(#filter3_f_18_18000)">
<path
d="M16.7839 8.93392C16.7839 7.68368 17.7975 6.67017 19.0477 6.67017V6.67017C20.0924 6.67017 21.0014 7.38509 21.2477 8.40038L24.2839 20.9202H16.7839V8.93392Z"
fill="url(#paint8_linear_18_18000)"
/>
</g>
<g filter="url(#filter4_i_18_18000)">
<path
d="M2.55491 2.23655C3.09882 1.69264 3.98068 1.69263 4.52459 2.23655L29.445 27.1569C29.9889 27.7008 29.9889 28.5827 29.445 29.1266C28.901 29.6705 28.0192 29.6705 27.4753 29.1266L2.55491 4.20623C2.01099 3.66232 2.01099 2.78046 2.55491 2.23655Z"
fill="url(#paint9_linear_18_18000)"
/>
</g>
<defs>
<filter
id="filter0_i_18_18000"
x={14.7886}
y={1.66772}
width={2.60845}
height={4.36133}
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.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.87451 0 0 0 0 0.564706 0 0 0 0 0.341176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18000"
/>
</filter>
<filter
id="filter1_iii_18_18000"
x={-0.967773}
y={3.84839}
width={30.9211}
height={23.6881}
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={-4} />
<feGaussianBlur stdDeviation={2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.905882 0 0 0 0 0.392157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18000"
/>
<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} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.996078 0 0 0 0 0.866667 0 0 0 0 0.462745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_18000"
result="effect2_innerShadow_18_18000"
/>
<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} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.917647 0 0 0 0 0.572549 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_18000"
result="effect3_innerShadow_18_18000"
/>
</filter>
<filter
id="filter2_f_18_18000"
x={3.90894}
y={18.9202}
width={25}
height={6.125}
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_18000"
/>
</filter>
<filter
id="filter3_f_18_18000"
x={14.7839}
y={4.67017}
width={11.5}
height={18.25}
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_18000"
/>
</filter>
<filter
id="filter4_i_18_18000"
x={2.14697}
y={1.77861}
width={27.7558}
height={27.7559}
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.05} dy={-0.05} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.752941 0 0 0 0 0.14902 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18000"
/>
</filter>
<radialGradient
id="paint0_radial_18_18000"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.7528 29.1701) rotate(-126.512) scale(2.95496 4.08094)"
>
<stop stopColor="#FFC26D" />
<stop offset={1} stopColor="#F68D61" />
</radialGradient>
<linearGradient
id="paint1_linear_18_18000"
x1={15.2528}
y1={26.7639}
x2={15.5028}
y2={28.5451}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.186236} stopColor="#E57356" />
<stop offset={1} stopColor="#E57356" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_18000"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.8778 26.3264) rotate(135) scale(4.06586 6.70906)"
>
<stop offset={0.441043} stopColor="#EA8059" stopOpacity={0} />
<stop offset={1} stopColor="#C27068" />
</radialGradient>
<radialGradient
id="paint3_radial_18_18000"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.784 3.84839) rotate(-90) scale(2.18066 1.3125)"
>
<stop stopColor="#FFE957" />
<stop offset={1} stopColor="#F7A630" />
</radialGradient>
<linearGradient
id="paint4_linear_18_18000"
x1={18.4603}
y1={25.7005}
x2={4.93848}
y2={25.7005}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FCB949" />
<stop offset={1} stopColor="#E28C37" />
</linearGradient>
<linearGradient
id="paint5_linear_18_18000"
x1={18.0966}
y1={27.7952}
x2={18.0966}
y2={24.7952}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D7737D" />
<stop offset={0.302084} stopColor="#FCA162" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18_18000"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.0341 14.2327) rotate(146.139) scale(22.883 21.9517)"
>
<stop offset={0.670378} stopColor="#E69136" stopOpacity={0} />
<stop offset={0.977283} stopColor="#CF7D44" />
</radialGradient>
<linearGradient
id="paint7_linear_18_18000"
x1={6.22144}
y1={23.0452}
x2={26.2839}
y2={23.0452}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.277259} stopColor="#F5A43C" />
<stop offset={1} stopColor="#FFE154" />
</linearGradient>
<linearGradient
id="paint8_linear_18_18000"
x1={25.1663}
y1={18.1798}
x2={15.5339}
y2={18.1798}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.117557} stopColor="#FFEF6D" />
<stop offset={1} stopColor="#FFEF6D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_18000"
x1={8.37224}
y1={8.41113}
x2={28.5505}
y2={28.108}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FE3C57" />
<stop offset={1} stopColor="#FF37B8" />
</linearGradient>
</defs>
</svg>
);
module.exports = BellWithSlashIcon;