@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
575 lines (574 loc) • 18.8 kB
JSX
const React = require("react");
const ArtistPaletteIcon = ({ 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_iii_18_4328)">
<path
d="M22.0526 6.11356C15.2792 2.7341 7.25079 4.03853 3.59187 9.95092C-0.0670421 15.8633 2.26304 23.7301 8.79879 27.5228C12.0101 29.3856 17.194 31.2887 19.3003 28.7513C21.3651 26.2653 18.3193 24.6902 19.0299 23.3143C20.1741 21.1008 25.2916 24.0048 28.6391 20.4266C32.411 16.3927 28.6483 9.40591 22.0526 6.11356ZM24.0796 19.1051C22.317 19.1051 21.0498 17.8468 21.0498 16.1403C21.0498 14.4338 22.317 13.1756 24.0796 13.1756C25.8422 13.1756 27.1095 14.4338 27.1095 16.1403C27.1095 17.8468 25.8422 19.1051 24.0796 19.1051Z"
fill="url(#paint0_linear_18_4328)"
/>
</g>
<g filter="url(#filter1_f_18_4328)">
<path
d="M8.10744 15.3438C9.31714 15.3438 10.2978 14.3632 10.2978 13.1535C10.2978 11.9438 9.31714 10.9631 8.10744 10.9631C6.89774 10.9631 5.91708 11.9438 5.91708 13.1535C5.91708 14.3632 6.89774 15.3438 8.10744 15.3438Z"
fill="#CB758C"
/>
</g>
<g filter="url(#filter2_f_18_4328)">
<path
d="M14.084 11.3204C15.2937 11.3204 16.2744 10.3397 16.2744 9.13005C16.2744 7.92035 15.2937 6.9397 14.084 6.9397C12.8743 6.9397 11.8936 7.92035 11.8936 9.13005C11.8936 10.3397 12.8743 11.3204 14.084 11.3204Z"
fill="#CB758C"
/>
</g>
<g filter="url(#filter3_f_18_4328)">
<path
d="M13.5918 26.951C14.8015 26.951 15.7822 25.9704 15.7822 24.7607C15.7822 23.551 14.8015 22.5703 13.5918 22.5703C12.3821 22.5703 11.4015 23.551 11.4015 24.7607C11.4015 25.9704 12.3821 26.951 13.5918 26.951Z"
fill="#CB758C"
/>
</g>
<g filter="url(#filter4_f_18_4328)">
<path
d="M8.44896 21.951C9.65866 21.951 10.6393 20.9704 10.6393 19.7607C10.6393 18.551 9.65866 17.5703 8.44896 17.5703C7.23926 17.5703 6.25861 18.551 6.25861 19.7607C6.25861 20.9704 7.23926 21.951 8.44896 21.951Z"
fill="#EDB88B"
/>
</g>
<g filter="url(#filter5_f_18_4328)">
<path
d="M8.52708 14.9823C9.73678 14.9823 10.7174 14.0016 10.7174 12.7919C10.7174 11.5822 9.73678 10.6016 8.52708 10.6016C7.31739 10.6016 6.33673 11.5822 6.33673 12.7919C6.33673 14.0016 7.31739 14.9823 8.52708 14.9823Z"
fill="#EDB88B"
/>
</g>
<g filter="url(#filter6_f_18_4328)">
<path
d="M14.699 10.9631C15.9087 10.9631 16.8893 9.98245 16.8893 8.77275C16.8893 7.56305 15.9087 6.5824 14.699 6.5824C13.4893 6.5824 12.5086 7.56305 12.5086 8.77275C12.5086 9.98245 13.4893 10.9631 14.699 10.9631Z"
fill="#EDB88B"
/>
</g>
<g filter="url(#filter7_ii_18_4328)">
<path
d="M14.3893 11.2812C15.632 11.2812 16.6393 10.2739 16.6393 9.03125C16.6393 7.78861 15.632 6.78125 14.3893 6.78125C13.1467 6.78125 12.1393 7.78861 12.1393 9.03125C12.1393 10.2739 13.1467 11.2812 14.3893 11.2812Z"
fill="url(#paint1_linear_18_4328)"
/>
</g>
<g filter="url(#filter8_ii_18_4328)">
<path
d="M8.38931 15.2812C9.63195 15.2812 10.6393 14.2739 10.6393 13.0312C10.6393 11.7886 9.63195 10.7812 8.38931 10.7812C7.14667 10.7812 6.13931 11.7886 6.13931 13.0312C6.13931 14.2739 7.14667 15.2812 8.38931 15.2812Z"
fill="url(#paint2_linear_18_4328)"
/>
</g>
<g filter="url(#filter9_f_18_4328)">
<path
d="M8.10744 22.4432C9.31714 22.4432 10.2978 21.4626 10.2978 20.2529C10.2978 19.0432 9.31714 18.0625 8.10744 18.0625C6.89774 18.0625 5.91708 19.0432 5.91708 20.2529C5.91708 21.4626 6.89774 22.4432 8.10744 22.4432Z"
fill="#CB758C"
/>
</g>
<g filter="url(#filter10_ii_18_4328)">
<path
d="M8.38931 22.2812C9.63195 22.2812 10.6393 21.2739 10.6393 20.0312C10.6393 18.7886 9.63195 17.7812 8.38931 17.7812C7.14667 17.7812 6.13931 18.7886 6.13931 20.0312C6.13931 21.2739 7.14667 22.2812 8.38931 22.2812Z"
fill="url(#paint3_linear_18_4328)"
/>
</g>
<g filter="url(#filter11_ii_18_4328)">
<path
d="M13.8893 26.7812C15.132 26.7812 16.1393 25.7739 16.1393 24.5312C16.1393 23.2886 15.132 22.2812 13.8893 22.2812C12.6467 22.2812 11.6393 23.2886 11.6393 24.5312C11.6393 25.7739 12.6467 26.7812 13.8893 26.7812Z"
fill="url(#paint4_linear_18_4328)"
/>
</g>
<defs>
<filter
id="filter0_iii_18_4328"
x={1.56069}
y={3.98125}
width={29.0286}
height={26.2947}
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.45} dy={0.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.647059 0 0 0 0 0.458824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4328"
/>
<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.3} dy={-0.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.937255 0 0 0 0 0.501961 0 0 0 0 0.588235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4328"
result="effect2_innerShadow_18_4328"
/>
<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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.835294 0 0 0 0 0.615686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_4328"
result="effect3_innerShadow_18_4328"
/>
</filter>
<filter
id="filter1_f_18_4328"
x={5.41708}
y={10.4631}
width={5.38071}
height={5.38074}
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_4328"
/>
</filter>
<filter
id="filter2_f_18_4328"
x={11.3936}
y={6.4397}
width={5.38071}
height={5.38074}
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_4328"
/>
</filter>
<filter
id="filter3_f_18_4328"
x={10.9015}
y={22.0703}
width={5.38071}
height={5.38074}
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_4328"
/>
</filter>
<filter
id="filter4_f_18_4328"
x={5.75861}
y={17.0703}
width={5.38071}
height={5.38074}
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_4328"
/>
</filter>
<filter
id="filter5_f_18_4328"
x={5.83673}
y={10.1016}
width={5.38071}
height={5.38074}
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_4328"
/>
</filter>
<filter
id="filter6_f_18_4328"
x={12.0086}
y={6.0824}
width={5.38071}
height={5.38074}
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_4328"
/>
</filter>
<filter
id="filter7_ii_18_4328"
x={11.8393}
y={6.78125}
width={5.1}
height={4.8}
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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.87451 0 0 0 0 0.490196 0 0 0 0 0.984314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4328"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.635294 0 0 0 0 0.258824 0 0 0 0 0.639216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4328"
result="effect2_innerShadow_18_4328"
/>
</filter>
<filter
id="filter8_ii_18_4328"
x={5.83931}
y={10.7812}
width={5.1}
height={4.8}
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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.34902 0 0 0 0 0.619608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4328"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.807843 0 0 0 0 0.172549 0 0 0 0 0.415686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4328"
result="effect2_innerShadow_18_4328"
/>
</filter>
<filter
id="filter9_f_18_4328"
x={5.41708}
y={17.5625}
width={5.38071}
height={5.38074}
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_4328"
/>
</filter>
<filter
id="filter10_ii_18_4328"
x={5.83931}
y={17.7812}
width={5.1}
height={4.8}
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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.364706 0 0 0 0 0.894118 0 0 0 0 0.737255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4328"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.247059 0 0 0 0 0.533333 0 0 0 0 0.694118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4328"
result="effect2_innerShadow_18_4328"
/>
</filter>
<filter
id="filter11_ii_18_4328"
x={11.3393}
y={22.2812}
width={5.1}
height={4.8}
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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.364706 0 0 0 0 0.752941 0 0 0 0 0.945098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4328"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.266667 0 0 0 0 0.4 0 0 0 0 0.917647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4328"
result="effect2_innerShadow_18_4328"
/>
</filter>
<linearGradient
id="paint0_linear_18_4328"
x1={24.0796}
y1={7.18425}
x2={13.7254}
y2={29.7166}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFB9A1" />
<stop offset={1} stopColor="#FFB4AD" />
</linearGradient>
<linearGradient
id="paint1_linear_18_4328"
x1={13.0715}
y1={6.78125}
x2={15.1393}
y2={11.7934}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CC67F1" />
<stop offset={1} stopColor="#C950FC" />
</linearGradient>
<linearGradient
id="paint2_linear_18_4328"
x1={7.07155}
y1={10.7813}
x2={9.13927}
y2={15.7934}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9399F" />
<stop offset={1} stopColor="#FD328C" />
</linearGradient>
<linearGradient
id="paint3_linear_18_4328"
x1={7.07155}
y1={17.7813}
x2={9.13927}
y2={22.7934}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#47CFA8" />
<stop offset={1} stopColor="#48ABEB" />
</linearGradient>
<linearGradient
id="paint4_linear_18_4328"
x1={12.5715}
y1={22.2813}
x2={14.6393}
y2={27.2934}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#49B1F1" />
<stop offset={1} stopColor="#4982FE" />
</linearGradient>
</defs>
</svg>
);
module.exports = ArtistPaletteIcon;