@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
525 lines (524 loc) • 17.7 kB
JSX
const React = require("react");
const ScrewdriverIcon = ({ 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_24342)">
<path
d="M23.0306 30.0574C23.8116 30.8385 25.078 30.8385 25.859 30.0574L30.1087 25.8077C30.8897 25.0267 30.8897 23.7604 30.1087 22.9793L22.1041 14.9747C21.4207 14.2913 20.3126 14.2913 19.6292 14.9747L15.026 19.578C14.3426 20.2614 14.3426 21.3694 15.026 22.0528L23.0306 30.0574Z"
fill="url(#paint0_linear_18_24342)"
/>
<path
d="M23.0306 30.0574C23.8116 30.8385 25.078 30.8385 25.859 30.0574L30.1087 25.8077C30.8897 25.0267 30.8897 23.7604 30.1087 22.9793L22.1041 14.9747C21.4207 14.2913 20.3126 14.2913 19.6292 14.9747L15.026 19.578C14.3426 20.2614 14.3426 21.3694 15.026 22.0528L23.0306 30.0574Z"
fill="url(#paint1_linear_18_24342)"
/>
<path
d="M23.0306 30.0574C23.8116 30.8385 25.078 30.8385 25.859 30.0574L30.1087 25.8077C30.8897 25.0267 30.8897 23.7604 30.1087 22.9793L22.1041 14.9747C21.4207 14.2913 20.3126 14.2913 19.6292 14.9747L15.026 19.578C14.3426 20.2614 14.3426 21.3694 15.026 22.0528L23.0306 30.0574Z"
fill="url(#paint2_linear_18_24342)"
/>
</g>
<g filter="url(#filter1_ii_18_24342)">
<path
d="M2.97996 4.13962C2.81712 4.30243 2.7866 4.55539 2.90586 4.75232L5.22678 8.58179C5.30979 8.71869 5.45335 8.80759 5.61289 8.8209L6.87737 8.92628C7.11307 8.94592 7.33418 9.04847 7.50142 9.21572L16.4448 18.1591L18.2104 16.3935L9.21581 7.39885C9.03533 7.21837 8.93069 6.97571 8.92333 6.72058L8.89023 5.57328C8.88523 5.40284 8.7938 5.24668 8.64768 5.15894L4.80295 2.85215C4.6063 2.7341 4.35447 2.76511 4.19224 2.92734L2.97996 4.13962Z"
fill="#B9B3BE"
/>
</g>
<path
d="M2.97996 4.13962C2.81712 4.30243 2.7866 4.55539 2.90586 4.75232L5.22678 8.58179C5.30979 8.71869 5.45335 8.80759 5.61289 8.8209L6.87737 8.92628C7.11307 8.94592 7.33418 9.04847 7.50142 9.21572L16.4448 18.1591L18.2104 16.3935L9.21581 7.39885C9.03533 7.21837 8.93069 6.97571 8.92333 6.72058L8.89023 5.57328C8.88523 5.40284 8.7938 5.24668 8.64768 5.15894L4.80295 2.85215C4.6063 2.7341 4.35447 2.76511 4.19224 2.92734L2.97996 4.13962Z"
fill="url(#paint3_linear_18_24342)"
/>
<path
d="M2.97996 4.13962C2.81712 4.30243 2.7866 4.55539 2.90586 4.75232L5.22678 8.58179C5.30979 8.71869 5.45335 8.80759 5.61289 8.8209L6.87737 8.92628C7.11307 8.94592 7.33418 9.04847 7.50142 9.21572L16.4448 18.1591L18.2104 16.3935L9.21581 7.39885C9.03533 7.21837 8.93069 6.97571 8.92333 6.72058L8.89023 5.57328C8.88523 5.40284 8.7938 5.24668 8.64768 5.15894L4.80295 2.85215C4.6063 2.7341 4.35447 2.76511 4.19224 2.92734L2.97996 4.13962Z"
fill="url(#paint4_linear_18_24342)"
/>
<path
d="M2.97996 4.13962C2.81712 4.30243 2.7866 4.55539 2.90586 4.75232L5.22678 8.58179C5.30979 8.71869 5.45335 8.80759 5.61289 8.8209L6.87737 8.92628C7.11307 8.94592 7.33418 9.04847 7.50142 9.21572L16.4448 18.1591L18.2104 16.3935L9.21581 7.39885C9.03533 7.21837 8.93069 6.97571 8.92333 6.72058L8.89023 5.57328C8.88523 5.40284 8.7938 5.24668 8.64768 5.15894L4.80295 2.85215C4.6063 2.7341 4.35447 2.76511 4.19224 2.92734L2.97996 4.13962Z"
fill="url(#paint5_radial_18_24342)"
/>
<path
d="M2.97996 4.13962C2.81712 4.30243 2.7866 4.55539 2.90586 4.75232L5.22678 8.58179C5.30979 8.71869 5.45335 8.80759 5.61289 8.8209L6.87737 8.92628C7.11307 8.94592 7.33418 9.04847 7.50142 9.21572L16.4448 18.1591L18.2104 16.3935L9.21581 7.39885C9.03533 7.21837 8.93069 6.97571 8.92333 6.72058L8.89023 5.57328C8.88523 5.40284 8.7938 5.24668 8.64768 5.15894L4.80295 2.85215C4.6063 2.7341 4.35447 2.76511 4.19224 2.92734L2.97996 4.13962Z"
fill="url(#paint6_radial_18_24342)"
/>
<g filter="url(#filter2_f_18_24342)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M21.6627 16.9036L28.5536 23.7945C29.0484 24.2893 29.0484 25.0914 28.5536 25.5862C28.0589 26.0809 27.2567 26.0809 26.762 25.5862L19.8711 18.6953C19.3763 18.2005 19.3763 17.3984 19.8711 16.9036C20.3658 16.4088 21.168 16.4088 21.6627 16.9036Z"
fill="url(#paint7_linear_18_24342)"
/>
<path
d="M28.6597 23.6885L21.7688 16.7975C21.2155 16.2442 20.3183 16.2442 19.765 16.7975C19.2117 17.3509 19.2117 18.248 19.765 18.8013L26.6559 25.6923C27.2092 26.2456 28.1064 26.2456 28.6597 25.6923C29.213 25.1389 29.213 24.2418 28.6597 23.6885Z"
stroke="url(#paint8_linear_18_24342)"
strokeWidth={0.3}
/>
</g>
<g filter="url(#filter3_f_18_24342)">
<rect
x={19.8933}
y={17.7607}
width={0.857175}
height={10.6572}
rx={0.428588}
transform="rotate(-45 19.8933 17.7607)"
fill="url(#paint9_linear_18_24342)"
/>
</g>
<g filter="url(#filter4_f_18_24342)">
<rect
x={16}
y={20.5844}
width={2.11434}
height={12.3246}
rx={1.05717}
transform="rotate(-45 16 20.5844)"
fill="url(#paint10_linear_18_24342)"
/>
</g>
<g filter="url(#filter5_f_18_24342)">
<rect
x={16.6401}
y={20.6044}
width={1.23744}
height={11.3911}
rx={0.618718}
transform="rotate(-45 16.6401 20.6044)"
fill="url(#paint11_linear_18_24342)"
/>
</g>
<g filter="url(#filter6_f_18_24342)">
<rect
width={0.745221}
height={10.4782}
rx={0.37261}
transform="matrix(-0.707107 0.707107 0.707107 0.707107 17.149 20.741)"
fill="url(#paint12_linear_18_24342)"
/>
</g>
<rect
x={11.6323}
y={18.6591}
width={10.01}
height={3.0494}
rx={1.5247}
transform="rotate(-45 11.6323 18.6591)"
fill="url(#paint13_radial_18_24342)"
/>
<rect
x={11.6323}
y={18.6591}
width={10.01}
height={3.0494}
rx={1.5247}
transform="rotate(-45 11.6323 18.6591)"
fill="url(#paint14_linear_18_24342)"
/>
<rect
x={11.6323}
y={18.6591}
width={10.01}
height={3.0494}
rx={1.5247}
transform="rotate(-45 11.6323 18.6591)"
fill="url(#paint15_linear_18_24342)"
/>
<rect
x={11.6323}
y={18.6591}
width={10.01}
height={3.0494}
rx={1.5247}
transform="rotate(-45 11.6323 18.6591)"
fill="url(#paint16_radial_18_24342)"
/>
<defs>
<filter
id="filter0_i_18_24342"
x={14.5134}
y={13.9622}
width={16.1811}
height={16.681}
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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.835294 0 0 0 0 0.317647 0 0 0 0 0.572549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24342"
/>
</filter>
<filter
id="filter1_ii_18_24342"
x={2.3335}
y={2.28088}
width={16.3769}
height={16.3782}
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.615686 0 0 0 0 0.572549 0 0 0 0 0.631373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24342"
/>
<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.85098 0 0 0 0 0.843137 0 0 0 0 0.858824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_24342"
result="effect2_innerShadow_18_24342"
/>
</filter>
<filter
id="filter2_f_18_24342"
x={18.55}
y={15.5825}
width={11.3247}
height={11.3247}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18_24342"
/>
</filter>
<filter
id="filter3_f_18_24342"
x={19.4708}
y={16.7322}
width={8.98687}
height={8.98687}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_24342"
/>
</filter>
<filter
id="filter4_f_18_24342"
x={15.7879}
y={18.8772}
width={10.6341}
height={10.6341}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18_24342"
/>
</filter>
<filter
id="filter5_f_18_24342"
x={16.3964}
y={19.4857}
width={9.41714}
height={9.41711}
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_24342"
/>
</filter>
<filter
id="filter6_f_18_24342"
x={16.2764}
y={20.3953}
width={8.6275}
height={8.6275}
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_24342"
/>
</filter>
<linearGradient
id="paint0_linear_18_24342"
x1={18.0933}
y1={18.9795}
x2={27.9058}
y2={28.8545}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF509E" />
<stop offset={1} stopColor="#FF426F" />
</linearGradient>
<linearGradient
id="paint1_linear_18_24342"
x1={15.7963}
y1={22.5527}
x2={25.9578}
y2={19.9702}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DE2E8A" />
<stop offset={1} stopColor="#DE2E8A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_24342"
x1={17.0232}
y1={17.013}
x2={18.2816}
y2={18.2714}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.184616} stopColor="#E1045D" />
<stop offset={1} stopColor="#ED2786" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_24342"
x1={3.62451}
y1={3.47943}
x2={4.35889}
y2={4.19818}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0237304} stopColor="#A4A09D" />
<stop offset={1} stopColor="#A4A09D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_24342"
x1={15.812}
y1={16.2919}
x2={13.8901}
y2={14.3701}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.357723} stopColor="#7C7073" />
<stop offset={1} stopColor="#BAB4BF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_24342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.15576 9.44818) rotate(8.03571) scale(2.68259 1.55116)"
>
<stop offset={0.262179} stopColor="#9573AD" />
<stop offset={1} stopColor="#A095A4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_24342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.522 12.1982) rotate(44.2398) scale(5.46468 0.404241)"
>
<stop stopColor="#9B819F" />
<stop offset={1} stopColor="#9B819F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_24342"
x1={20.5781}
y1={17.6107}
x2={27.8465}
y2={24.8791}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF399D" />
<stop offset={1} stopColor="#FF335A" />
</linearGradient>
<linearGradient
id="paint8_linear_18_24342"
x1={19.8711}
y1={16.9036}
x2={28.5536}
y2={25.5862}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF66B1" />
<stop offset={1} stopColor="#FF667D" />
</linearGradient>
<linearGradient
id="paint9_linear_18_24342"
x1={20.3219}
y1={17.7607}
x2={20.3219}
y2={28.418}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF65A8" />
<stop offset={1} stopColor="#FF5F7E" />
</linearGradient>
<linearGradient
id="paint10_linear_18_24342"
x1={17.0572}
y1={20.5844}
x2={17.0572}
y2={32.909}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EE2391" />
<stop offset={1} stopColor="#ED2E59" />
</linearGradient>
<linearGradient
id="paint11_linear_18_24342"
x1={17.2589}
y1={20.6044}
x2={17.2589}
y2={31.9955}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F0278F" />
<stop offset={1} stopColor="#EB2B63" />
</linearGradient>
<linearGradient
id="paint12_linear_18_24342"
x1={0.37261}
y1={0}
x2={0.37261}
y2={10.4782}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FB4092" />
<stop offset={1} stopColor="#FD4574" />
</linearGradient>
<radialGradient
id="paint13_radial_18_24342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.925 21.4654) rotate(0.153603) scale(8.24224 4.61857)"
>
<stop stopColor="#D2299A" />
<stop offset={1} stopColor="#FF4F64" />
</radialGradient>
<linearGradient
id="paint14_linear_18_24342"
x1={18.3167}
y1={21.8632}
x2={18.3167}
y2={21.3329}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AF0241" />
<stop offset={1} stopColor="#DE1A88" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_24342"
x1={16.6594}
y1={18.3498}
x2={16.6594}
y2={19.7419}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C25067" />
<stop offset={1} stopColor="#EA2C6B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_24342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.4657 20.3606) rotate(-180) scale(4.37522 0.839689)"
>
<stop offset={0.142045} stopColor="#FF678B" />
<stop offset={1} stopColor="#FF678B" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = ScrewdriverIcon;