@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
326 lines (325 loc) • 11.8 kB
JSX
const React = require("react");
const LipstickIcon = ({ 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="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
fill="url(#paint0_linear_18_17700)"
/>
<path
d="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
fill="url(#paint1_linear_18_17700)"
/>
<path
d="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
fill="url(#paint2_radial_18_17700)"
/>
<path
d="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
fill="url(#paint3_linear_18_17700)"
/>
<g filter="url(#filter0_f_18_17700)">
<ellipse
cx={16.2037}
cy={8.16964}
rx={3.53822}
ry={7.38781}
transform="rotate(-42.6646 16.2037 8.16964)"
fill="url(#paint4_radial_18_17700)"
/>
<path
d="M21.2952 13.6941C22.0693 12.9806 22.1421 11.7076 21.7033 10.2788C21.2615 8.84024 20.2898 7.19785 18.8974 5.68706C17.505 4.17628 15.9472 3.07412 14.5495 2.51663C13.1611 1.96287 11.8864 1.93177 11.1123 2.64522C10.3382 3.35868 10.2653 4.63166 10.7042 6.06053C11.146 7.49905 12.1177 9.14144 13.5101 10.6522C14.9024 12.163 16.4603 13.2652 17.858 13.8227C19.2464 14.3764 20.5211 14.4075 21.2952 13.6941Z"
stroke="url(#paint5_radial_18_17700)"
strokeWidth={0.25}
/>
<path
d="M21.2952 13.6941C22.0693 12.9806 22.1421 11.7076 21.7033 10.2788C21.2615 8.84024 20.2898 7.19785 18.8974 5.68706C17.505 4.17628 15.9472 3.07412 14.5495 2.51663C13.1611 1.96287 11.8864 1.93177 11.1123 2.64522C10.3382 3.35868 10.2653 4.63166 10.7042 6.06053C11.146 7.49905 12.1177 9.14144 13.5101 10.6522C14.9024 12.163 16.4603 13.2652 17.858 13.8227C19.2464 14.3764 20.5211 14.4075 21.2952 13.6941Z"
stroke="url(#paint6_radial_18_17700)"
strokeWidth={0.25}
/>
</g>
<path
d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
fill="url(#paint7_radial_18_17700)"
/>
<path
d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
fill="url(#paint8_radial_18_17700)"
/>
<path
d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
fill="url(#paint9_linear_18_17700)"
/>
<path
d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
fill="url(#paint10_linear_18_17700)"
/>
<g filter="url(#filter1_i_18_17700)">
<path
d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
fill="url(#paint11_linear_18_17700)"
/>
<path
d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
fill="url(#paint12_linear_18_17700)"
/>
<path
d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
fill="url(#paint13_linear_18_17700)"
/>
<path
d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
fill="url(#paint14_radial_18_17700)"
/>
<path
d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
fill="url(#paint15_linear_18_17700)"
/>
</g>
<defs>
<filter
id="filter0_f_18_17700"
x={10.1105}
y={1.7801}
width={12.1864}
height={12.7792}
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_17700"
/>
</filter>
<filter
id="filter1_i_18_17700"
x={6.38647}
y={23.938}
width={19.4768}
height={5.92932}
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.25} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.337255 0 0 0 0 0.333333 0 0 0 0 0.341176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17700"
/>
</filter>
<linearGradient
id="paint0_linear_18_17700"
x1={16.0768}
y1={2.104}
x2={16.0768}
y2={20.4706}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.256328} stopColor="#FF3E6C" />
<stop offset={1} stopColor="#E33099" />
</linearGradient>
<linearGradient
id="paint1_linear_18_17700"
x1={9.77986}
y1={17.4369}
x2={15.6861}
y2={16.6556}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0202728} stopColor="#B03944" />
<stop offset={1} stopColor="#D02486" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_17700"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.1861 13.1244) rotate(90) scale(9.4375 3.80062)"
>
<stop offset={0.0995474} stopColor="#FF4FA1" />
<stop offset={1} stopColor="#FF4FA1" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_17700"
x1={22.2174}
y1={19.7181}
x2={19.3736}
y2={19.7181}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF4250" />
<stop offset={1} stopColor="#FF4384" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_17700"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.2037 8.16964) rotate(90) scale(7.38781 3.42468)"
>
<stop offset={0.603302} stopColor="#FF6F9B" />
<stop offset={1} stopColor="#FF4175" />
</radialGradient>
<radialGradient
id="paint5_radial_18_17700"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.2175 15.4369) rotate(-130.469) scale(11.7482 3.3077)"
>
<stop offset={0.307698} stopColor="#FF5EA4" />
<stop offset={1} stopColor="#FF5EA4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_17700"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.7175 8.16965) rotate(-23.025) scale(2.51267 4.46507)"
>
<stop stopColor="#DC2779" />
<stop offset={0.686091} stopColor="#DC2779" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_17700"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.1551 20.9368) rotate(180) scale(10.5938 6.3125)"
>
<stop stopColor="#FFE35C" />
<stop offset={1} stopColor="#FF973B" />
</radialGradient>
<radialGradient
id="paint8_radial_18_17700"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.9051 20.1555) rotate(90) scale(1.4375 7.28125)"
>
<stop stopColor="#FFF66C" />
<stop offset={1} stopColor="#FFDE60" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_17700"
x1={12.6863}
y1={19.6243}
x2={12.7176}
y2={20.8118}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FBAD38" />
<stop offset={1} stopColor="#FBAD38" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_17700"
x1={7.74883}
y1={22.8891}
x2={10.0613}
y2={22.8891}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DF8D58" />
<stop offset={1} stopColor="#DF8D58" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_17700"
x1={13.9361}
y1={28.4368}
x2={25.6134}
y2={28.4368}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#503669" />
<stop offset={1} stopColor="#6A577E" />
</linearGradient>
<linearGradient
id="paint12_linear_18_17700"
x1={24.4674}
y1={29.8673}
x2={14.4986}
y2={29.8673}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#736486" stopOpacity={0} />
<stop offset={0.304469} stopColor="#736486" />
<stop offset={0.536313} stopColor="#736486" />
<stop offset={1} stopColor="#736486" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_17700"
x1={6.38647}
y1={29.343}
x2={14.2799}
y2={29.343}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#35303C" />
<stop offset={1} stopColor="#35303C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_17700"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.6236 25.1868) rotate(90) scale(0.75 5.5)"
>
<stop stopColor="#857993" />
<stop offset={1} stopColor="#857993" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_17700"
x1={12.5299}
y1={23.6243}
x2={12.6236}
y2={25.2805}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#35303C" />
<stop offset={1} stopColor="#35303C" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = LipstickIcon;