@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
547 lines (546 loc) • 17.8 kB
JSX
const React = require("react");
const ScissorsIcon = ({ 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_18_23328)">
<path
d="M6.02002 29.7L21.24 14.48L18.17 11.41L5.32002 24.25C4.01002 25.56 4.01002 27.69 5.32002 29L6.02002 29.7Z"
fill="url(#paint0_linear_18_23328)"
/>
<path
d="M6.02002 29.7L21.24 14.48L18.17 11.41L5.32002 24.25C4.01002 25.56 4.01002 27.69 5.32002 29L6.02002 29.7Z"
fill="url(#paint1_linear_18_23328)"
/>
</g>
<g filter="url(#filter1_i_18_23328)">
<path
d="M15.7915 13.652C15.6334 13.8079 15.6325 14.0627 15.7895 14.2197L18.5986 17.0288C18.7559 17.186 19.0112 17.1848 19.167 17.026L20.302 15.8689C20.4225 15.746 20.6086 15.7158 20.7671 15.7831C24.8041 17.4975 29.5802 13.7893 29.5802 9.56001C29.5802 5.96001 26.6802 3.04001 23.0802 3.04001C19.4802 3.04001 16.5602 5.96001 16.5602 9.56001C16.5602 10.457 16.722 11.2669 17.0513 12.0305C17.1193 12.1882 17.0889 12.373 16.9665 12.4936L15.7915 13.652ZM20.0402 9.56001C20.0402 7.89001 21.4002 6.53001 23.0702 6.53001C24.7402 6.53001 26.1002 7.89001 26.1002 9.56001C26.1002 11.23 24.7402 12.59 23.0702 12.59C21.4002 12.59 20.0402 11.24 20.0402 9.56001Z"
fill="url(#paint2_linear_18_23328)"
/>
</g>
<g filter="url(#filter2_ii_18_23328)">
<path
d="M25.1601 29.7L9.94006 14.48L12.9401 11.35L25.7801 24.19C27.1001 25.51 27.1101 27.76 25.8001 29.07L25.1601 29.7Z"
fill="url(#paint3_linear_18_23328)"
/>
</g>
<g filter="url(#filter3_d_18_23328)">
<path
d="M15.5601 18.14C16.1511 18.14 16.6301 17.6609 16.6301 17.07C16.6301 16.4791 16.1511 16 15.5601 16C14.9692 16 14.4901 16.4791 14.4901 17.07C14.4901 17.6609 14.9692 18.14 15.5601 18.14Z"
fill="#A79AAC"
/>
<path
d="M15.5601 18.14C16.1511 18.14 16.6301 17.6609 16.6301 17.07C16.6301 16.4791 16.1511 16 15.5601 16C14.9692 16 14.4901 16.4791 14.4901 17.07C14.4901 17.6609 14.9692 18.14 15.5601 18.14Z"
fill="url(#paint4_radial_18_23328)"
/>
<path
d="M15.5601 18.14C16.1511 18.14 16.6301 17.6609 16.6301 17.07C16.6301 16.4791 16.1511 16 15.5601 16C14.9692 16 14.4901 16.4791 14.4901 17.07C14.4901 17.6609 14.9692 18.14 15.5601 18.14Z"
fill="url(#paint5_radial_18_23328)"
/>
<path
d="M15.5601 18.14C16.1511 18.14 16.6301 17.6609 16.6301 17.07C16.6301 16.4791 16.1511 16 15.5601 16C14.9692 16 14.4901 16.4791 14.4901 17.07C14.4901 17.6609 14.9692 18.14 15.5601 18.14Z"
fill="url(#paint6_radial_18_23328)"
/>
<path
d="M15.5601 18.14C16.1511 18.14 16.6301 17.6609 16.6301 17.07C16.6301 16.4791 16.1511 16 15.5601 16C14.9692 16 14.4901 16.4791 14.4901 17.07C14.4901 17.6609 14.9692 18.14 15.5601 18.14Z"
fill="url(#paint7_radial_18_23328)"
/>
</g>
<g filter="url(#filter4_i_18_23328)">
<path
d="M14.3872 12.3707C14.2714 12.2549 14.2396 12.0786 14.2991 11.9261C16.1642 7.1444 12.3337 3.04001 8.08008 3.04001C4.48008 3.04001 1.58008 5.96001 1.58008 9.56001C1.58008 13.16 4.48008 16.08 8.08008 16.08C8.97556 16.08 9.62284 16.0755 10.3515 15.7801C10.509 15.7163 10.6914 15.7443 10.8123 15.8637L11.9985 17.0357C12.1547 17.19 12.406 17.1895 12.5617 17.0347L15.531 14.0818C15.6879 13.9257 15.6883 13.6718 15.5318 13.5153L14.3872 12.3707ZM8.09008 12.59C6.42008 12.59 5.06008 11.23 5.06008 9.56001C5.06008 7.89001 6.42008 6.53001 8.09008 6.53001C9.76008 6.53001 11.1201 7.89001 11.1201 9.56001C11.1201 11.24 9.76008 12.59 8.09008 12.59Z"
fill="url(#paint8_linear_18_23328)"
/>
</g>
<g filter="url(#filter5_f_18_23328)">
<circle
cx={9.00785}
cy={9.26808}
r={4.93303}
stroke="url(#paint9_linear_18_23328)"
strokeWidth={0.75}
/>
<circle
cx={9.00785}
cy={9.26808}
r={4.93303}
stroke="url(#paint10_linear_18_23328)"
strokeWidth={0.75}
/>
</g>
<g filter="url(#filter6_f_18_23328)">
<circle
cx={23.693}
cy={9.32072}
r={4.98201}
transform="rotate(-4.45472 23.693 9.32072)"
stroke="url(#paint11_linear_18_23328)"
strokeWidth={0.75}
/>
<circle
cx={23.693}
cy={9.32072}
r={4.98201}
transform="rotate(-4.45472 23.693 9.32072)"
stroke="url(#paint12_linear_18_23328)"
strokeWidth={0.75}
/>
</g>
<g filter="url(#filter7_f_18_23328)">
<path
d="M10.9012 14.872C11.3991 14.5449 12.6146 13.6171 13.4929 12.5234"
stroke="#FF683C"
strokeWidth={0.75}
/>
</g>
<g filter="url(#filter8_f_18_23328)">
<path
d="M20.2838 15.1418C19.8055 14.7866 18.6452 13.7907 17.831 12.6485"
stroke="url(#paint13_linear_18_23328)"
strokeWidth={0.75}
/>
</g>
<defs>
<filter
id="filter0_i_18_23328"
x={4.33752}
y={11.36}
width={16.9525}
height={18.34}
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.631373 0 0 0 0 0.521569 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23328"
/>
</filter>
<filter
id="filter1_i_18_23328"
x={15.6723}
y={3.04001}
width={14.3078}
height={14.1059}
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} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.690196 0 0 0 0 0.211765 0 0 0 0 0.341176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23328"
/>
</filter>
<filter
id="filter2_ii_18_23328"
x={9.89006}
y={11.3}
width={16.9363}
height={18.45}
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.627451 0 0 0 0 0.592157 0 0 0 0 0.658824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23328"
/>
<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.643137 0 0 0 0 0.52549 0 0 0 0 0.74902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_23328"
result="effect2_innerShadow_18_23328"
/>
</filter>
<filter
id="filter3_d_18_23328"
x={14.1901}
y={15.9}
width={2.54}
height={2.54001}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.54902 0 0 0 0 0.419608 0 0 0 0 0.658824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18_23328"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18_23328"
result="shape"
/>
</filter>
<filter
id="filter4_i_18_23328"
x={1.58008}
y={3.04001}
width={14.4688}
height={14.1111}
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} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.690196 0 0 0 0 0.211765 0 0 0 0 0.341176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23328"
/>
</filter>
<filter
id="filter5_f_18_23328"
x={3.19983}
y={3.46005}
width={11.6161}
height={11.6161}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_23328"
/>
</filter>
<filter
id="filter6_f_18_23328"
x={17.8358}
y={3.46344}
width={11.7146}
height={11.7146}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_23328"
/>
</filter>
<filter
id="filter7_f_18_23328"
x={10.1953}
y={11.7886}
width={4.09003}
height={3.89682}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_23328"
/>
</filter>
<filter
id="filter8_f_18_23328"
x={17.0257}
y={11.9308}
width={3.98173}
height={4.01208}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_23328"
/>
</filter>
<linearGradient
id="paint0_linear_18_23328"
x1={8.64258}
y1={21.0088}
x2={11.9238}
y2={24.1338}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#877697" />
<stop offset={1} stopColor="#BDA7D4" />
</linearGradient>
<linearGradient
id="paint1_linear_18_23328"
x1={14.9082}
y1={19.0869}
x2={14.3145}
y2={19.6338}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.606588} stopColor="#7C549C" />
<stop offset={1} stopColor="#7C549C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_23328"
x1={29.5802}
y1={10.1772}
x2={18.9036}
y2={10.1772}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF7415" />
<stop offset={1} stopColor="#F63178" />
</linearGradient>
<linearGradient
id="paint3_linear_18_23328"
x1={18.0878}
y1={22.3835}
x2={20.9234}
y2={19.276}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B59FCA" />
<stop offset={1} stopColor="#887799" />
</linearGradient>
<radialGradient
id="paint4_radial_18_23328"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6426 16.9463) rotate(134.569) scale(1.4695 1.34838)"
>
<stop offset={0.517871} stopColor="#988098" stopOpacity={0} />
<stop offset={0.860007} stopColor="#988098" />
</radialGradient>
<radialGradient
id="paint5_radial_18_23328"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0645 18.3056) rotate(-68.142) scale(1.33134 1.18753)"
>
<stop stopColor="#926BB4" />
<stop offset={1} stopColor="#926BB4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_23328"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9551 16.915) rotate(139.617) scale(0.518504)"
>
<stop offset={0.258961} stopColor="#B9AEC4" />
<stop offset={1} stopColor="#B9AEC4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_23328"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.4551 17.7431) rotate(-65.8586) scale(1.91019)"
>
<stop offset={0.699835} stopColor="#A49EA6" stopOpacity={0} />
<stop offset={1} stopColor="#A49EA6" />
</radialGradient>
<linearGradient
id="paint8_linear_18_23328"
x1={15.8154}
y1={10.1772}
x2={5.01758}
y2={10.1772}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF7415" />
<stop offset={1} stopColor="#F63178" />
</linearGradient>
<linearGradient
id="paint9_linear_18_23328"
x1={14.2356}
y1={5.85645}
x2={9.94797}
y2={8.89925}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF8C72" />
<stop offset={1} stopColor="#FF8C72" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_23328"
x1={4.07483}
y1={11.2505}
x2={6.39803}
y2={10.3746}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF638F" />
<stop offset={1} stopColor="#FF638F" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_23328"
x1={28.9726}
y1={5.87522}
x2={24.6425}
y2={8.94824}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF8C72" />
<stop offset={1} stopColor="#FF8C72" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_23328"
x1={18.711}
y1={11.3228}
x2={21.0573}
y2={10.4382}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF638F" />
<stop offset={1} stopColor="#FF638F" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_23328"
x1={18.0482}
y1={12.6609}
x2={20.3276}
y2={17.0759}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DB236E" />
<stop offset={1} stopColor="#DB236E" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ScissorsIcon;