@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
198 lines (197 loc) • 10.5 kB
JSX
const React = require("react");
const BitingLipIcon = ({ 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="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="#FF4860"
/>
<path
d="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="url(#paint0_linear_20020_7173)"
/>
<path
d="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="url(#paint1_radial_20020_7173)"
/>
<path
d="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="url(#paint2_radial_20020_7173)"
/>
<path
d="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="url(#paint3_radial_20020_7173)"
/>
<path
d="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="url(#paint4_radial_20020_7173)"
/>
<path
d="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="url(#paint5_radial_20020_7173)"
/>
<path
d="M16.8125 11.3125C16.4921 11.4119 15.5614 11.5026 15.1875 11.3125C14.2656 10.8438 12.2656 10 11.1875 10C9.29689 10 8.11255 11.1118 6.98439 12.2188C6.15219 13.0353 3.78126 16.6094 2.79689 18.4062C1.91379 20.0183 2.79689 20.8647 3.20314 21.1406C6.95314 23.6875 13.3607 27.1094 17.8906 27.1094C22.4091 27.1094 26.8651 24.6192 29.1406 21.3125C29.53 20.7466 29.9219 19.4219 28.8281 17.6562C27.8333 16.0502 25.8166 13.004 24.9844 12.1875C23.8562 11.0806 22.5838 10 20.9219 10C19.26 10 18.1719 10.8906 16.8125 11.3125Z"
fill="url(#paint6_radial_20020_7173)"
/>
<path
d="M4.07812 19.6719C7.07812 20.3281 6.88336 19.3125 12.5938 19.3125C15.9151 19.3125 18.6233 21.1952 21.5938 21.4531C23.7304 21.6387 26.3431 20.4041 27.9375 19.7969C27.6627 19.7071 25.4321 18.8288 24.8125 18.625C21.174 17.4281 20.8969 17.2812 15.5625 17.2812C9.85211 17.2812 6.98357 18.7115 4.07812 19.6719Z"
fill="#0A0D2D"
/>
<g filter="url(#filter0_i_20020_7173)">
<path
d="M24.2188 18.4298C21.9084 17.6452 20.6094 17.1719 15.625 17.2657C11.7502 17.3386 9.92969 17.7735 7.77344 18.3907C7.95971 18.9034 8.45427 19.3396 9.01562 19.4219C10.3628 19.6196 12.8579 19.8204 15.8984 19.8204C19.1746 19.8204 21.6278 19.6054 23.0469 19.4063C23.6013 19.3286 24.0244 18.9332 24.2188 18.4298Z"
fill="url(#paint7_linear_20020_7173)"
/>
<path
d="M24.2188 18.4298C21.9084 17.6452 20.6094 17.1719 15.625 17.2657C11.7502 17.3386 9.92969 17.7735 7.77344 18.3907C7.95971 18.9034 8.45427 19.3396 9.01562 19.4219C10.3628 19.6196 12.8579 19.8204 15.8984 19.8204C19.1746 19.8204 21.6278 19.6054 23.0469 19.4063C23.6013 19.3286 24.0244 18.9332 24.2188 18.4298Z"
fill="url(#paint8_radial_20020_7173)"
/>
</g>
<defs>
<filter
id="filter0_i_20020_7173"
x={7.77344}
y={17.0503}
width={16.4453}
height={2.77009}
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 dy={-0.20356} />
<feGaussianBlur stdDeviation={0.30534} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.384314 0 0 0 0 0.576471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_7173"
/>
</filter>
<linearGradient
id="paint0_linear_20020_7173"
x1={24.875}
y1={18.4219}
x2={8.50001}
y2={18.5547}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.313754} stopColor="#FF58AD" />
<stop offset={0.706857} stopColor="#FF58AD" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint1_radial_20020_7173"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.0305 19.3856) rotate(148.28) scale(5.60093 2.76154)"
>
<stop stopColor="#FF6099" />
<stop offset={1} stopColor="#FF6099" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_20020_7173"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.625 10) rotate(80.1342) scale(2.18862 4.90732)"
>
<stop stopColor="#A7464A" />
<stop offset={1} stopColor="#A7464A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_20020_7173"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.43751 15.7813) rotate(-46.6135) scale(12.5561 3.30154)"
>
<stop offset={0.326622} stopColor="#B34146" />
<stop offset={1} stopColor="#B34146" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_20020_7173"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.5 10) rotate(34.0366) scale(4.29901 1.6058)"
>
<stop stopColor="#EE7278" />
<stop offset={1} stopColor="#EE7278" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_20020_7173"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.9375 19.6563) rotate(72.7586) scale(1.89778 6.58459)"
>
<stop offset={0.2} stopColor="#E7284F" />
<stop offset={1} stopColor="#EE2B51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_20020_7173"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.9375 19.0937) rotate(90) scale(1.5625 7.4375)"
>
<stop offset={0.36} stopColor="#AD1638" />
<stop offset={0.84} stopColor="#B11739" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_20020_7173"
x1={20.7861}
y1={18.893}
x2={8.02505}
y2={18.893}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.321179} stopColor="#F5E4FF" />
<stop offset={1} stopColor="#DAC6E4" />
</linearGradient>
<radialGradient
id="paint8_radial_20020_7173"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0015 19.4046) rotate(-90) scale(3.24058 10.9518)"
>
<stop offset={0.544445} stopColor="#835F98" stopOpacity={0} />
<stop offset={0.915789} stopColor="#835F98" />
</radialGradient>
</defs>
</svg>
);
module.exports = BitingLipIcon;