@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
271 lines (270 loc) • 10.4 kB
JSX
const React = require("react");
const PaintbrushIcon = ({ 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_22378)">
<path
d="M22.9685 2.96947C23.7173 1.97492 25.1324 1.77962 26.1225 2.53419C27.0637 3.25149 27.2865 4.5763 26.6315 5.56195L15.0439 23.0006L10.3433 19.7394L22.9685 2.96947Z"
fill="url(#paint0_linear_18_22378)"
/>
</g>
<g filter="url(#filter1_i_18_22378)">
<path
d="M12.0039 28.9244C13.3267 28.2353 14.2299 26.8516 14.2299 25.2568C14.2299 22.9743 12.3796 21.124 10.0971 21.124C7.81464 21.124 5.96429 22.9743 5.96429 25.2568C5.96429 25.666 6.02374 26.0612 6.13446 26.4344C6.26593 27.0686 6.26727 28.1032 5.54675 28.7084C5.41675 28.8176 5.32367 28.9711 5.32367 29.1409C5.32367 29.3578 5.46802 29.5484 5.67993 29.5945C7.84774 30.0656 10.0495 30.0903 12.0039 28.9244Z"
fill="url(#paint1_radial_18_22378)"
/>
</g>
<path
d="M12.0039 28.9244C13.3267 28.2353 14.2299 26.8516 14.2299 25.2568C14.2299 22.9743 12.3796 21.124 10.0971 21.124C7.81464 21.124 5.96429 22.9743 5.96429 25.2568C5.96429 25.666 6.02374 26.0612 6.13446 26.4344C6.26593 27.0686 6.26727 28.1032 5.54675 28.7084C5.41675 28.8176 5.32367 28.9711 5.32367 29.1409C5.32367 29.3578 5.46802 29.5484 5.67993 29.5945C7.84774 30.0656 10.0495 30.0903 12.0039 28.9244Z"
fill="url(#paint2_radial_18_22378)"
/>
<path
d="M12.0039 28.9244C13.3267 28.2353 14.2299 26.8516 14.2299 25.2568C14.2299 22.9743 12.3796 21.124 10.0971 21.124C7.81464 21.124 5.96429 22.9743 5.96429 25.2568C5.96429 25.666 6.02374 26.0612 6.13446 26.4344C6.26593 27.0686 6.26727 28.1032 5.54675 28.7084C5.41675 28.8176 5.32367 28.9711 5.32367 29.1409C5.32367 29.3578 5.46802 29.5484 5.67993 29.5945C7.84774 30.0656 10.0495 30.0903 12.0039 28.9244Z"
fill="url(#paint3_linear_18_22378)"
/>
<g filter="url(#filter2_f_18_22378)">
<path
d="M25.241 3.82178L13.3818 20.4389"
stroke="url(#paint4_linear_18_22378)"
strokeWidth={1.25}
strokeLinecap="round"
/>
</g>
<path
d="M11.0389 18.4965C11.1678 18.3171 11.4177 18.2761 11.5972 18.405L15.8333 21.4476C16.0127 21.5765 16.0537 21.8264 15.9248 22.0059L14.8506 23.5015C14.5284 23.9501 13.9036 24.0525 13.455 23.7303L10.1935 21.3877C9.74493 21.0656 9.64248 20.4407 9.96466 19.9922L11.0389 18.4965Z"
fill="#9E98A3"
/>
<path
d="M11.0389 18.4965C11.1678 18.3171 11.4177 18.2761 11.5972 18.405L15.8333 21.4476C16.0127 21.5765 16.0537 21.8264 15.9248 22.0059L14.8506 23.5015C14.5284 23.9501 13.9036 24.0525 13.455 23.7303L10.1935 21.3877C9.74493 21.0656 9.64248 20.4407 9.96466 19.9922L11.0389 18.4965Z"
fill="url(#paint5_linear_18_22378)"
/>
<path
d="M11.0389 18.4965C11.1678 18.3171 11.4177 18.2761 11.5972 18.405L15.8333 21.4476C16.0127 21.5765 16.0537 21.8264 15.9248 22.0059L14.8506 23.5015C14.5284 23.9501 13.9036 24.0525 13.455 23.7303L10.1935 21.3877C9.74493 21.0656 9.64248 20.4407 9.96466 19.9922L11.0389 18.4965Z"
fill="url(#paint6_linear_18_22378)"
/>
<path
d="M11.0389 18.4965C11.1678 18.3171 11.4177 18.2761 11.5972 18.405L15.8333 21.4476C16.0127 21.5765 16.0537 21.8264 15.9248 22.0059L14.8506 23.5015C14.5284 23.9501 13.9036 24.0525 13.455 23.7303L10.1935 21.3877C9.74493 21.0656 9.64248 20.4407 9.96466 19.9922L11.0389 18.4965Z"
fill="url(#paint7_linear_18_22378)"
/>
<path
d="M11.0389 18.4965C11.1678 18.3171 11.4177 18.2761 11.5972 18.405L15.8333 21.4476C16.0127 21.5765 16.0537 21.8264 15.9248 22.0059L14.8506 23.5015C14.5284 23.9501 13.9036 24.0525 13.455 23.7303L10.1935 21.3877C9.74493 21.0656 9.64248 20.4407 9.96466 19.9922L11.0389 18.4965Z"
fill="url(#paint8_radial_18_22378)"
/>
<path
d="M11.0389 18.4965C11.1678 18.3171 11.4177 18.2761 11.5972 18.405L15.8333 21.4476C16.0127 21.5765 16.0537 21.8264 15.9248 22.0059L14.8506 23.5015C14.5284 23.9501 13.9036 24.0525 13.455 23.7303L10.1935 21.3877C9.74493 21.0656 9.64248 20.4407 9.96466 19.9922L11.0389 18.4965Z"
fill="url(#paint9_radial_18_22378)"
/>
<defs>
<filter
id="filter0_i_18_22378"
x={10.3433}
y={2.07471}
width={17.4135}
height={20.9259}
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.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.792157 0 0 0 0 0.286275 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22378"
/>
</filter>
<filter
id="filter1_i_18_22378"
x={5.32367}
y={21.124}
width={9.40625}
height={8.77393}
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} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.839216 0 0 0 0 0.466667 0 0 0 0 0.262745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22378"
/>
</filter>
<filter
id="filter2_f_18_22378"
x={11.5068}
y={1.94678}
width={15.6093}
height={20.3672}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.625}
result="effect1_foregroundBlur_18_22378"
/>
</filter>
<linearGradient
id="paint0_linear_18_22378"
x1={25.9038}
y1={2.07471}
x2={15.1538}
y2={18.6874}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9309C" />
<stop offset={1} stopColor="#FF355A" />
</linearGradient>
<radialGradient
id="paint1_radial_18_22378"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.5424 23.6172) rotate(126.983) scale(6.33751 5.38645)"
>
<stop offset={0.169422} stopColor="#FFD060" />
<stop offset={1} stopColor="#FF9452" />
</radialGradient>
<radialGradient
id="paint2_radial_18_22378"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.99756 23.625) rotate(82.9189) scale(6.32116 8.89957)"
>
<stop offset={0.723529} stopColor="#FF836A" stopOpacity={0} />
<stop offset={1} stopColor="#FF6677" />
</radialGradient>
<linearGradient
id="paint3_linear_18_22378"
x1={12.4038}
y1={22.3125}
x2={11.7788}
y2={23.3125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.245714} stopColor="#FCA94C" />
<stop offset={1} stopColor="#FCA94C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_22378"
x1={25.241}
y1={3.32468}
x2={13.3818}
y2={19.9418}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF65C1" />
<stop offset={1} stopColor="#FF4D68" />
</linearGradient>
<linearGradient
id="paint5_linear_18_22378"
x1={11.642}
y1={22.8179}
x2={12.4231}
y2={21.7172}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0865052} stopColor="#9A7F86" />
<stop offset={1} stopColor="#9A7F86" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_22378"
x1={10.3282}
y1={19.2317}
x2={13.0978}
y2={21.124}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.12496} stopColor="#7F7D80" />
<stop offset={1} stopColor="#7F7D80" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_22378"
x1={15.6542}
y1={23.9182}
x2={13.5238}
y2={22.2142}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7FCD" />
<stop offset={1} stopColor="#AE7FCD" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_22378"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.4825 19.5157) rotate(129.906) scale(3.72734 3.36182)"
>
<stop stopColor="#B9B0C3" />
<stop offset={1} stopColor="#A199A9" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_22378"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.4825 19.7288) rotate(128.234) scale(1.4917 2.76943)"
>
<stop offset={0.174504} stopColor="#B9B0C3" />
<stop offset={1} stopColor="#B9B0C3" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = PaintbrushIcon;