@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
699 lines (698 loc) • 21.4 kB
JSX
const React = require("react");
const ToolboxIcon = ({ 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_24749)">
<path
d="M11.0347 10.9623V8.49375C11.0347 7.72055 11.6615 7.09375 12.4347 7.09375H19.369C20.1422 7.09375 20.769 7.72055 20.769 8.49375V11.1719"
stroke="url(#paint0_linear_18_24749)"
strokeWidth={2.25}
/>
</g>
<g filter="url(#filter1_f_18_24749)">
<path
d="M11.0347 10.7961V8.2667C11.0347 7.47446 11.6741 6.83221 12.4629 6.83221H19.5371C20.3259 6.83221 20.9654 7.47446 20.9654 8.2667V11.0108"
stroke="url(#paint1_linear_18_24749)"
strokeWidth={0.6}
/>
<path
d="M11.0347 10.7961V8.2667C11.0347 7.47446 11.6741 6.83221 12.4629 6.83221H19.5371C20.3259 6.83221 20.9654 7.47446 20.9654 8.2667V11.0108"
stroke="url(#paint2_linear_18_24749)"
strokeWidth={0.6}
/>
</g>
<g filter="url(#filter2_iii_18_24749)">
<path
d="M2.01904 13.5312C2.01904 11.5983 3.58605 10.0312 5.51904 10.0312H26.3003C28.2333 10.0312 29.8003 11.5983 29.8003 13.5312V27.875C29.8003 28.9796 28.9049 29.875 27.8003 29.875H4.01904C2.91447 29.875 2.01904 28.9796 2.01904 27.875V13.5312Z"
fill="url(#paint3_linear_18_24749)"
/>
</g>
<g filter="url(#filter3_f_18_24749)">
<path
d="M20.3243 17.0598C20.3243 16.6456 20.6601 16.3098 21.0743 16.3098H23.5587C23.9729 16.3098 24.3087 16.6456 24.3087 17.0598V18.2552C24.3087 19.3554 23.4168 20.2473 22.3165 20.2473C21.2163 20.2473 20.3243 19.3554 20.3243 18.2552V17.0598Z"
fill="#DE2356"
/>
</g>
<g filter="url(#filter4_i_18_24749)">
<rect
x={5.92529}
y={22.9766}
width={19.9453}
height={0.992188}
rx={0.496094}
fill="#C1AECA"
/>
</g>
<g filter="url(#filter5_i_18_24749)">
<rect
x={1.78467}
y={17.0078}
width={28.25}
height={0.992188}
rx={0.4}
fill="#CB236C"
/>
<rect
x={1.78467}
y={17.0078}
width={28.25}
height={0.992188}
rx={0.4}
fill="url(#paint4_linear_18_24749)"
/>
</g>
<g filter="url(#filter6_i_18_24749)">
<rect
x={5.92529}
y={25.9609}
width={19.9453}
height={0.992188}
rx={0.496094}
fill="#C1AECA"
/>
</g>
<g filter="url(#filter7_f_18_24749)">
<path
d="M29.6753 17.4062C29.5503 17.4062 12.0711 17.4062 6.08154 17.4062"
stroke="url(#paint5_linear_18_24749)"
strokeWidth={0.2}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter8_i_18_24749)">
<path
d="M6.92529 16.75C6.92529 16.3358 7.26108 16 7.67529 16H10.1597C10.5739 16 10.9097 16.3358 10.9097 16.75V17.9453C10.9097 19.0456 10.0177 19.9375 8.91748 19.9375C7.81723 19.9375 6.92529 19.0456 6.92529 17.9453V16.75Z"
fill="#C4B3D4"
/>
<path
d="M6.92529 16.75C6.92529 16.3358 7.26108 16 7.67529 16H10.1597C10.5739 16 10.9097 16.3358 10.9097 16.75V17.9453C10.9097 19.0456 10.0177 19.9375 8.91748 19.9375C7.81723 19.9375 6.92529 19.0456 6.92529 17.9453V16.75Z"
fill="url(#paint6_radial_18_24749)"
/>
<path
d="M6.92529 16.75C6.92529 16.3358 7.26108 16 7.67529 16H10.1597C10.5739 16 10.9097 16.3358 10.9097 16.75V17.9453C10.9097 19.0456 10.0177 19.9375 8.91748 19.9375C7.81723 19.9375 6.92529 19.0456 6.92529 17.9453V16.75Z"
fill="url(#paint7_radial_18_24749)"
/>
</g>
<g filter="url(#filter9_i_18_24749)">
<path
d="M20.894 16.75C20.894 16.3358 21.2298 16 21.644 16H24.1284C24.5426 16 24.8784 16.3358 24.8784 16.75V17.9453C24.8784 19.0456 23.9865 19.9375 22.8862 19.9375C21.786 19.9375 20.894 19.0456 20.894 17.9453V16.75Z"
fill="#C4B3D4"
/>
<path
d="M20.894 16.75C20.894 16.3358 21.2298 16 21.644 16H24.1284C24.5426 16 24.8784 16.3358 24.8784 16.75V17.9453C24.8784 19.0456 23.9865 19.9375 22.8862 19.9375C21.786 19.9375 20.894 19.0456 20.894 17.9453V16.75Z"
fill="url(#paint8_radial_18_24749)"
/>
<path
d="M20.894 16.75C20.894 16.3358 21.2298 16 21.644 16H24.1284C24.5426 16 24.8784 16.3358 24.8784 16.75V17.9453C24.8784 19.0456 23.9865 19.9375 22.8862 19.9375C21.786 19.9375 20.894 19.0456 20.894 17.9453V16.75Z"
fill="url(#paint9_radial_18_24749)"
/>
</g>
<g filter="url(#filter10_f_18_24749)">
<path
d="M6.52576 23.3658H25.4519"
stroke="url(#paint10_linear_18_24749)"
strokeWidth={0.2}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter11_f_18_24749)">
<path
d="M6.52576 26.3523H25.4519"
stroke="url(#paint11_linear_18_24749)"
strokeWidth={0.2}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter12_f_18_24749)">
<rect
x={6.52576}
y={11.8926}
width={21.6642}
height={2.25503}
rx={1.12751}
fill="url(#paint12_linear_18_24749)"
/>
</g>
<defs>
<filter
id="filter0_i_18_24749"
x={9.90967}
y={5.46875}
width={11.9844}
height={5.70312}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.309804 0 0 0 0 0.160784 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24749"
/>
</filter>
<filter
id="filter1_f_18_24749"
x={10.1347}
y={5.93221}
width={11.7307}
height={5.67859}
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_24749"
/>
</filter>
<filter
id="filter2_iii_18_24749"
x={2.01904}
y={9.03125}
width={29.7812}
height={21.3438}
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={2} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.854902 0 0 0 0 0.282353 0 0 0 0 0.305882 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24749"
/>
<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={-1} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.882353 0 0 0 0 0.164706 0 0 0 0 0.4 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_24749"
result="effect2_innerShadow_18_24749"
/>
<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.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.858824 0 0 0 0 0.223529 0 0 0 0 0.45098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_24749"
result="effect3_innerShadow_18_24749"
/>
</filter>
<filter
id="filter3_f_18_24749"
x={18.8243}
y={14.8098}
width={6.98438}
height={6.9375}
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_24749"
/>
</filter>
<filter
id="filter4_i_18_24749"
x={5.92529}
y={22.6766}
width={19.9453}
height={1.29219}
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.3} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.752941 0 0 0 0 0.627451 0 0 0 0 0.823529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24749"
/>
</filter>
<filter
id="filter5_i_18_24749"
x={1.78467}
y={17.0078}
width={28.25}
height={1.24219}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.803922 0 0 0 0 0.101961 0 0 0 0 0.298039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24749"
/>
</filter>
<filter
id="filter6_i_18_24749"
x={5.92529}
y={25.6609}
width={19.9453}
height={1.29219}
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.3} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.752941 0 0 0 0 0.627451 0 0 0 0 0.823529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24749"
/>
</filter>
<filter
id="filter7_f_18_24749"
x={5.73154}
y={17.0563}
width={24.2938}
height={0.699997}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_24749"
/>
</filter>
<filter
id="filter8_i_18_24749"
x={6.92529}
y={16}
width={4.48438}
height={4.4375}
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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.670588 0 0 0 0 0.592157 0 0 0 0 0.709804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24749"
/>
</filter>
<filter
id="filter9_i_18_24749"
x={20.894}
y={16}
width={4.48438}
height={4.4375}
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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.670588 0 0 0 0 0.592157 0 0 0 0 0.709804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24749"
/>
</filter>
<filter
id="filter10_f_18_24749"
x={6.22575}
y={23.0658}
width={19.5262}
height={0.599997}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_24749"
/>
</filter>
<filter
id="filter11_f_18_24749"
x={6.22575}
y={26.0523}
width={19.5262}
height={0.599997}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_24749"
/>
</filter>
<filter
id="filter12_f_18_24749"
x={5.02576}
y={10.3926}
width={24.6642}
height={5.25504}
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_24749"
/>
</filter>
<linearGradient
id="paint0_linear_18_24749"
x1={15.9019}
y1={6.6875}
x2={15.9019}
y2={11.1719}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C486E" />
<stop offset={1} stopColor="#4B3341" />
</linearGradient>
<linearGradient
id="paint1_linear_18_24749"
x1={21.2752}
y1={7.45821}
x2={13.0527}
y2={10.0234}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7B6C89" />
<stop offset={1} stopColor="#7B6C89" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_24749"
x1={11.0347}
y1={10.5665}
x2={12.4674}
y2={6.83639}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7B6C89" />
<stop offset={1} stopColor="#7B6C89" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_24749"
x1={15.9097}
y1={15.6875}
x2={15.9097}
y2={29.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF417D" />
<stop offset={1} stopColor="#F2295E" />
</linearGradient>
<linearGradient
id="paint4_linear_18_24749"
x1={2.05029}
y1={18}
x2={7.36279}
y2={18}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B14757" />
<stop offset={1} stopColor="#B14757" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_24749"
x1={29.1128}
y1={17.25}
x2={10.4253}
y2={17.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E65F7C" />
<stop offset={1} stopColor="#E65F7C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18_24749"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.91748 16.8859) rotate(90) scale(3.05159 3.79105)"
>
<stop offset={0.457457} stopColor="#C5B4D5" stopOpacity={0} />
<stop offset={1} stopColor="#B474B3" />
</radialGradient>
<radialGradient
id="paint7_radial_18_24749"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.9097 16.1342) rotate(135.956) scale(1.62184 0.445439)"
>
<stop stopColor="#DED3E3" />
<stop offset={1} stopColor="#DED3E3" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_24749"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.8862 16.8859) rotate(90) scale(3.05159 3.79105)"
>
<stop offset={0.457457} stopColor="#C5B4D5" stopOpacity={0} />
<stop offset={1} stopColor="#B474B3" />
</radialGradient>
<radialGradient
id="paint9_radial_18_24749"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8784 16.1342) rotate(135.956) scale(1.62184 0.445439)"
>
<stop stopColor="#DED3E3" />
<stop offset={1} stopColor="#DED3E3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_24749"
x1={25.0007}
y1={23.2095}
x2={4.66337}
y2={23.2095}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D6C7DE" />
<stop offset={1} stopColor="#C1ADCC" />
</linearGradient>
<linearGradient
id="paint11_linear_18_24749"
x1={25.0007}
y1={26.1961}
x2={4.66337}
y2={26.1961}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D6C7DE" />
<stop offset={1} stopColor="#C1ADCC" />
</linearGradient>
<linearGradient
id="paint12_linear_18_24749"
x1={28.1899}
y1={13.6107}
x2={3.59932}
y2={13.6107}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF6891" />
<stop offset={1} stopColor="#FF6891" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ToolboxIcon;