@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
252 lines (251 loc) • 10.2 kB
JSX
const React = require("react");
const NoLitteringIcon = ({ 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_605)">
<path
d="M24.4926 21.9747C25.7799 20.1853 26.5424 17.9924 26.5424 15.625C26.5424 9.59496 21.6324 4.68496 15.6024 4.69496C13.235 4.69496 11.0422 5.45742 9.25278 6.74461C9.12975 6.83311 9.11786 7.01041 9.22506 7.11754L24.1198 22.0025C24.2269 22.1096 24.4041 22.0977 24.4926 21.9747Z"
fill="url(#paint0_linear_18590_605)"
/>
<path
d="M6.72203 9.26529C5.43403 11.0547 4.66235 13.248 4.66235 15.625C4.66235 21.655 9.57235 26.565 15.6024 26.565C17.9698 26.565 20.1628 25.7932 21.961 24.5052C22.0844 24.4168 22.0966 24.2392 21.9892 24.1318L7.09493 9.23754C6.98778 9.13039 6.81055 9.14231 6.72203 9.26529Z"
fill="url(#paint1_linear_18590_605)"
/>
</g>
<g filter="url(#filter1_ii_18590_605)">
<path
d="M17.5276 9.64551C18.3344 9.64551 18.9885 8.99142 18.9885 8.18457C18.9885 7.37772 18.3344 6.72363 17.5276 6.72363C16.7207 6.72363 16.0666 7.37772 16.0666 8.18457C16.0666 8.99142 16.7207 9.64551 17.5276 9.64551Z"
fill="#504D52"
/>
<path
d="M15.9065 10.4424C15.6896 10.4424 15.4805 10.5229 15.3197 10.6683L13.168 12.6137L10.4264 13.5865C9.97093 13.7481 9.73274 14.2483 9.89435 14.7037C10.0559 15.1592 10.5562 15.3974 11.0116 15.2358L13.9178 14.2045C14.0265 14.1659 14.1265 14.1063 14.212 14.0289L15.6096 12.7654V17.2938C15.589 17.4158 15.5784 17.5411 15.5784 17.6689V23.6611C15.5784 24.1444 15.9701 24.5361 16.4534 24.5361C16.9366 24.5361 17.3284 24.1444 17.3284 23.6611V18.2549H18.3127V23.6611C18.3127 24.1444 18.7045 24.5361 19.1877 24.5361C19.671 24.5361 20.0627 24.1444 20.0627 23.6611V17.6689C20.0627 17.5789 20.0574 17.4901 20.0471 17.4029V14.265L21.0874 16.417C21.2978 16.852 21.821 17.0342 22.2561 16.8239C22.6911 16.6136 22.8733 16.0904 22.663 15.6553L20.3817 10.9365C20.2357 10.6344 19.9296 10.4424 19.594 10.4424H15.9065Z"
fill="#504D52"
/>
<path
d="M9.6096 16.0361C9.6096 16.3123 9.38574 16.5361 9.1096 16.5361C8.83346 16.5361 8.6096 16.3123 8.6096 16.0361C8.6096 15.76 8.83346 15.5361 9.1096 15.5361C9.38574 15.5361 9.6096 15.76 9.6096 16.0361Z"
fill="#504D52"
/>
<path
d="M11.1096 21.5361C11.3857 21.5361 11.6096 21.3123 11.6096 21.0361C11.6096 20.76 11.3857 20.5361 11.1096 20.5361C10.8335 20.5361 10.6096 20.76 10.6096 21.0361C10.6096 21.3123 10.8335 21.5361 11.1096 21.5361Z"
fill="#504D52"
/>
<path
d="M10.6096 17.6611C10.6096 17.5921 10.6656 17.5361 10.7346 17.5361H11.4846C11.5536 17.5361 11.6096 17.5921 11.6096 17.6611V18.4111C11.6096 18.4802 11.5536 18.5361 11.4846 18.5361H10.7346C10.6656 18.5361 10.6096 18.4802 10.6096 18.4111V17.6611Z"
fill="#504D52"
/>
<path
d="M8.49084 18.979C8.44202 19.0278 8.44202 19.107 8.49084 19.1558L9.02117 19.6861C9.06998 19.7349 9.14913 19.7349 9.19794 19.6861L9.72827 19.1558C9.77709 19.107 9.77709 19.0278 9.72827 18.979L9.19794 18.4487C9.14913 18.3998 9.06998 18.3998 9.02117 18.4487L8.49084 18.979Z"
fill="#504D52"
/>
</g>
<g filter="url(#filter2_iii_18590_605)">
<path
d="M15.6023 1.67505C7.91234 1.67505 1.65234 7.93505 1.65234 15.625C1.65234 23.315 7.91234 29.575 15.6023 29.575C23.2923 29.575 29.5523 23.325 29.5523 15.625C29.5523 7.92505 23.3023 1.67505 15.6023 1.67505ZM26.5423 15.625C26.5423 17.9925 25.7798 20.1854 24.4926 21.9748C24.4041 22.0977 24.2269 22.1097 24.1198 22.0026L9.22505 7.11762C9.11785 7.01049 9.12974 6.8332 9.25277 6.7447C11.0421 5.45751 13.235 4.69505 15.6023 4.69505C21.6323 4.68505 26.5423 9.59505 26.5423 15.625ZM4.66234 15.625C4.66234 13.2481 5.43402 11.0548 6.72202 9.26538C6.81054 9.1424 6.98777 9.13048 7.09492 9.23762L21.9892 24.1319C22.0966 24.2393 22.0844 24.4169 21.961 24.5053C20.1628 25.7933 17.9698 26.565 15.6023 26.565C9.57234 26.565 4.66234 21.655 4.66234 15.625Z"
fill="url(#paint2_linear_18590_605)"
/>
</g>
<defs>
<filter
id="filter0_i_18590_605"
x={4.36235}
y={4.69495}
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_605"
/>
</filter>
<filter
id="filter1_ii_18590_605"
x={7.85422}
y={6.42363}
width={15.1961}
height={18.7125}
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.6} dy={0.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.219608 0 0 0 0 0.164706 0 0 0 0 0.239216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_605"
/>
<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.360784 0 0 0 0 0.356863 0 0 0 0 0.364706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_605"
result="effect2_innerShadow_18590_605"
/>
</filter>
<filter
id="filter2_iii_18590_605"
x={1.35234}
y={1.27505}
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_605"
/>
<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_605"
result="effect2_innerShadow_18590_605"
/>
<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_605"
result="effect3_innerShadow_18590_605"
/>
</filter>
<linearGradient
id="paint0_linear_18590_605"
x1={21.6523}
y1={7.42496}
x2={11.7148}
y2={18.1125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF7FF" />
<stop offset={1} stopColor="#FBF2FF" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_605"
x1={21.6523}
y1={7.42496}
x2={11.7148}
y2={18.1125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF7FF" />
<stop offset={1} stopColor="#FBF2FF" />
</linearGradient>
<linearGradient
id="paint2_linear_18590_605"
x1={28.0273}
y1={15.625}
x2={10.5273}
y2={15.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF5075" />
<stop offset={1} stopColor="#FF4B51" />
</linearGradient>
</defs>
</svg>
);
module.exports = NoLitteringIcon;