@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
294 lines (293 loc) • 13.5 kB
JSX
const React = require("react");
const WrenchIcon = ({ 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_24325)">
<path
d="M7.0899 3.00256C6.74817 3.09271 6.66492 3.51428 6.91486 3.76419L9.33862 6.18796C9.63153 6.48087 9.63153 6.95573 9.33862 7.24863L7.78992 8.79735C7.49701 9.09024 7.02216 9.09024 6.72925 8.79735L4.29663 6.36473C4.04742 6.11552 3.62708 6.19739 3.53528 6.53764C3.42285 6.95445 3.36292 7.39278 3.36292 7.84509C3.36292 10.6108 5.60498 12.8529 8.37073 12.8529C8.80537 12.8529 9.22707 12.7975 9.62918 12.6935C9.8506 12.6362 10.0895 12.6888 10.2512 12.8505L18.84 21.4394C19.0006 21.6 19.0538 21.8368 18.9983 22.057C18.8997 22.4492 18.8473 22.8598 18.8473 23.2826C18.8473 26.0483 21.0894 28.2904 23.8551 28.2904C24.2978 28.2904 24.7271 28.233 25.1359 28.1251C25.4777 28.035 25.5609 27.6134 25.311 27.3635L22.8872 24.9397C22.5943 24.6468 22.5943 24.172 22.8872 23.8791L24.4359 22.3303C24.7288 22.0374 25.2037 22.0374 25.4966 22.3303L27.9292 24.763C28.1784 25.0122 28.5988 24.9303 28.6906 24.59C28.803 24.1732 28.8629 23.7349 28.8629 23.2826C28.8629 20.5169 26.6208 18.2748 23.8551 18.2748C23.4244 18.2748 23.0064 18.3292 22.6076 18.4314C22.3865 18.4881 22.1484 18.4353 21.987 18.2739L13.3889 9.67581C13.2287 9.51561 13.1755 9.27953 13.2302 9.05969C13.3271 8.67081 13.3785 8.26396 13.3785 7.84509C13.3785 5.07936 11.1365 2.83728 8.37073 2.83728C7.92804 2.83728 7.49872 2.89473 7.0899 3.00256Z"
fill="url(#paint0_linear_18_24325)"
/>
<path
d="M7.0899 3.00256C6.74817 3.09271 6.66492 3.51428 6.91486 3.76419L9.33862 6.18796C9.63153 6.48087 9.63153 6.95573 9.33862 7.24863L7.78992 8.79735C7.49701 9.09024 7.02216 9.09024 6.72925 8.79735L4.29663 6.36473C4.04742 6.11552 3.62708 6.19739 3.53528 6.53764C3.42285 6.95445 3.36292 7.39278 3.36292 7.84509C3.36292 10.6108 5.60498 12.8529 8.37073 12.8529C8.80537 12.8529 9.22707 12.7975 9.62918 12.6935C9.8506 12.6362 10.0895 12.6888 10.2512 12.8505L18.84 21.4394C19.0006 21.6 19.0538 21.8368 18.9983 22.057C18.8997 22.4492 18.8473 22.8598 18.8473 23.2826C18.8473 26.0483 21.0894 28.2904 23.8551 28.2904C24.2978 28.2904 24.7271 28.233 25.1359 28.1251C25.4777 28.035 25.5609 27.6134 25.311 27.3635L22.8872 24.9397C22.5943 24.6468 22.5943 24.172 22.8872 23.8791L24.4359 22.3303C24.7288 22.0374 25.2037 22.0374 25.4966 22.3303L27.9292 24.763C28.1784 25.0122 28.5988 24.9303 28.6906 24.59C28.803 24.1732 28.8629 23.7349 28.8629 23.2826C28.8629 20.5169 26.6208 18.2748 23.8551 18.2748C23.4244 18.2748 23.0064 18.3292 22.6076 18.4314C22.3865 18.4881 22.1484 18.4353 21.987 18.2739L13.3889 9.67581C13.2287 9.51561 13.1755 9.27953 13.2302 9.05969C13.3271 8.67081 13.3785 8.26396 13.3785 7.84509C13.3785 5.07936 11.1365 2.83728 8.37073 2.83728C7.92804 2.83728 7.49872 2.89473 7.0899 3.00256Z"
fill="url(#paint1_radial_18_24325)"
/>
</g>
<g filter="url(#filter1_f_18_24325)">
<path
d="M13.0245 9.525C12.9425 9.38612 12.9213 9.21595 12.9614 9.055C13.053 8.68763 13.1016 8.30329 13.1016 7.90759C13.1016 5.29483 10.9835 3.17675 8.37073 3.17675C8.13111 3.17675 6.68125 2.96843 7.46094 3.74821L9.74219 6.27947C10.019 6.55617 10.019 7.00478 9.74219 7.28147L7.82031 9.21697C7.54366 9.49366 7.09507 9.49366 6.81831 9.21697L4.33594 6.76384C4.10046 6.52842 3.88944 6.35102 3.80272 6.67245C3.69651 7.06621 3.63989 7.48029 3.63989 7.90759C3.63989 10.5203 5.75795 12.6384 8.37073 12.6384C8.78138 12.6384 9.17969 12.5861 9.55955 12.4878C9.69493 12.4528 9.83735 12.4612 9.96236 12.513L13.0245 9.525Z"
fill="url(#paint2_radial_18_24325)"
/>
<path
d="M13.0245 9.525C12.9425 9.38612 12.9213 9.21595 12.9614 9.055C13.053 8.68763 13.1016 8.30329 13.1016 7.90759C13.1016 5.29483 10.9835 3.17675 8.37073 3.17675C8.13111 3.17675 6.68125 2.96843 7.46094 3.74821L9.74219 6.27947C10.019 6.55617 10.019 7.00478 9.74219 7.28147L7.82031 9.21697C7.54366 9.49366 7.09507 9.49366 6.81831 9.21697L4.33594 6.76384C4.10046 6.52842 3.88944 6.35102 3.80272 6.67245C3.69651 7.06621 3.63989 7.48029 3.63989 7.90759C3.63989 10.5203 5.75795 12.6384 8.37073 12.6384C8.78138 12.6384 9.17969 12.5861 9.55955 12.4878C9.69493 12.4528 9.83735 12.4612 9.96236 12.513L13.0245 9.525Z"
fill="url(#paint3_linear_18_24325)"
/>
<path
d="M13.0245 9.525C12.9425 9.38612 12.9213 9.21595 12.9614 9.055C13.053 8.68763 13.1016 8.30329 13.1016 7.90759C13.1016 5.29483 10.9835 3.17675 8.37073 3.17675C8.13111 3.17675 6.68125 2.96843 7.46094 3.74821L9.74219 6.27947C10.019 6.55617 10.019 7.00478 9.74219 7.28147L7.82031 9.21697C7.54366 9.49366 7.09507 9.49366 6.81831 9.21697L4.33594 6.76384C4.10046 6.52842 3.88944 6.35102 3.80272 6.67245C3.69651 7.06621 3.63989 7.48029 3.63989 7.90759C3.63989 10.5203 5.75795 12.6384 8.37073 12.6384C8.78138 12.6384 9.17969 12.5861 9.55955 12.4878C9.69493 12.4528 9.83735 12.4612 9.96236 12.513L13.0245 9.525Z"
fill="url(#paint4_radial_18_24325)"
/>
</g>
<g filter="url(#filter2_f_18_24325)">
<path
d="M19.2127 21.5888C19.2946 21.7277 19.3159 21.8978 19.2757 22.0588C19.1842 22.4262 19.1356 22.8105 19.1356 23.2062C19.1356 25.819 21.2537 27.937 23.8665 27.937C24.1061 27.937 25.5687 27.9811 24.7891 27.2014L22.495 24.8343C22.2182 24.5576 22.2182 24.109 22.495 23.8323L24.4169 21.8968C24.6935 21.6201 25.1421 21.6201 25.4189 21.8968L27.9012 24.35C28.1367 24.5854 28.3477 24.7628 28.4345 24.4413C28.5407 24.0476 28.5973 23.6335 28.5973 23.2062C28.5973 20.5934 26.4792 18.4754 23.8665 18.4754C23.4558 18.4754 23.0575 18.5277 22.6776 18.626C22.5423 18.661 22.3998 18.6526 22.2748 18.6008L19.2127 21.5888Z"
fill="url(#paint5_linear_18_24325)"
/>
<path
d="M19.2127 21.5888C19.2946 21.7277 19.3159 21.8978 19.2757 22.0588C19.1842 22.4262 19.1356 22.8105 19.1356 23.2062C19.1356 25.819 21.2537 27.937 23.8665 27.937C24.1061 27.937 25.5687 27.9811 24.7891 27.2014L22.495 24.8343C22.2182 24.5576 22.2182 24.109 22.495 23.8323L24.4169 21.8968C24.6935 21.6201 25.1421 21.6201 25.4189 21.8968L27.9012 24.35C28.1367 24.5854 28.3477 24.7628 28.4345 24.4413C28.5407 24.0476 28.5973 23.6335 28.5973 23.2062C28.5973 20.5934 26.4792 18.4754 23.8665 18.4754C23.4558 18.4754 23.0575 18.5277 22.6776 18.626C22.5423 18.661 22.3998 18.6526 22.2748 18.6008L19.2127 21.5888Z"
fill="url(#paint6_radial_18_24325)"
/>
</g>
<g filter="url(#filter3_f_18_24325)">
<rect
x={11.5189}
y={10.7367}
width={13.0994}
height={1.66735}
transform="rotate(45.6056 11.5189 10.7367)"
fill="#CCBCE1"
/>
</g>
<g filter="url(#filter4_f_18_24325)">
<rect
width={12.5664}
height={1.08069}
transform="matrix(0.699593 0.714541 0.714541 -0.699593 12.0293 10.61)"
fill="#E6E2F1"
/>
</g>
<g filter="url(#filter5_f_18_24325)">
<path
d="M10.0703 12.2327L12.6641 9.79517"
stroke="#CBBAE2"
strokeWidth={0.25}
/>
</g>
<defs>
<filter
id="filter0_i_18_24325"
x={3.36292}
y={2.83728}
width={25.7}
height={25.4531}
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.2} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.701961 0 0 0 0 0.686275 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24325"
/>
</filter>
<filter
id="filter1_f_18_24325"
x={3.13989}
y={2.65149}
width={10.4617}
height={10.4869}
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_24325"
/>
</filter>
<filter
id="filter2_f_18_24325"
x={18.6356}
y={17.9753}
width={10.4617}
height={10.4622}
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_24325"
/>
</filter>
<filter
id="filter3_f_18_24325"
x={8.82751}
y={9.23669}
width={13.3556}
height={13.5265}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_24325"
/>
</filter>
<filter
id="filter4_f_18_24325"
x={10.5293}
y={8.354}
width={12.5636}
height={12.7352}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_24325"
/>
</filter>
<filter
id="filter5_f_18_24325"
x={9.48471}
y={9.2041}
width={3.76495}
height={3.61963}
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_24325"
/>
</filter>
<linearGradient
id="paint0_linear_18_24325"
x1={13.3964}
y1={22.2435}
x2={19.4916}
y2={16.0177}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BAB6C1" />
<stop offset={1} stopColor="#E0DBE7" />
</linearGradient>
<radialGradient
id="paint1_radial_18_24325"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.7578 17.0138) rotate(-48.1221) scale(1.21715 9.89349)"
>
<stop stopColor="#C6B7DB" />
<stop offset={1} stopColor="#C6B7DB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_24325"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.37073 11.7451) rotate(-94.7485) scale(5.92465 8.69968)"
>
<stop stopColor="#D5C6EB" />
<stop offset={1} stopColor="#D5C6EB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_24325"
x1={2.91406}
y1={7.63884}
x2={5.94531}
y2={7.48259}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A8A6B0" />
<stop offset={1} stopColor="#A8A6B0" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_24325"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6641 4.29509) rotate(138.27) scale(3.09864 4.80563)"
>
<stop offset={0.20212} stopColor="#E4E1EB" />
<stop offset={1} stopColor="#E4E1EB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_24325"
x1={19.8672}
y1={20.217}
x2={23.2109}
y2={23.8107}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B8B0C5" />
<stop offset={1} stopColor="#B8B0C5" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18_24325"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8828 25.4826) rotate(-175.101) scale(4.39104 4.30831)"
>
<stop offset={0.259772} stopColor="#CEBDE5" />
<stop offset={1} stopColor="#CEBDE5" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = WrenchIcon;