@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
1,051 lines (1,050 loc) • 34.1 kB
JSX
const React = require("react");
const PigFaceIcon = ({ 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 clipPath="url(#clip0_28327_2988)">
<g filter="url(#filter0_i_28327_2988)">
<path
d="M16.6875 30.1864C25.3551 30.1864 29.6864 24.5904 29.6864 17.6875C29.6864 10.7846 25.3551 5.18861 16.6875 5.18861C8.01983 5.18861 3.6886 10.7846 3.6886 17.6875C3.6886 24.5904 8.01983 30.1864 16.6875 30.1864Z"
fill="url(#paint0_radial_28327_2988)"
/>
<path
d="M16.6875 30.1864C25.3551 30.1864 29.6864 24.5904 29.6864 17.6875C29.6864 10.7846 25.3551 5.18861 16.6875 5.18861C8.01983 5.18861 3.6886 10.7846 3.6886 17.6875C3.6886 24.5904 8.01983 30.1864 16.6875 30.1864Z"
fill="url(#paint1_radial_28327_2988)"
/>
<path
d="M16.6875 30.1864C25.3551 30.1864 29.6864 24.5904 29.6864 17.6875C29.6864 10.7846 25.3551 5.18861 16.6875 5.18861C8.01983 5.18861 3.6886 10.7846 3.6886 17.6875C3.6886 24.5904 8.01983 30.1864 16.6875 30.1864Z"
fill="url(#paint2_radial_28327_2988)"
/>
<path
d="M16.6875 30.1864C25.3551 30.1864 29.6864 24.5904 29.6864 17.6875C29.6864 10.7846 25.3551 5.18861 16.6875 5.18861C8.01983 5.18861 3.6886 10.7846 3.6886 17.6875C3.6886 24.5904 8.01983 30.1864 16.6875 30.1864Z"
fill="url(#paint3_radial_28327_2988)"
/>
<path
d="M16.6875 30.1864C25.3551 30.1864 29.6864 24.5904 29.6864 17.6875C29.6864 10.7846 25.3551 5.18861 16.6875 5.18861C8.01983 5.18861 3.6886 10.7846 3.6886 17.6875C3.6886 24.5904 8.01983 30.1864 16.6875 30.1864Z"
fill="url(#paint4_radial_28327_2988)"
/>
<path
d="M16.6875 30.1864C25.3551 30.1864 29.6864 24.5904 29.6864 17.6875C29.6864 10.7846 25.3551 5.18861 16.6875 5.18861C8.01983 5.18861 3.6886 10.7846 3.6886 17.6875C3.6886 24.5904 8.01983 30.1864 16.6875 30.1864Z"
fill="url(#paint5_radial_28327_2988)"
fillOpacity={0.3}
/>
<path
d="M16.6875 30.1864C25.3551 30.1864 29.6864 24.5904 29.6864 17.6875C29.6864 10.7846 25.3551 5.18861 16.6875 5.18861C8.01983 5.18861 3.6886 10.7846 3.6886 17.6875C3.6886 24.5904 8.01983 30.1864 16.6875 30.1864Z"
fill="url(#paint6_radial_28327_2988)"
/>
</g>
<g filter="url(#filter1_f_28327_2988)">
<rect
x={10.6932}
y={19.2104}
width={10.6114}
height={7.51562}
rx={3.75781}
fill="url(#paint7_linear_28327_2988)"
/>
<rect
x={10.9432}
y={19.4604}
width={10.1114}
height={7.01562}
rx={3.50781}
stroke="url(#paint8_radial_28327_2988)"
strokeWidth={0.5}
/>
</g>
<rect
x={12.0703}
y={18.5386}
width={9.23438}
height={6.625}
rx={3.3125}
fill="url(#paint9_linear_28327_2988)"
/>
<rect
x={12.0703}
y={18.5386}
width={9.23438}
height={6.625}
rx={3.3125}
fill="url(#paint10_linear_28327_2988)"
/>
<rect
x={12.0703}
y={18.5386}
width={9.23438}
height={6.625}
rx={3.3125}
fill="url(#paint11_linear_28327_2988)"
/>
<rect
x={12.0703}
y={18.5386}
width={9.23438}
height={6.625}
rx={3.3125}
fill="url(#paint12_radial_28327_2988)"
fillOpacity={0.5}
/>
<g filter="url(#filter2_f_28327_2988)">
<circle cx={15.0587} cy={21.608} r={1.08449} fill="#FF93D0" />
</g>
<g filter="url(#filter3_f_28327_2988)">
<circle cx={18.6544} cy={21.608} r={1.08449} fill="#FF93D0" />
</g>
<g filter="url(#filter4_f_28327_2988)">
<path
d="M25.7488 7.17101L28.536 9.95814C29.2395 10.6617 29.2395 11.8162 28.536 12.5198L25.7488 15.3069C24.6033 16.4524 22.655 15.6406 22.655 14.0261V8.46085C22.655 6.8463 24.6123 6.03452 25.7488 7.17101Z"
fill="url(#paint13_linear_28327_2988)"
/>
</g>
<path
d="M26.3886 6.22862L29.4786 9.31862C30.2586 10.0986 30.2586 11.3786 29.4786 12.1586L26.3886 15.2486C25.1186 16.5186 22.9586 15.6186 22.9586 13.8286V7.65862C22.9586 5.86862 25.1286 4.96862 26.3886 6.22862Z"
fill="url(#paint14_linear_28327_2988)"
/>
<path
d="M26.3886 6.22862L29.4786 9.31862C30.2586 10.0986 30.2586 11.3786 29.4786 12.1586L26.3886 15.2486C25.1186 16.5186 22.9586 15.6186 22.9586 13.8286V7.65862C22.9586 5.86862 25.1286 4.96862 26.3886 6.22862Z"
fill="url(#paint15_linear_28327_2988)"
/>
<path
d="M26.3886 6.22862L29.4786 9.31862C30.2586 10.0986 30.2586 11.3786 29.4786 12.1586L26.3886 15.2486C25.1186 16.5186 22.9586 15.6186 22.9586 13.8286V7.65862C22.9586 5.86862 25.1286 4.96862 26.3886 6.22862Z"
fill="url(#paint16_linear_28327_2988)"
/>
<path
d="M26.3886 6.22862L29.4786 9.31862C30.2586 10.0986 30.2586 11.3786 29.4786 12.1586L26.3886 15.2486C25.1186 16.5186 22.9586 15.6186 22.9586 13.8286V7.65862C22.9586 5.86862 25.1286 4.96862 26.3886 6.22862Z"
fill="url(#paint17_linear_28327_2988)"
/>
<path
d="M26.3886 6.22862L29.4786 9.31862C30.2586 10.0986 30.2586 11.3786 29.4786 12.1586L26.3886 15.2486C25.1186 16.5186 22.9586 15.6186 22.9586 13.8286V7.65862C22.9586 5.86862 25.1286 4.96862 26.3886 6.22862Z"
fill="url(#paint18_radial_28327_2988)"
/>
<path
d="M26.3886 6.22862L29.4786 9.31862C30.2586 10.0986 30.2586 11.3786 29.4786 12.1586L26.3886 15.2486C25.1186 16.5186 22.9586 15.6186 22.9586 13.8286V7.65862C22.9586 5.86862 25.1286 4.96862 26.3886 6.22862Z"
fill="url(#paint19_radial_28327_2988)"
/>
<path
d="M26.3886 6.22862L29.4786 9.31862C30.2586 10.0986 30.2586 11.3786 29.4786 12.1586L26.3886 15.2486C25.1186 16.5186 22.9586 15.6186 22.9586 13.8286V7.65862C22.9586 5.86862 25.1286 4.96862 26.3886 6.22862Z"
fill="url(#paint20_linear_28327_2988)"
/>
<g filter="url(#filter5_f_28327_2988)">
<path
d="M4.6261 14.0167C4.9136 12.2917 6.16777 11.5897 6.78235 11.4386L9.20422 15.8605L7.0636 16.7042L4.6261 14.0167Z"
fill="url(#paint21_linear_28327_2988)"
/>
</g>
<path
d="M6.30929 5.82163L3.26495 9.16075C2.49648 10.0009 2.49648 11.3797 3.26495 12.2198L6.30929 15.5482C7.56052 16.9161 9.6886 15.9467 9.6886 14.0186V7.36194C9.6886 5.43387 7.56052 4.46444 6.30929 5.82163Z"
fill="url(#paint22_linear_28327_2988)"
/>
<path
d="M6.30929 5.82163L3.26495 9.16075C2.49648 10.0009 2.49648 11.3797 3.26495 12.2198L6.30929 15.5482C7.56052 16.9161 9.6886 15.9467 9.6886 14.0186V7.36194C9.6886 5.43387 7.56052 4.46444 6.30929 5.82163Z"
fill="url(#paint23_linear_28327_2988)"
/>
<path
d="M6.30929 5.82163L3.26495 9.16075C2.49648 10.0009 2.49648 11.3797 3.26495 12.2198L6.30929 15.5482C7.56052 16.9161 9.6886 15.9467 9.6886 14.0186V7.36194C9.6886 5.43387 7.56052 4.46444 6.30929 5.82163Z"
fill="url(#paint24_linear_28327_2988)"
/>
<path
d="M6.30929 5.82163L3.26495 9.16075C2.49648 10.0009 2.49648 11.3797 3.26495 12.2198L6.30929 15.5482C7.56052 16.9161 9.6886 15.9467 9.6886 14.0186V7.36194C9.6886 5.43387 7.56052 4.46444 6.30929 5.82163Z"
fill="url(#paint25_linear_28327_2988)"
/>
<path
d="M6.30929 5.82163L3.26495 9.16075C2.49648 10.0009 2.49648 11.3797 3.26495 12.2198L6.30929 15.5482C7.56052 16.9161 9.6886 15.9467 9.6886 14.0186V7.36194C9.6886 5.43387 7.56052 4.46444 6.30929 5.82163Z"
fill="url(#paint26_radial_28327_2988)"
/>
<path
d="M6.30929 5.82163L3.26495 9.16075C2.49648 10.0009 2.49648 11.3797 3.26495 12.2198L6.30929 15.5482C7.56052 16.9161 9.6886 15.9467 9.6886 14.0186V7.36194C9.6886 5.43387 7.56052 4.46444 6.30929 5.82163Z"
fill="url(#paint27_linear_28327_2988)"
/>
<path
d="M6.30929 5.82163L3.26495 9.16075C2.49648 10.0009 2.49648 11.3797 3.26495 12.2198L6.30929 15.5482C7.56052 16.9161 9.6886 15.9467 9.6886 14.0186V7.36194C9.6886 5.43387 7.56052 4.46444 6.30929 5.82163Z"
fill="url(#paint28_radial_28327_2988)"
/>
<path
d="M18.5156 22.8432C19.0679 22.8432 19.5156 22.3955 19.5156 21.8432C19.5156 21.291 19.0679 20.8432 18.5156 20.8432C17.9633 20.8432 17.5156 21.291 17.5156 21.8432C17.5156 22.3955 17.9633 22.8432 18.5156 22.8432Z"
fill="url(#paint29_linear_28327_2988)"
/>
<path
d="M14.8594 22.8432C15.4117 22.8432 15.8594 22.3955 15.8594 21.8432C15.8594 21.291 15.4117 20.8432 14.8594 20.8432C14.3071 20.8432 13.8594 21.291 13.8594 21.8432C13.8594 22.3955 14.3071 22.8432 14.8594 22.8432Z"
fill="url(#paint30_linear_28327_2988)"
/>
<g filter="url(#filter6_f_28327_2988)">
<rect
x={19.8605}
y={15.4542}
width={1.5}
height={2.5}
rx={0.75}
fill="#FF648B"
/>
</g>
<g filter="url(#filter7_f_28327_2988)">
<rect
x={11.3605}
y={15.4542}
width={1.5}
height={2.5}
rx={0.75}
fill="#FF648B"
/>
</g>
<rect
x={20.1886}
y={15.1886}
width={1.5}
height={2.5}
rx={0.75}
fill="url(#paint31_linear_28327_2988)"
/>
<rect
x={20.1886}
y={15.1886}
width={1.5}
height={2.5}
rx={0.75}
fill="url(#paint32_linear_28327_2988)"
/>
<rect
x={20.1886}
y={15.1886}
width={1.5}
height={2.5}
rx={0.75}
fill="url(#paint33_linear_28327_2988)"
/>
<rect
x={11.6886}
y={15.1886}
width={1.5}
height={2.5}
rx={0.75}
fill="url(#paint34_linear_28327_2988)"
/>
<rect
x={11.6886}
y={15.1886}
width={1.5}
height={2.5}
rx={0.75}
fill="url(#paint35_linear_28327_2988)"
/>
<rect
x={11.6886}
y={15.1886}
width={1.5}
height={2.5}
rx={0.75}
fill="url(#paint36_linear_28327_2988)"
/>
<g filter="url(#filter8_f_28327_2988)">
<path
d="M29.3136 10.6636L25.5011 14.8511"
stroke="url(#paint37_linear_28327_2988)"
strokeLinecap="round"
/>
</g>
<g filter="url(#filter9_f_28327_2988)">
<path
d="M8.91406 7.37239L8.91407 14.8511"
stroke="url(#paint38_linear_28327_2988)"
strokeWidth={0.3}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter10_f_28327_2988)">
<path
d="M18.2444 19.2104C19.4631 19.2104 20.9074 20.0073 20.9074 22.2417"
stroke="url(#paint39_linear_28327_2988)"
strokeWidth={0.15}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter11_f_28327_2988)">
<path
d="M17.1315 21.9241C17.1768 22.3764 17.5477 23.263 18.6695 23.1906"
stroke="url(#paint40_linear_28327_2988)"
strokeWidth={0.15}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter12_f_28327_2988)">
<path
d="M13.4374 21.9241C13.4827 22.3764 13.8536 23.263 14.9754 23.1906"
stroke="url(#paint41_linear_28327_2988)"
strokeOpacity={0.75}
strokeWidth={0.15}
strokeLinecap="round"
/>
</g>
</g>
<defs>
<filter
id="filter0_i_28327_2988"
x={3.6886}
y={5.18861}
width={27.2477}
height={25.3978}
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={1.25} dy={0.4} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_28327_2988"
/>
</filter>
<filter
id="filter1_f_28327_2988"
x={8.69324}
y={17.2104}
width={14.6115}
height={11.5156}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<filter
id="filter2_f_28327_2988"
x={13.4742}
y={20.0235}
width={3.16901}
height={3.16898}
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_28327_2988"
/>
</filter>
<filter
id="filter3_f_28327_2988"
x={17.0699}
y={20.0235}
width={3.16901}
height={3.16898}
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_28327_2988"
/>
</filter>
<filter
id="filter4_f_28327_2988"
x={21.155}
y={5.14093}
width={9.40857}
height={12.2023}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<filter
id="filter5_f_28327_2988"
x={3.6261}
y={10.4386}
width={6.57812}
height={7.26562}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<filter
id="filter6_f_28327_2988"
x={19.3605}
y={14.9542}
width={2.5}
height={3.5}
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_28327_2988"
/>
</filter>
<filter
id="filter7_f_28327_2988"
x={10.8605}
y={14.9542}
width={2.5}
height={3.5}
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_28327_2988"
/>
</filter>
<filter
id="filter8_f_28327_2988"
x={24.0011}
y={9.16356}
width={6.8125}
height={7.1875}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<filter
id="filter9_f_28327_2988"
x={7.76404}
y={6.2224}
width={2.30005}
height={9.77866}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<filter
id="filter10_f_28327_2988"
x={17.8694}
y={18.8354}
width={3.41299}
height={3.78124}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<filter
id="filter11_f_28327_2988"
x={16.7565}
y={21.5491}
width={2.28799}
height={2.02073}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<filter
id="filter12_f_28327_2988"
x={13.0624}
y={21.5491}
width={2.28799}
height={2.02073}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_28327_2988"
/>
</filter>
<radialGradient
id="paint0_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.6886 7.72605) rotate(104.362) scale(24.1936 31.0966)"
>
<stop offset={0.163934} stopColor="#FFC0CA" />
<stop offset={0.543326} stopColor="#FF8CA8" />
<stop offset={0.890625} stopColor="#FA5292" />
</radialGradient>
<radialGradient
id="paint1_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6875 14.4761) rotate(90) scale(16.375 17.3923)"
>
<stop offset={0.884293} stopColor="#FF6CD7" stopOpacity={0} />
<stop offset={1} stopColor="#FF6CD7" />
</radialGradient>
<radialGradient
id="paint2_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.6417 9.39793) rotate(-137.793) scale(4.53529 2.73031)"
>
<stop stopColor="#E2697D" />
<stop offset={0.286276} stopColor="#F78296" />
<stop offset={1} stopColor="#F78296" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.876098 14.6011) rotate(34.2673) scale(6.8821 11.9046)"
>
<stop stopColor="#C86C80" />
<stop offset={1} stopColor="#C86C80" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6875 19.3307) rotate(-90) scale(2.89497 6.79187)"
>
<stop stopColor="#FF857D" />
<stop offset={1} stopColor="#FF857D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.3761 19.4135) rotate(176.947) scale(4.69416 11.2001)"
>
<stop stopColor="#FFB5C8" />
<stop offset={1} stopColor="#FFB5C8" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.6864 12.8511) rotate(124.608) scale(6.37863 5.88374)"
>
<stop stopColor="#FFB5C8" />
<stop offset={1} stopColor="#FFB5C8" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_28327_2988"
x1={15.999}
y1={23.4197}
x2={12.856}
y2={27.2083}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EB3F85" />
<stop offset={1} stopColor="#FC4992" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.713 19.8367) rotate(109.954) scale(4.66412 4.13224)"
>
<stop stopColor="#FFD0EF" />
<stop offset={1} stopColor="#FFCEF0" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_28327_2988"
x1={15.0502}
y1={26.2905}
x2={19.7138}
y2={19.2636}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF9DE5" />
<stop offset={1} stopColor="#FFAFE5" />
</linearGradient>
<linearGradient
id="paint10_linear_28327_2988"
x1={16.6875}
y1={25.9985}
x2={16.6875}
y2={22.4445}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF8DF3" />
<stop offset={1} stopColor="#FF8DF3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_28327_2988"
x1={16.6875}
y1={17.4067}
x2={16.6875}
y2={19.7531}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFABC8" />
<stop offset={1} stopColor="#FFABC8" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.3047 19.6021) rotate(137.281) scale(3.68944 5.09474)"
>
<stop stopColor="#FFC7EA" />
<stop offset={1} stopColor="#FFC7EA" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_28327_2988"
x1={25.8593}
y1={9.5364}
x2={24.2718}
y2={14.8919}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F78296" />
<stop offset={1} stopColor="#E3519C" />
</linearGradient>
<linearGradient
id="paint14_linear_28327_2988"
x1={26.5111}
y1={8.85105}
x2={24.7511}
y2={14.7886}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC5DE" />
<stop offset={1} stopColor="#FFB5EA" />
</linearGradient>
<linearGradient
id="paint15_linear_28327_2988"
x1={27.7823}
y1={14.1011}
x2={26.5111}
y2={12.8979}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA0D5" />
<stop offset={1} stopColor="#FFADDB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_28327_2988"
x1={22.9586}
y1={12.4761}
x2={24.9386}
y2={12.4761}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA0D5" />
<stop offset={1} stopColor="#FFADDB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_28327_2988"
x1={21.0011}
y1={15.8432}
x2={27.8136}
y2={12.4761}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA0D5" />
<stop offset={1} stopColor="#FFADDB" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint18_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.1886 3.91355) rotate(52.284) scale(5.92565 4.96071)"
>
<stop stopColor="#EC9099" />
<stop offset={1} stopColor="#EC9099" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(35.6886 15.8432) rotate(-149.503) scale(16.6104 12.5171)"
>
<stop offset={0.862877} stopColor="#EC9099" stopOpacity={0} />
<stop offset={1} stopColor="#EC9099" />
</radialGradient>
<linearGradient
id="paint20_linear_28327_2988"
x1={29.3136}
y1={4.41355}
x2={25.8448}
y2={8.1323}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.282154} stopColor="#EC9099" />
<stop offset={1} stopColor="#EC9099" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_28327_2988"
x1={5.71985}
y1={13.7886}
x2={9.30089}
y2={16.417}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BC4F87" />
<stop offset={1} stopColor="#E3519C" />
</linearGradient>
<linearGradient
id="paint22_linear_28327_2988"
x1={6.1886}
y1={8.64974}
x2={4.14452}
y2={14.9509}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC5DE" />
<stop offset={1} stopColor="#FFB5EA" />
</linearGradient>
<linearGradient
id="paint23_linear_28327_2988"
x1={7.31578}
y1={16.6166}
x2={4.50744}
y2={12.2258}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA0D5" />
<stop offset={1} stopColor="#FFADDB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint24_linear_28327_2988"
x1={4.17957}
y1={15.5913}
x2={7.37609}
y2={12.817}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E88BC9" />
<stop offset={1} stopColor="#E88BC9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint25_linear_28327_2988"
x1={3.45583}
y1={6.54457}
x2={10.0794}
y2={12.6899}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EC9099" />
<stop offset={1} stopColor="#EC9099" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint26_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.3761 5.56248) rotate(92.0948) scale(5.12956 3.26426)"
>
<stop stopColor="#FFA4B7" />
<stop offset={1} stopColor="#FFA4B7" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint27_linear_28327_2988"
x1={1.8761}
y1={6.43748}
x2={5.8136}
y2={10.375}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.238095} stopColor="#BD747C" />
<stop offset={1} stopColor="#CC8C93" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint28_radial_28327_2988"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.6028 12.3647) rotate(-169.114) scale(8.87476 9.05786)"
>
<stop offset={0.776139} stopColor="#CC8C93" stopOpacity={0} />
<stop offset={1} stopColor="#CC8C93" />
</radialGradient>
<linearGradient
id="paint29_linear_28327_2988"
x1={18.5156}
y1={21.3182}
x2={18.5156}
y2={22.6776}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D6085D" />
<stop offset={1} stopColor="#AB087F" />
</linearGradient>
<linearGradient
id="paint30_linear_28327_2988"
x1={14.8594}
y1={21.3182}
x2={14.8594}
y2={22.6776}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D6085D" />
<stop offset={1} stopColor="#AB087F" />
</linearGradient>
<linearGradient
id="paint31_linear_28327_2988"
x1={21.4467}
y1={16.4386}
x2={20.5273}
y2={16.4386}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#574D50" />
<stop offset={0.855263} stopColor="#31232C" />
</linearGradient>
<linearGradient
id="paint32_linear_28327_2988"
x1={21.923}
y1={17.9696}
x2={21.923}
y2={17.0621}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#552D52" />
<stop offset={1} stopColor="#552D52" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint33_linear_28327_2988"
x1={19.8741}
y1={16.5916}
x2={20.5515}
y2={16.5916}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#574D50" />
<stop offset={1} stopColor="#574D50" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint34_linear_28327_2988"
x1={12.9467}
y1={16.4386}
x2={12.0273}
y2={16.4386}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#574D50" />
<stop offset={0.855263} stopColor="#31232C" />
</linearGradient>
<linearGradient
id="paint35_linear_28327_2988"
x1={13.423}
y1={17.9696}
x2={13.423}
y2={17.0621}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#552D52" />
<stop offset={1} stopColor="#552D52" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint36_linear_28327_2988"
x1={11.3741}
y1={16.5916}
x2={12.0515}
y2={16.5916}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#574D50" />
<stop offset={1} stopColor="#574D50" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint37_linear_28327_2988"
x1={29.0948}
y1={11.5698}
x2={25.2823}
y2={15.3511}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD8EE" />
<stop offset={1} stopColor="#FFD8EE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint38_linear_28327_2988"
x1={7.78158}
y1={10.3578}
x2={7.78158}
y2={22.2393}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE6F4" />
<stop offset={1} stopColor="#FFE5F4" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint39_linear_28327_2988"
x1={17.5537}
y1={18.3506}
x2={22.9969}
y2={22.2417}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD6F0" stopOpacity={0} />
<stop offset={0.447917} stopColor="#FFE1F4" />
<stop offset={1} stopColor="#FFD6F0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint40_linear_28327_2988"
x1={16.7327}
y1={21.5636}
x2={19.1439}
y2={23.9384}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD6F0" stopOpacity={0} />
<stop offset={0.447917} stopColor="#FFE1F4" />
<stop offset={1} stopColor="#FFD6F0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint41_linear_28327_2988"
x1={13.0386}
y1={21.5636}
x2={15.4499}
y2={23.9384}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD6F0" stopOpacity={0} />
<stop offset={0.078125} stopColor="#FFD8F1" stopOpacity={0.174419} />
<stop offset={0.447917} stopColor="#FFE1F4" />
<stop offset={1} stopColor="#FFD6F0" stopOpacity={0} />
</linearGradient>
<clipPath id="clip0_28327_2988">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = PigFaceIcon;