@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
222 lines (221 loc) • 8.24 kB
JSX
const React = require("react");
const NoSmokingIcon = ({ 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_18590_592)">
<path
d="M24.4926 22.0997C25.7799 20.3103 26.5424 18.1174 26.5424 15.75C26.5424 9.71996 21.6324 4.80996 15.6024 4.81996C13.235 4.81996 11.0422 5.58242 9.25278 6.86961C9.12975 6.95811 9.11786 7.13541 9.22506 7.24254L24.1198 22.1275C24.2269 22.2346 24.4041 22.2227 24.4926 22.0997Z"
fill="url(#paint0_linear_18590_592)"
/>
<path
d="M6.72203 9.39029C5.43403 11.1797 4.66235 13.373 4.66235 15.75C4.66235 21.78 9.57235 26.69 15.6024 26.69C17.9698 26.69 20.1628 25.9182 21.961 24.6302C22.0844 24.5418 22.0966 24.3642 21.9892 24.2568L7.09493 9.36254C6.98778 9.25539 6.81055 9.26731 6.72203 9.39029Z"
fill="url(#paint1_linear_18590_592)"
/>
</g>
<g filter="url(#filter1_i_18590_592)">
<path
d="M21.7275 9.56732L21.3853 10.6228C21.2185 11.1376 21.2673 11.698 21.5207 12.1762L21.925 12.9389C22.0779 13.2274 22.1579 13.549 22.1579 13.8755V15.0094C22.1579 15.2487 22.4617 15.3513 22.6067 15.1609L23.3089 14.2394C23.8354 13.5486 23.8557 12.5969 23.3593 11.8842L22.6743 10.9005C22.5369 10.7033 22.4362 10.4828 22.377 10.2498L22.2076 9.58288C22.1459 9.33989 21.8048 9.32884 21.7275 9.56732Z"
fill="#504D52"
/>
<path
d="M6.12427 16.75C6.12427 16.1977 6.57198 15.75 7.12427 15.75H20.8743C21.0123 15.75 21.1243 15.862 21.1243 16V18.5C21.1243 18.6381 21.0123 18.75 20.8743 18.75H7.12427C6.57198 18.75 6.12427 18.3023 6.12427 17.75V16.75Z"
fill="#504D52"
/>
<path
d="M22.1243 16C22.1243 15.862 22.2362 15.75 22.3743 15.75H22.8743C23.0123 15.75 23.1243 15.862 23.1243 16V18.5C23.1243 18.6381 23.0123 18.75 22.8743 18.75H22.3743C22.2362 18.75 22.1243 18.6381 22.1243 18.5V16Z"
fill="#504D52"
/>
</g>
<g filter="url(#filter2_iii_18590_592)">
<path
d="M15.6023 1.80005C7.91234 1.80005 1.65234 8.06005 1.65234 15.75C1.65234 23.44 7.91234 29.7 15.6023 29.7C23.2923 29.7 29.5523 23.45 29.5523 15.75C29.5523 8.05005 23.3023 1.80005 15.6023 1.80005ZM26.5423 15.75C26.5423 18.1175 25.7798 20.3104 24.4926 22.0998C24.4041 22.2227 24.2269 22.2347 24.1198 22.1276L9.22505 7.24262C9.11785 7.13549 9.12974 6.9582 9.25277 6.8697C11.0421 5.58251 13.235 4.82005 15.6023 4.82005C21.6323 4.81005 26.5423 9.72005 26.5423 15.75ZM4.66234 15.75C4.66234 13.3731 5.43402 11.1798 6.72202 9.39038C6.81054 9.2674 6.98777 9.25548 7.09492 9.36262L21.9892 24.2569C22.0966 24.3643 22.0844 24.5419 21.961 24.6303C20.1628 25.9183 17.9698 26.69 15.6023 26.69C9.57234 26.69 4.66234 21.78 4.66234 15.75Z"
fill="url(#paint2_linear_18590_592)"
/>
</g>
<defs>
<filter
id="filter0_i_18590_592"
x={4.36235}
y={4.81995}
width={22.18}
height={22.17}
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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.819608 0 0 0 0 0.901961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_592"
/>
</filter>
<filter
id="filter1_i_18590_592"
x={5.72427}
y={9.39441}
width={17.9939}
height={9.75559}
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.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.184314 0 0 0 0 0.164706 0 0 0 0 0.203922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_592"
/>
</filter>
<filter
id="filter2_iii_18590_592"
x={1.35234}
y={1.40005}
width={28.6}
height={28.6}
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.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.882353 0 0 0 0 0.113725 0 0 0 0 0.333333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_592"
/>
<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.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.827451 0 0 0 0 0.168627 0 0 0 0 0.172549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_592"
result="effect2_innerShadow_18590_592"
/>
<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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.458824 0 0 0 0 0.568627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_592"
result="effect3_innerShadow_18590_592"
/>
</filter>
<linearGradient
id="paint0_linear_18590_592"
x1={21.6523}
y1={7.54996}
x2={11.7148}
y2={18.2375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF7FF" />
<stop offset={1} stopColor="#FBF2FF" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_592"
x1={21.6523}
y1={7.54996}
x2={11.7148}
y2={18.2375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF7FF" />
<stop offset={1} stopColor="#FBF2FF" />
</linearGradient>
<linearGradient
id="paint2_linear_18590_592"
x1={25.8751}
y1={15.7501}
x2={2.81256}
y2={15.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF5075" />
<stop offset={1} stopColor="#FF4B51" />
</linearGradient>
</defs>
</svg>
);
module.exports = NoSmokingIcon;