@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
409 lines (408 loc) • 12 kB
JSX
const React = require("react");
const RazorIcon = ({ 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_18_26035)">
<rect
x={19.5156}
y={8.9375}
width={5.51892}
height={25.5}
rx={2.25}
transform="rotate(45 19.5156 8.9375)"
fill="url(#paint0_linear_18_26035)"
/>
<rect
x={19.5156}
y={8.9375}
width={5.51892}
height={25.5}
rx={2.25}
transform="rotate(45 19.5156 8.9375)"
fill="url(#paint1_linear_18_26035)"
/>
</g>
<g filter="url(#filter1_ii_18_26035)">
<rect
x={7.1875}
y={22.7031}
width={3.48598}
height={5.42484}
rx={1.74299}
transform="rotate(45 7.1875 22.7031)"
fill="url(#paint2_linear_18_26035)"
/>
</g>
<g filter="url(#filter2_iiii_18_26035)">
<rect
x={16.7618}
y={1.10559}
width={20.4894}
height={8.03232}
rx={2.4}
transform="rotate(45 16.7618 1.10559)"
fill="url(#paint3_linear_18_26035)"
/>
</g>
<g filter="url(#filter3_i_18_26035)">
<rect
x={17.0938}
y={4.28125}
width={15.5289}
height={1.54681}
rx={0.773404}
transform="rotate(45 17.0938 4.28125)"
fill="#AC9ABE"
/>
</g>
<g filter="url(#filter4_i_18_26035)">
<rect
x={15.375}
y={6.04688}
width={15.5289}
height={1.54681}
rx={0.773404}
transform="rotate(45 15.375 6.04688)"
fill="#AC99BF"
/>
</g>
<defs>
<filter
id="filter0_iii_18_26035"
x={1.91638}
y={9.36951}
width={21.0697}
height={21.0697}
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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.2 0 0 0 0 0.482353 0 0 0 0 0.776471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26035"
/>
<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} dy={-0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.25098 0 0 0 0 0.498039 0 0 0 0 0.807843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26035"
result="effect2_innerShadow_18_26035"
/>
<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} dy={-0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.180392 0 0 0 0 0.419608 0 0 0 0 0.694118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_26035"
result="effect3_innerShadow_18_26035"
/>
</filter>
<filter
id="filter1_ii_18_26035"
x={3.92349}
y={23.175}
width={5.25706}
height={5.25706}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.372549 0 0 0 0 0.984314 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26035"
/>
<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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.152941 0 0 0 0 0.552941 0 0 0 0 0.933333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26035"
result="effect2_innerShadow_18_26035"
/>
</filter>
<filter
id="filter2_iiii_18_26035"
x={11.5763}
y={1.59973}
width={19.1796}
height={19.1797}
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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.431373 0 0 0 0 0.713726 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26035"
/>
<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={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.184314 0 0 0 0 0.517647 0 0 0 0 0.866667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26035"
result="effect2_innerShadow_18_26035"
/>
<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.25} dy={-0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.266667 0 0 0 0 0.584314 0 0 0 0 0.976471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_26035"
result="effect3_innerShadow_18_26035"
/>
<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} dy={-0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.184314 0 0 0 0 0.462745 0 0 0 0 0.811765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18_26035"
result="effect4_innerShadow_18_26035"
/>
</filter>
<filter
id="filter3_i_18_26035"
x={16.3203}
y={4.20156}
width={11.8337}
height={11.8337}
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.35} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.862745 0 0 0 0 0.839216 0 0 0 0 0.886275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26035"
/>
</filter>
<filter
id="filter4_i_18_26035"
x={14.6016}
y={5.96719}
width={11.8337}
height={11.8337}
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.35} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.847059 0 0 0 0 0.890196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26035"
/>
</filter>
<linearGradient
id="paint0_linear_18_26035"
x1={22.2751}
y1={8.9375}
x2={22.2751}
y2={34.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4787EE" />
<stop offset={1} stopColor="#4384C7" />
</linearGradient>
<linearGradient
id="paint1_linear_18_26035"
x1={22.6313}
y1={12.9371}
x2={22.6313}
y2={15.1026}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2F7BEB" />
<stop offset={1} stopColor="#2F7BEB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_26035"
x1={8.93049}
y1={22.7031}
x2={8.88898}
y2={28.4042}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2FDCFF" />
<stop offset={1} stopColor="#2E9CF6" />
</linearGradient>
<linearGradient
id="paint3_linear_18_26035"
x1={27.0065}
y1={1.10559}
x2={27.0065}
y2={9.13791}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#499FFD" />
<stop offset={1} stopColor="#4685DA" />
</linearGradient>
</defs>
</svg>
);
module.exports = RazorIcon;