@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
353 lines (352 loc) • 11.2 kB
JSX
const React = require("react");
const NestingDollsIcon = ({ 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_i_18_3963)">
<path
d="M9 14.5C7.61325 16.5801 7 18 7 20H25C25 18 24.3868 16.5801 23 14.5C22 13 21.5 10 21.5 9C21.5 6.66667 21 2 16 2C11 2 10.5 6.66667 10.5 9C10.5 10 10 13 9 14.5Z"
fill="url(#paint0_linear_18_3963)"
/>
<path
d="M9 14.5C7.61325 16.5801 7 18 7 20H25C25 18 24.3868 16.5801 23 14.5C22 13 21.5 10 21.5 9C21.5 6.66667 21 2 16 2C11 2 10.5 6.66667 10.5 9C10.5 10 10 13 9 14.5Z"
fill="url(#paint1_radial_18_3963)"
/>
<path
d="M9 14.5C7.61325 16.5801 7 18 7 20H25C25 18 24.3868 16.5801 23 14.5C22 13 21.5 10 21.5 9C21.5 6.66667 21 2 16 2C11 2 10.5 6.66667 10.5 9C10.5 10 10 13 9 14.5Z"
fill="url(#paint2_radial_18_3963)"
/>
<path
d="M9 14.5C7.61325 16.5801 7 18 7 20H25C25 18 24.3868 16.5801 23 14.5C22 13 21.5 10 21.5 9C21.5 6.66667 21 2 16 2C11 2 10.5 6.66667 10.5 9C10.5 10 10 13 9 14.5Z"
fill="url(#paint3_radial_18_3963)"
/>
</g>
<path
d="M21 20C19 19.5 16.5 14 16 12C15.5 14 13 19.5 11 20H21Z"
fill="url(#paint4_radial_18_3963)"
/>
<g filter="url(#filter1_i_18_3963)">
<path
d="M5 20C5 19.4477 5.44772 19 6 19H26C26.5523 19 27 19.4477 27 20V21C27 25.9706 22.9706 30 18 30H14C9.02944 30 5 25.9706 5 21V20Z"
fill="url(#paint5_linear_18_3963)"
/>
<path
d="M5 20C5 19.4477 5.44772 19 6 19H26C26.5523 19 27 19.4477 27 20V21C27 25.9706 22.9706 30 18 30H14C9.02944 30 5 25.9706 5 21V20Z"
fill="url(#paint6_radial_18_3963)"
/>
<path
d="M5 20C5 19.4477 5.44772 19 6 19H26C26.5523 19 27 19.4477 27 20V21C27 25.9706 22.9706 30 18 30H14C9.02944 30 5 25.9706 5 21V20Z"
fill="url(#paint7_linear_18_3963)"
/>
<path
d="M5 20C5 19.4477 5.44772 19 6 19H26C26.5523 19 27 19.4477 27 20V21C27 25.9706 22.9706 30 18 30H14C9.02944 30 5 25.9706 5 21V20Z"
fill="url(#paint8_radial_18_3963)"
/>
</g>
<path
d="M9.22656 19H22.7734V20.8125C22.7734 23.5739 20.5349 25.8125 17.7734 25.8125H14.2266C11.4651 25.8125 9.22656 23.5739 9.22656 20.8125V19Z"
fill="url(#paint9_linear_18_3963)"
/>
<path
d="M9.22656 19H22.7734V20.8125C22.7734 23.5739 20.5349 25.8125 17.7734 25.8125H14.2266C11.4651 25.8125 9.22656 23.5739 9.22656 20.8125V19Z"
fill="url(#paint10_linear_18_3963)"
/>
<path
d="M14.3182 12C13.314 12 12.5 12.814 12.5 13.8182C12.5 13.9186 12.5814 14 12.6818 14H14C14.7403 14 15.6542 13.3556 16 12.7578C16.1551 12.5078 15.853 12.5038 16 12.7578C16.3458 13.3556 17.2597 14 18 14H19.3182C19.4186 14 19.5 13.9186 19.5 13.8182C19.5 12.814 18.686 12 17.6818 12H14.3182Z"
fill="url(#paint11_linear_18_3963)"
/>
<circle cx={16} cy={8} r={4} fill="url(#paint12_linear_18_3963)" />
<rect
x={14}
y={8}
width={1}
height={1.5}
rx={0.5}
fill="url(#paint13_linear_18_3963)"
/>
<rect
x={17}
y={8}
width={1}
height={1.5}
rx={0.5}
fill="url(#paint14_linear_18_3963)"
/>
<path
d="M16 4C18.2091 4 20 5.79086 20 8C17.7909 8 16 6.20914 16 4Z"
fill="url(#paint15_linear_18_3963)"
/>
<path
d="M16 4C13.7909 4 12 5.79086 12 8C14.2091 8 16 6.20914 16 4Z"
fill="url(#paint16_linear_18_3963)"
/>
<defs>
<filter
id="filter0_i_18_3963"
x={7}
y={2}
width={18.25}
height={18.1}
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} dy={0.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.8 0 0 0 0 0.447059 0 0 0 0 0.517647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_3963"
/>
</filter>
<filter
id="filter1_i_18_3963"
x={5}
y={18.75}
width={22}
height={11.25}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.792157 0 0 0 0 0.388235 0 0 0 0 0.639216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_3963"
/>
</filter>
<linearGradient
id="paint0_linear_18_3963"
x1={16}
y1={2}
x2={16}
y2={20}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F1358C" />
<stop offset={1} stopColor="#D82E4A" />
</linearGradient>
<radialGradient
id="paint1_radial_18_3963"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5 2.5625) rotate(119.814) scale(6.41105 6.17038)"
>
<stop stopColor="#FF59AA" />
<stop offset={1} stopColor="#FF59AA" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_3963"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.875 10.6875) rotate(66.0375) scale(5.53998 4.8102)"
>
<stop stopColor="#FF739B" />
<stop offset={1} stopColor="#FF739B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_3963"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5625 20.4375) rotate(-81.5111) scale(8.46777 10.2684)"
>
<stop stopColor="#FF7288" />
<stop offset={1} stopColor="#FF7288" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_3963"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.8039 20) rotate(-50.1944) scale(7.35082 12.7535)"
>
<stop offset={0.114754} stopColor="#BFB4B3" />
<stop offset={0.76776} stopColor="#F9F1F7" />
</radialGradient>
<linearGradient
id="paint5_linear_18_3963"
x1={28.125}
y1={21.75}
x2={9.0625}
y2={21.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FA4E95" />
<stop offset={1} stopColor="#C02D59" />
</linearGradient>
<radialGradient
id="paint6_radial_18_3963"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.375 29.25) rotate(-131.112) scale(9.125 17.0154)"
>
<stop stopColor="#E1295E" />
<stop offset={1} stopColor="#E1295E" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_3963"
x1={16}
y1={19}
x2={16}
y2={20.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D93E70" />
<stop offset={1} stopColor="#D93E70" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_3963"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.4687 19.6562) rotate(180) scale(6.625 0.5)"
>
<stop stopColor="#FF71B0" />
<stop offset={1} stopColor="#FF71B0" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_3963"
x1={16}
y1={20.375}
x2={16}
y2={25.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D4C7DF" />
<stop offset={1} stopColor="#B59DCD" />
</linearGradient>
<linearGradient
id="paint10_linear_18_3963"
x1={16}
y1={19}
x2={16}
y2={20}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9DFDF" />
<stop offset={1} stopColor="#E9DFDF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_3963"
x1={13.6875}
y1={13.3125}
x2={19.1563}
y2={13.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B42948" />
<stop offset={1} stopColor="#DD647A" />
</linearGradient>
<linearGradient
id="paint12_linear_18_3963"
x1={15.4375}
y1={6.9375}
x2={18.875}
y2={11.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E7A668" />
<stop offset={1} stopColor="#FFEFBF" />
</linearGradient>
<linearGradient
id="paint13_linear_18_3963"
x1={14.5}
y1={8}
x2={14.5}
y2={9.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#463552" />
<stop offset={1} stopColor="#342F36" />
</linearGradient>
<linearGradient
id="paint14_linear_18_3963"
x1={17.5}
y1={8}
x2={17.5}
y2={9.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#685D73" />
<stop offset={1} stopColor="#5D5960" />
</linearGradient>
<linearGradient
id="paint15_linear_18_3963"
x1={16.5}
y1={4}
x2={19.75}
y2={8}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#794B41" />
<stop offset={0.245294} stopColor="#81534A" />
<stop offset={1} stopColor="#BE8B7D" />
</linearGradient>
<linearGradient
id="paint16_linear_18_3963"
x1={15.0625}
y1={4.6875}
x2={12}
y2={8}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#794B41" />
<stop offset={1} stopColor="#935749" />
</linearGradient>
</defs>
</svg>
);
module.exports = NestingDollsIcon;