@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
211 lines (210 loc) • 6.73 kB
JSX
const React = require("react");
const MultiplyIcon = ({ 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_iii_18590_1710)">
<path
d="M7.3973 2.8925C6.2073 1.7025 4.2573 1.7025 3.0673 2.8925C1.8773 4.0925 1.8773 6.0325 3.0673 7.2325L11.285 15.4464C11.5779 15.7392 11.5781 16.214 11.2853 16.5069L3.07731 24.7225C1.88731 25.9125 1.88731 27.8625 3.07731 29.0525C4.26731 30.2425 6.21731 30.2425 7.40731 29.0525L15.6181 20.838C15.9109 20.545 16.3858 20.5449 16.6788 20.8377L24.8873 29.0425C26.0773 30.2325 28.0273 30.2325 29.2173 29.0425C30.4073 27.8525 30.4073 25.9025 29.2173 24.7125L21.0095 16.5047C20.7167 16.2119 20.7166 15.7371 21.0094 15.4442L29.2273 7.2225C30.4173 6.0325 30.4173 4.0825 29.2273 2.8925C28.0273 1.7025 26.0773 1.7025 24.8873 2.8925L16.6766 11.1107C16.3838 11.4038 15.9087 11.4039 15.6157 11.1109L7.3973 2.8925Z"
fill="url(#paint0_linear_18590_1710)"
/>
</g>
<g filter="url(#filter1_f_18590_1710)">
<rect
x={27.7098}
y={3.21533}
width={1.72845}
height={34.3388}
rx={0.864226}
transform="rotate(45 27.7098 3.21533)"
fill="url(#paint1_linear_18590_1710)"
/>
<rect
x={27.7098}
y={3.21533}
width={1.72845}
height={34.3388}
rx={0.864226}
transform="rotate(45 27.7098 3.21533)"
fill="url(#paint2_radial_18590_1710)"
/>
</g>
<g filter="url(#filter2_f_18590_1710)">
<rect
width={1.72845}
height={33.1479}
rx={0.864226}
transform="matrix(-0.707107 0.707107 0.707107 0.707107 5.83856 2.90283)"
fill="url(#paint3_linear_18590_1710)"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_1710"
x={0.674805}
y={1.5}
width={30.945}
height={28.9449}
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={1.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.172549 0 0 0 0 0.152941 0 0 0 0 0.192157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1710"
/>
<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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.2 0 0 0 0 0.129412 0 0 0 0 0.266667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1710"
result="effect2_innerShadow_18590_1710"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.329412 0 0 0 0 0.247059 0 0 0 0 0.407843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1710"
result="effect3_innerShadow_18590_1710"
/>
</filter>
<filter
id="filter1_f_18590_1710"
x={1.78652}
y={1.57336}
width={28.7875}
height={28.7875}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1710"
/>
</filter>
<filter
id="filter2_f_18590_1710"
x={2.97433}
y={1.26086}
width={27.9453}
height={27.9453}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1710"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1710"
x1={16.1473}
y1={2}
x2={16.1473}
y2={27.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4F3C62" />
<stop offset={1} stopColor="#28252C" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_1710"
x1={28.574}
y1={3.21533}
x2={28.574}
y2={37.5542}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#625174" />
<stop offset={1} stopColor="#494151" />
</linearGradient>
<radialGradient
id="paint2_radial_18590_1710"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.5102 3.43628) rotate(90) scale(3.7565 4.90555)"
>
<stop stopColor="#7E728C" />
<stop offset={1} stopColor="#7E728C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18590_1710"
x1={0.864226}
y1={0}
x2={0.864226}
y2={33.1479}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.230345} stopColor="#756983" />
<stop offset={0.453763} stopColor="#756983" stopOpacity={0} />
<stop offset={0.827559} stopColor="#67656A" />
</linearGradient>
</defs>
</svg>
);
module.exports = MultiplyIcon;