@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
615 lines (614 loc) • 20.7 kB
JSX
const React = require("react");
const NailPolishIcon = ({ 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}
<path
d="M2.01041 29.45L16.1304 15.33C17.2804 14.18 17.2804 12.31 16.1304 11.16C14.9804 10.01 13.1104 10.01 11.9604 11.16L2.01041 21.12V29.45Z"
fill="url(#paint0_linear_20020_5918)"
/>
<path
d="M2.01041 29.45L16.1304 15.33C17.2804 14.18 17.2804 12.31 16.1304 11.16C14.9804 10.01 13.1104 10.01 11.9604 11.16L2.01041 21.12V29.45Z"
fill="url(#paint1_linear_20020_5918)"
/>
<path
d="M2.01041 29.45L16.1304 15.33C17.2804 14.18 17.2804 12.31 16.1304 11.16C14.9804 10.01 13.1104 10.01 11.9604 11.16L2.01041 21.12V29.45Z"
fill="url(#paint2_radial_20020_5918)"
/>
<path
d="M21.6904 13.94C20.5404 12.79 18.6704 12.79 17.5204 13.94L2.01041 29.45V30H9.80041L21.6904 18.11C22.8404 16.96 22.8404 15.09 21.6904 13.94Z"
fill="url(#paint3_linear_20020_5918)"
/>
<path
d="M21.6904 13.94C20.5404 12.79 18.6704 12.79 17.5204 13.94L2.01041 29.45V30H9.80041L21.6904 18.11C22.8404 16.96 22.8404 15.09 21.6904 13.94Z"
fill="url(#paint4_linear_20020_5918)"
/>
<path
d="M21.6904 13.94C20.5404 12.79 18.6704 12.79 17.5204 13.94L2.01041 29.45V30H9.80041L21.6904 18.11C22.8404 16.96 22.8404 15.09 21.6904 13.94Z"
fill="url(#paint5_radial_20020_5918)"
/>
<path
d="M24.4704 19.5C23.3204 18.35 21.4504 18.35 20.3004 19.5L9.80038 30H18.1404L24.4704 23.67C25.6204 22.52 25.6204 20.65 24.4704 19.5Z"
fill="url(#paint6_linear_20020_5918)"
/>
<path
d="M24.4704 19.5C23.3204 18.35 21.4504 18.35 20.3004 19.5L9.80038 30H18.1404L24.4704 23.67C25.6204 22.52 25.6204 20.65 24.4704 19.5Z"
fill="url(#paint7_linear_20020_5918)"
/>
<path
d="M24.4704 19.5C23.3204 18.35 21.4504 18.35 20.3004 19.5L9.80038 30H18.1404L24.4704 23.67C25.6204 22.52 25.6204 20.65 24.4704 19.5Z"
fill="url(#paint8_radial_20020_5918)"
/>
<g filter="url(#filter0_i_20020_5918)">
<path
d="M11.5004 14.4C10.7304 13.63 10.7304 12.39 11.5004 11.62L15.5204 7.59997C15.8604 7.25997 16.4004 7.25997 16.7404 7.59997C17.9404 8.79997 17.9404 10.74 16.7404 11.94L14.2804 14.4C13.5104 15.17 12.2704 15.17 11.5004 14.4Z"
fill="url(#paint9_linear_20020_5918)"
/>
</g>
<g filter="url(#filter1_i_20020_5918)">
<path
d="M15.8504 18.39C15.0804 17.62 15.0804 16.38 15.8504 15.61L19.8704 11.59C20.2104 11.25 20.7504 11.25 21.0904 11.59C22.2904 12.79 22.2904 14.73 21.0904 15.93L18.6304 18.39C17.8604 19.16 16.6204 19.16 15.8504 18.39Z"
fill="url(#paint10_linear_20020_5918)"
/>
</g>
<g filter="url(#filter2_i_20020_5918)">
<path
d="M19.8404 22.7401C19.0704 21.9701 19.0704 20.7301 19.8404 19.9601L23.8604 15.9401C24.2004 15.6001 24.7404 15.6001 25.0804 15.9401C26.2804 17.1401 26.2804 19.0801 25.0804 20.2801L22.6204 22.7401C21.8504 23.5101 20.6104 23.5101 19.8404 22.7401Z"
fill="url(#paint11_linear_20020_5918)"
/>
</g>
<path
d="M26.5704 4.93994L25.8826 8.91428C25.8635 9.02419 25.7734 9.10617 25.6647 9.1315C25.0138 9.28331 24.5162 9.84386 24.4704 10.5299H27.5504C27.5217 10.1567 27.3642 9.81947 27.1185 9.56642C26.9436 9.38629 26.819 9.14574 26.862 8.89839L27.5504 4.93994H26.5704Z"
fill="url(#paint12_linear_20020_5918)"
/>
<path
d="M24.4698 10.53C24.4698 10.57 24.4698 10.6 24.4698 10.64V11.03C24.4698 11.86 24.3198 12.44 24.1998 12.76C24.1498 12.91 24.2598 13.07 24.4198 13.07C25.7845 13.07 27.5598 12.0464 27.5598 10.52H24.4698V10.53Z"
fill="url(#paint13_radial_20020_5918)"
/>
<path
d="M24.4698 10.53C24.4698 10.57 24.4698 10.6 24.4698 10.64V11.03C24.4698 11.86 24.3198 12.44 24.1998 12.76C24.1498 12.91 24.2598 13.07 24.4198 13.07C25.7845 13.07 27.5598 12.0464 27.5598 10.52H24.4698V10.53Z"
fill="url(#paint14_radial_20020_5918)"
/>
<path
d="M25.1665 2.42751C25.2118 2.19211 25.4178 2.02197 25.6575 2.02197H29.4998C29.8139 2.02197 30.0502 2.30806 29.9908 2.61644L29.4091 5.63996C29.3638 5.87536 29.1578 6.0455 28.9181 6.0455H25.0758C24.7618 6.0455 24.5255 5.75941 24.5848 5.45103L25.1665 2.42751Z"
fill="url(#paint15_linear_20020_5918)"
/>
<path
d="M25.1665 2.42751C25.2118 2.19211 25.4178 2.02197 25.6575 2.02197H29.4998C29.8139 2.02197 30.0502 2.30806 29.9908 2.61644L29.4091 5.63996C29.3638 5.87536 29.1578 6.0455 28.9181 6.0455H25.0758C24.7618 6.0455 24.5255 5.75941 24.5848 5.45103L25.1665 2.42751Z"
fill="url(#paint16_linear_20020_5918)"
/>
<path
d="M25.1665 2.42751C25.2118 2.19211 25.4178 2.02197 25.6575 2.02197H29.4998C29.8139 2.02197 30.0502 2.30806 29.9908 2.61644L29.4091 5.63996C29.3638 5.87536 29.1578 6.0455 28.9181 6.0455H25.0758C24.7618 6.0455 24.5255 5.75941 24.5848 5.45103L25.1665 2.42751Z"
fill="url(#paint17_linear_20020_5918)"
/>
<path
d="M26.1716 2.99118C26.2065 2.80504 26.3691 2.67017 26.5585 2.67017V2.67017C26.805 2.67017 26.9908 2.89415 26.9454 3.13643L26.571 5.13052C26.5361 5.31666 26.3735 5.45153 26.1842 5.45153V5.45153C25.9376 5.45153 25.7518 5.22754 25.7973 4.98527L26.1716 2.99118Z"
fill="url(#paint18_linear_20020_5918)"
/>
<g filter="url(#filter3_f_20020_5918)">
<path
d="M27.3852 2.46875H29.4477"
stroke="url(#paint19_linear_20020_5918)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_20020_5918)">
<path
d="M26.9242 6.6875L26.5284 8.79865C26.4815 9.04846 26.5316 9.30674 26.6683 9.52098L26.6898 9.55469"
stroke="url(#paint20_linear_20020_5918)"
strokeWidth={0.15}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter5_f_20020_5918)">
<path
d="M16.9522 8.24927C17.5721 9.09371 17.6788 10.6565 16.5721 11.8046"
stroke="url(#paint21_radial_20020_5918)"
strokeWidth={0.1}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter6_f_20020_5918)">
<path
d="M21.335 12.179C21.9549 13.0234 22.0616 14.5862 20.9549 15.7343"
stroke="url(#paint22_radial_20020_5918)"
strokeWidth={0.1}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter7_f_20020_5918)">
<path
d="M25.2922 16.554C25.9121 17.3984 26.0188 18.9612 24.9121 20.1093"
stroke="url(#paint23_radial_20020_5918)"
strokeWidth={0.1}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_20020_5918"
x={10.9229}
y={7.34497}
width={6.7175}
height={7.63245}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.372549 0 0 0 0 0.686275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_5918"
/>
</filter>
<filter
id="filter1_i_20020_5918"
x={15.2729}
y={11.335}
width={6.7175}
height={7.63245}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.372549 0 0 0 0 0.686275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_5918"
/>
</filter>
<filter
id="filter2_i_20020_5918"
x={19.2629}
y={15.6851}
width={6.7175}
height={7.63245}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.372549 0 0 0 0 0.686275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_5918"
/>
</filter>
<filter
id="filter3_f_20020_5918"
x={27.0102}
y={2.09375}
width={2.8125}
height={0.75}
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_20020_5918"
/>
</filter>
<filter
id="filter4_f_20020_5918"
x={26.2862}
y={6.46243}
width={0.862988}
height={3.31721}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.075}
result="effect1_foregroundBlur_20020_5918"
/>
</filter>
<filter
id="filter5_f_20020_5918"
x={16.4221}
y={8.09922}
width={1.14162}
height={3.8554}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.05}
result="effect1_foregroundBlur_20020_5918"
/>
</filter>
<filter
id="filter6_f_20020_5918"
x={20.8049}
y={12.0289}
width={1.14162}
height={3.8554}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.05}
result="effect1_foregroundBlur_20020_5918"
/>
</filter>
<filter
id="filter7_f_20020_5918"
x={24.7621}
y={16.4039}
width={1.14162}
height={3.8554}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.05}
result="effect1_foregroundBlur_20020_5918"
/>
</filter>
<linearGradient
id="paint0_linear_20020_5918"
x1={7.7836}
y1={15.6875}
x2={9.85802}
y2={17.7693}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9A72A" />
<stop offset={1} stopColor="#FFC53C" />
</linearGradient>
<linearGradient
id="paint1_linear_20020_5918"
x1={11.5389}
y1={20.1784}
x2={10.8447}
y2={19.4721}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D57300" />
<stop offset={1} stopColor="#D57300" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7836 12.1562) rotate(122.005) scale(2.94812 2.30624)"
>
<stop stopColor="#FFDD48" />
<stop offset={1} stopColor="#FFDD48" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_20020_5918"
x1={11.0023}
y1={17.9688}
x2={13.7836}
y2={21}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9A72A" />
<stop offset={1} stopColor="#FFC53C" />
</linearGradient>
<linearGradient
id="paint4_linear_20020_5918"
x1={16.455}
y1={23.5816}
x2={15.8049}
y2={22.9234}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0517243} stopColor="#D57300" />
<stop offset={1} stopColor="#D57300" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.2659 14.7198) rotate(116.764) scale(3.63874 3.16524)"
>
<stop stopColor="#FFDD48" />
<stop offset={1} stopColor="#FFDD48" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_20020_5918"
x1={16.0336}
y1={22.5312}
x2={18.5023}
y2={25.0937}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9A72A" />
<stop offset={1} stopColor="#FFC53C" />
</linearGradient>
<linearGradient
id="paint7_linear_20020_5918"
x1={22.3773}
y1={27.4531}
x2={21.1117}
y2={26.1562}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0517243} stopColor="#D57300" />
<stop offset={1} stopColor="#D57300" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.5024 20.4062) rotate(108.591) scale(3.62675 3.14406)"
>
<stop stopColor="#FFDD48" />
<stop offset={1} stopColor="#FFDD48" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_20020_5918"
x1={11.4086}
y1={14.5}
x2={17.1586}
y2={8.74996}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C659C7" />
<stop offset={1} stopColor="#9F5FC3" />
</linearGradient>
<linearGradient
id="paint10_linear_20020_5918"
x1={15.7586}
y1={18.4899}
x2={21.5086}
y2={12.7399}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C659C7" />
<stop offset={1} stopColor="#9F5FC3" />
</linearGradient>
<linearGradient
id="paint11_linear_20020_5918"
x1={19.7486}
y1={22.84}
x2={25.4986}
y2={17.09}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C659C7" />
<stop offset={1} stopColor="#9F5FC3" />
</linearGradient>
<linearGradient
id="paint12_linear_20020_5918"
x1={27.4242}
y1={9.6718}
x2={26.0104}
y2={9.1718}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#63487E" />
<stop offset={1} stopColor="#4A285A" />
</linearGradient>
<radialGradient
id="paint13_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.3773 13.1563) rotate(-43.0908) scale(2.65312 1.53839)"
>
<stop stopColor="#A843B3" />
<stop offset={1} stopColor="#A16BED" />
</radialGradient>
<radialGradient
id="paint14_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.4605 10.52) rotate(14.6948) scale(1.46099 3.35401)"
>
<stop stopColor="#885AA8" />
<stop offset={1} stopColor="#885AA8" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_20020_5918"
x1={24.7836}
y1={3.78117}
x2={30}
y2={4.34367}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9361C0" />
<stop offset={0.744704} stopColor="#B07AF9" />
<stop offset={1} stopColor="#A07DDF" />
</linearGradient>
<linearGradient
id="paint16_linear_20020_5918"
x1={27.2878}
y1={6.14079}
x2={27.2878}
y2={5.74915}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#944EEA" />
<stop offset={1} stopColor="#944EEA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_20020_5918"
x1={27.8772}
y1={1.96867}
x2={27.8772}
y2={2.49992}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9774C5" />
<stop offset={1} stopColor="#9774C5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint18_linear_20020_5918"
x1={26.8148}
y1={2.67017}
x2={26.1898}
y2={5.96878}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FCD0FF" />
<stop offset={1} stopColor="#FCD0FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint19_linear_20020_5918"
x1={29.7055}
y1={2.52208}
x2={27.3743}
y2={2.35107}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C197FD" />
<stop offset={1} stopColor="#C197FD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint20_linear_20020_5918"
x1={26.9242}
y1={10.2812}
x2={26.4694}
y2={6.8437}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#63497A" />
<stop offset={1} stopColor="#63497A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint21_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.4002 10.3984) rotate(-15.4972) scale(1.7836 49.9547)"
>
<stop offset={0.254292} stopColor="#C690EF" stopOpacity={0} />
<stop offset={0.927534} stopColor="#C690EF" />
</radialGradient>
<radialGradient
id="paint22_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.783 14.3281) rotate(-15.4972) scale(1.7836 49.9547)"
>
<stop offset={0.254292} stopColor="#C690EF" stopOpacity={0} />
<stop offset={0.927534} stopColor="#C690EF" />
</radialGradient>
<radialGradient
id="paint23_radial_20020_5918"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.7402 18.7031) rotate(-15.4972) scale(1.7836 49.9547)"
>
<stop offset={0.254292} stopColor="#C690EF" stopOpacity={0} />
<stop offset={0.927534} stopColor="#C690EF" />
</radialGradient>
</defs>
</svg>
);
module.exports = NailPolishIcon;