@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
427 lines (426 loc) • 14.9 kB
JSX
const React = require("react");
const ToothbrushIcon = ({ 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}
<rect
x={10.4922}
y={2.77345}
width={7.7892}
height={5.37567}
transform="rotate(45 10.4922 2.77345)"
fill="url(#paint0_linear_18_26298)"
/>
<g filter="url(#filter0_i_18_26298)">
<path
d="M9.49883 2.32558C9.86323 1.96118 10.454 1.96118 10.8184 2.32558C11.1828 2.68997 11.1828 3.28078 10.8184 3.64518L6.62452 7.8391C6.26012 8.2035 5.66931 8.2035 5.30492 7.8391C4.94052 7.4747 4.94052 6.88389 5.30492 6.51949L9.49883 2.32558Z"
fill="#E2D1E3"
/>
<path
d="M9.49883 2.32558C9.86323 1.96118 10.454 1.96118 10.8184 2.32558C11.1828 2.68997 11.1828 3.28078 10.8184 3.64518L6.62452 7.8391C6.26012 8.2035 5.66931 8.2035 5.30492 7.8391C4.94052 7.4747 4.94052 6.88389 5.30492 6.51949L9.49883 2.32558Z"
fill="url(#paint1_radial_18_26298)"
/>
</g>
<g filter="url(#filter1_i_18_26298)">
<path
d="M10.9658 3.77019C11.3302 3.40579 11.921 3.40579 12.2854 3.77019C12.6498 4.13459 12.6498 4.72539 12.2854 5.08979L8.09144 9.28371C7.72704 9.64811 7.13623 9.64811 6.77183 9.28371C6.40744 8.91931 6.40744 8.3285 6.77183 7.9641L10.9658 3.77019Z"
fill="#E2D1E3"
/>
<path
d="M10.9658 3.77019C11.3302 3.40579 11.921 3.40579 12.2854 3.77019C12.6498 4.13459 12.6498 4.72539 12.2854 5.08979L8.09144 9.28371C7.72704 9.64811 7.13623 9.64811 6.77183 9.28371C6.40744 8.91931 6.40744 8.3285 6.77183 7.9641L10.9658 3.77019Z"
fill="url(#paint2_radial_18_26298)"
/>
</g>
<g filter="url(#filter2_i_18_26298)">
<path
d="M12.3556 5.16987C12.72 4.80548 13.3109 4.80548 13.6753 5.16988C14.0396 5.53427 14.0396 6.12508 13.6753 6.48948L9.48133 10.6834C9.11693 11.0478 8.52613 11.0478 8.16173 10.6834C7.79733 10.319 7.79733 9.72819 8.16173 9.36379L12.3556 5.16987Z"
fill="#E2D1E3"
/>
<path
d="M12.3556 5.16987C12.72 4.80548 13.3109 4.80548 13.6753 5.16988C14.0396 5.53427 14.0396 6.12508 13.6753 6.48948L9.48133 10.6834C9.11693 11.0478 8.52613 11.0478 8.16173 10.6834C7.79733 10.319 7.79733 9.72819 8.16173 9.36379L12.3556 5.16987Z"
fill="url(#paint3_radial_18_26298)"
/>
</g>
<g filter="url(#filter3_i_18_26298)">
<path
d="M13.7646 6.58031C14.129 6.21591 14.7198 6.21591 15.0842 6.58031C15.4486 6.94471 15.4486 7.53551 15.0842 7.89991L10.8903 12.0938C10.5259 12.4582 9.93506 12.4582 9.57066 12.0938C9.20626 11.7294 9.20626 11.1386 9.57066 10.7742L13.7646 6.58031Z"
fill="#E2D1E3"
/>
<path
d="M13.7646 6.58031C14.129 6.21591 14.7198 6.21591 15.0842 6.58031C15.4486 6.94471 15.4486 7.53551 15.0842 7.89991L10.8903 12.0938C10.5259 12.4582 9.93506 12.4582 9.57066 12.0938C9.20626 11.7294 9.20626 11.1386 9.57066 10.7742L13.7646 6.58031Z"
fill="url(#paint4_radial_18_26298)"
/>
</g>
<g filter="url(#filter4_ii_18_26298)">
<path
d="M15.2438 7.95167C15.6082 7.58728 16.199 7.58728 16.5634 7.95167C16.9278 8.31607 16.9278 8.90688 16.5634 9.27128L12.3695 13.4652C12.0051 13.8296 11.4143 13.8296 11.0499 13.4652C10.6855 13.1008 10.6855 12.51 11.0499 12.1456L15.2438 7.95167Z"
fill="#E2D1E3"
/>
<path
d="M15.2438 7.95167C15.6082 7.58728 16.199 7.58728 16.5634 7.95167C16.9278 8.31607 16.9278 8.90688 16.5634 9.27128L12.3695 13.4652C12.0051 13.8296 11.4143 13.8296 11.0499 13.4652C10.6855 13.1008 10.6855 12.51 11.0499 12.1456L15.2438 7.95167Z"
fill="url(#paint5_radial_18_26298)"
/>
</g>
<g filter="url(#filter5_i_18_26298)">
<path
d="M3.52576 5.66406C2.6842 6.50563 2.6842 7.87008 3.52576 8.71165L23.843 29.0362C25.0326 30.2258 26.9612 30.2258 28.1508 29.0362C29.3444 27.8426 29.3397 25.9059 28.1404 24.7181L19.9295 16.5861C19.5051 16.1658 19.0204 15.8112 18.4913 15.5341L16.2136 14.3411C14.7116 13.5543 13.8072 12.8692 12.2055 11.3029L6.57336 5.66406C5.73181 4.82249 4.36731 4.82249 3.52576 5.66406Z"
fill="url(#paint6_linear_18_26298)"
/>
</g>
<g filter="url(#filter6_f_18_26298)">
<path
d="M6.11206 6.3125L13.121 13.3502C13.5296 13.7604 13.9953 14.1093 14.5039 14.3861L17.6851 16.1177C18.3415 16.475 18.9446 16.9225 19.4768 17.4471L27.4871 25.3438C27.8204 25.7604 28.3871 26.7875 27.9871 27.5625"
stroke="url(#paint7_linear_18_26298)"
strokeWidth={0.6}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_18_26298"
x={5.03162}
y={2.05228}
width={6.66018}
height={6.06012}
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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.780392 0 0 0 0 0.74902 0 0 0 0 0.784314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26298"
/>
</filter>
<filter
id="filter1_i_18_26298"
x={6.49854}
y={3.49689}
width={6.66018}
height={6.06012}
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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.780392 0 0 0 0 0.74902 0 0 0 0 0.784314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26298"
/>
</filter>
<filter
id="filter2_i_18_26298"
x={7.88843}
y={4.89658}
width={6.66018}
height={6.06012}
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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.780392 0 0 0 0 0.74902 0 0 0 0 0.784314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26298"
/>
</filter>
<filter
id="filter3_i_18_26298"
x={9.29736}
y={6.30701}
width={6.66018}
height={6.06012}
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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.780392 0 0 0 0 0.74902 0 0 0 0 0.784314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26298"
/>
</filter>
<filter
id="filter4_ii_18_26298"
x={10.7766}
y={7.67838}
width={6.66018}
height={6.06012}
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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.780392 0 0 0 0 0.74902 0 0 0 0 0.784314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26298"
/>
<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} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.807843 0 0 0 0 0.729412 0 0 0 0 0.862745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26298"
result="effect2_innerShadow_18_26298"
/>
</filter>
<filter
id="filter5_i_18_26298"
x={2.89465}
y={4.63288}
width={26.5483}
height={25.2955}
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.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.870588 0 0 0 0 0.109804 0 0 0 0 0.333333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26298"
/>
</filter>
<filter
id="filter6_f_18_26298"
x={5.06201}
y={5.2625}
width={24.1127}
height={23.3501}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_26298"
/>
</filter>
<linearGradient
id="paint0_linear_18_26298"
x1={14.3868}
y1={2.77345}
x2={14.3868}
y2={8.14912}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ECE6F5" />
<stop offset={0.47888} stopColor="#D8C6D5" />
</linearGradient>
<radialGradient
id="paint1_radial_18_26298"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.0918 2.75) rotate(138.827) scale(0.806962 1.0457)"
>
<stop stopColor="#F2EDFB" />
<stop offset={1} stopColor="#F2EDFB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_26298"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.5587 4.19461) rotate(138.827) scale(0.806962 1.0457)"
>
<stop stopColor="#F2EDFB" />
<stop offset={1} stopColor="#F2EDFB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_26298"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.9486 5.5943) rotate(138.827) scale(0.806962 1.0457)"
>
<stop stopColor="#F2EDFB" />
<stop offset={1} stopColor="#F2EDFB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_26298"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.3575 7.00473) rotate(138.827) scale(0.806962 1.0457)"
>
<stop stopColor="#F2EDFB" />
<stop offset={1} stopColor="#F2EDFB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_26298"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.8368 8.3761) rotate(138.827) scale(0.806962 1.0457)"
>
<stop stopColor="#F2EDFB" />
<stop offset={1} stopColor="#F2EDFB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_26298"
x1={15.9688}
y1={5.03288}
x2={19.5781}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF2539" />
<stop offset={1} stopColor="#EC2D97" />
</linearGradient>
<linearGradient
id="paint7_linear_18_26298"
x1={28.9871}
y1={26.7813}
x2={-7.29688}
y2={-9.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F95EAA" />
<stop offset={1} stopColor="#F95EAA" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ToothbrushIcon;