@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
309 lines (308 loc) • 13.7 kB
JSX
const React = require("react");
const BabySymbolIcon = ({ 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_ii_18590_448)">
<rect
x={2.48657}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_448)"
/>
<rect
x={2.48657}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_448)"
/>
</g>
<g filter="url(#filter1_f_18590_448)">
<path
d="M28.6741 4.8125V27.6875"
stroke="url(#paint2_linear_18590_448)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_448)">
<path
d="M5.95044 4.125H27.7317"
stroke="url(#paint3_linear_18590_448)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_448)">
<path
d="M13.3255 24.0677C13.2366 23.9705 13.2384 23.8211 13.3295 23.726L13.5955 23.4484C13.7865 23.2491 13.7798 22.9325 13.5804 22.7415L12.4974 21.7036C12.2981 21.5126 11.9816 21.5193 11.7905 21.7187L11.2006 22.3342C10.3806 23.1899 10.3649 24.535 11.1648 25.4095L12.8767 27.2812C13.3426 27.7906 14.1333 27.8258 14.6427 27.3599C15.1521 26.894 15.1873 26.1033 14.7214 25.5939L13.3255 24.0677Z"
fill="#579FFF"
/>
<path
d="M19.4862 24.0677C19.575 23.9705 19.5733 23.8211 19.4822 23.726L19.2162 23.4484C19.0251 23.2491 19.0319 22.9325 19.2312 22.7415L20.3142 21.7036C20.5136 21.5126 20.8301 21.5193 21.0212 21.7187L21.611 22.3342C22.4311 23.1899 22.4467 24.535 21.6468 25.4095L19.935 27.2812C19.4691 27.7906 18.6784 27.8258 18.169 27.3599C17.6596 26.894 17.6243 26.1033 18.0902 25.5939L19.4862 24.0677Z"
fill="#579FFF"
/>
<path
d="M16.4241 12.4688C18.3571 12.4688 19.9241 10.9017 19.9241 8.96875C19.9241 7.03575 18.3571 5.46875 16.4241 5.46875C14.4911 5.46875 12.9241 7.03575 12.9241 8.96875C12.9241 10.9017 14.4911 12.4688 16.4241 12.4688Z"
fill="#579FFF"
/>
<path
d="M13.168 13.7616C13.3555 13.5741 13.6099 13.4688 13.8751 13.4688H18.9731C19.2383 13.4688 19.4926 13.5741 19.6802 13.7616L21.3876 15.4691C21.4267 15.5082 21.49 15.5082 21.5291 15.4691L23.0109 13.9873C23.0154 13.9828 23.0227 13.9828 23.0272 13.9873V13.9873C23.0311 13.9912 23.0372 13.9918 23.0418 13.9887C23.2 13.8838 23.3898 13.8226 23.5939 13.8226C24.1462 13.8226 24.5939 14.2703 24.5939 14.8226C24.5939 15.0277 24.5322 15.2183 24.4263 15.3769C24.4241 15.3802 24.4245 15.3846 24.4274 15.3875V15.3875C24.4306 15.3907 24.4306 15.396 24.4274 15.3992L24.353 15.4736C24.3198 15.5123 24.2836 15.5485 24.2448 15.5818L22.1655 17.6611C21.7749 18.0517 21.1418 18.0517 20.7512 17.6611L19.5948 16.5047C19.5318 16.4417 19.4241 16.4863 19.4241 16.5754V17.9688C19.4241 18.2449 19.2002 18.4688 18.9241 18.4688H13.9241C13.6479 18.4688 13.4241 18.2449 13.4241 17.9688V16.5754C13.4241 16.4863 13.3164 16.4417 13.2534 16.5047L12.0969 17.6611C11.7064 18.0517 11.0732 18.0517 10.6827 17.6611L8.60334 15.5818C8.56457 15.5485 8.52838 15.5123 8.49511 15.4736L8.42078 15.3992C8.41753 15.396 8.41753 15.3907 8.42078 15.3875V15.3875C8.4236 15.3846 8.42402 15.3802 8.42181 15.3769C8.31597 15.2183 8.25427 15.0277 8.25427 14.8226C8.25427 14.2703 8.70199 13.8226 9.25427 13.8226C9.45835 13.8226 9.64814 13.8838 9.80635 13.9887C9.81095 13.9918 9.81707 13.9912 9.82097 13.9873V13.9873C9.82547 13.9828 9.83276 13.9828 9.83725 13.9873L11.3191 15.4691C11.3581 15.5082 11.4215 15.5082 11.4605 15.4691L13.168 13.7616Z"
fill="#579FFF"
/>
<path
d="M20.4241 19.9688C20.4241 19.6926 20.2002 19.4688 19.9241 19.4688H12.9241C12.6479 19.4688 12.4241 19.6926 12.4241 19.9688V20.2616C12.4241 20.3943 12.4768 20.5214 12.5705 20.6152L14.1312 22.1759C14.3187 22.3634 14.5731 22.4688 14.8383 22.4688H18.0099C18.2751 22.4688 18.5294 22.3634 18.717 22.1759L20.2776 20.6152C20.3714 20.5214 20.4241 20.3943 20.4241 20.2616V19.9688Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_448)">
<path
d="M13.3255 24.0677C13.2366 23.9705 13.2384 23.8211 13.3295 23.726L13.5955 23.4484C13.7865 23.2491 13.7798 22.9325 13.5804 22.7415L12.4974 21.7036C12.2981 21.5126 11.9816 21.5193 11.7905 21.7187L11.2006 22.3342C10.3806 23.1899 10.3649 24.535 11.1648 25.4095L12.8767 27.2812C13.3426 27.7906 14.1333 27.8258 14.6427 27.3599C15.1521 26.894 15.1873 26.1033 14.7214 25.5939L13.3255 24.0677Z"
fill="#FCF2FF"
/>
<path
d="M19.4862 24.0677C19.575 23.9705 19.5733 23.8211 19.4822 23.726L19.2162 23.4484C19.0251 23.2491 19.0319 22.9325 19.2312 22.7415L20.3142 21.7036C20.5136 21.5126 20.8301 21.5193 21.0212 21.7187L21.611 22.3342C22.4311 23.1899 22.4467 24.535 21.6468 25.4095L19.935 27.2812C19.4691 27.7906 18.6784 27.8258 18.169 27.3599C17.6596 26.894 17.6243 26.1033 18.0902 25.5939L19.4862 24.0677Z"
fill="#FCF2FF"
/>
<path
d="M16.4241 12.4688C18.3571 12.4688 19.9241 10.9017 19.9241 8.96875C19.9241 7.03575 18.3571 5.46875 16.4241 5.46875C14.4911 5.46875 12.9241 7.03575 12.9241 8.96875C12.9241 10.9017 14.4911 12.4688 16.4241 12.4688Z"
fill="#FCF2FF"
/>
<path
d="M13.168 13.7616C13.3555 13.5741 13.6099 13.4688 13.8751 13.4688H18.9731C19.2383 13.4688 19.4926 13.5741 19.6802 13.7616L21.3876 15.4691C21.4267 15.5082 21.49 15.5082 21.5291 15.4691L23.0109 13.9873C23.0154 13.9828 23.0227 13.9828 23.0272 13.9873V13.9873C23.0311 13.9912 23.0372 13.9918 23.0418 13.9887C23.2 13.8838 23.3898 13.8226 23.5939 13.8226C24.1462 13.8226 24.5939 14.2703 24.5939 14.8226C24.5939 15.0277 24.5322 15.2183 24.4263 15.3769C24.4241 15.3802 24.4245 15.3846 24.4274 15.3875V15.3875C24.4306 15.3907 24.4306 15.396 24.4274 15.3992L24.353 15.4736C24.3198 15.5123 24.2836 15.5485 24.2448 15.5818L22.1655 17.6611C21.7749 18.0517 21.1418 18.0517 20.7512 17.6611L19.5948 16.5047C19.5318 16.4417 19.4241 16.4863 19.4241 16.5754V17.9688C19.4241 18.2449 19.2002 18.4688 18.9241 18.4688H13.9241C13.6479 18.4688 13.4241 18.2449 13.4241 17.9688V16.5754C13.4241 16.4863 13.3164 16.4417 13.2534 16.5047L12.0969 17.6611C11.7064 18.0517 11.0732 18.0517 10.6827 17.6611L8.60334 15.5818C8.56457 15.5485 8.52838 15.5123 8.49511 15.4736L8.42078 15.3992C8.41753 15.396 8.41753 15.3907 8.42078 15.3875V15.3875C8.4236 15.3846 8.42402 15.3802 8.42181 15.3769C8.31597 15.2183 8.25427 15.0277 8.25427 14.8226C8.25427 14.2703 8.70199 13.8226 9.25427 13.8226C9.45835 13.8226 9.64814 13.8838 9.80635 13.9887C9.81095 13.9918 9.81707 13.9912 9.82097 13.9873V13.9873C9.82547 13.9828 9.83276 13.9828 9.83725 13.9873L11.3191 15.4691C11.3581 15.5082 11.4215 15.5082 11.4605 15.4691L13.168 13.7616Z"
fill="#FCF2FF"
/>
<path
d="M20.4241 19.9688C20.4241 19.6926 20.2002 19.4688 19.9241 19.4688H12.9241C12.6479 19.4688 12.4241 19.6926 12.4241 19.9688V20.2616C12.4241 20.3943 12.4768 20.5214 12.5705 20.6152L14.1312 22.1759C14.3187 22.3634 14.5731 22.4688 14.8383 22.4688H18.0099C18.2751 22.4688 18.5294 22.3634 18.717 22.1759L20.2776 20.6152C20.3714 20.5214 20.4241 20.3943 20.4241 20.2616V19.9688Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_448"
x={2.48657}
y={1.3125}
width={28.875}
height={28.875}
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} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_448"
/>
<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={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_448"
result="effect2_innerShadow_18590_448"
/>
</filter>
<filter
id="filter1_f_18590_448"
x={25.9241}
y={2.0625}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_448"
/>
</filter>
<filter
id="filter2_f_18590_448"
x={3.20044}
y={1.375}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_448"
/>
</filter>
<filter
id="filter3_f_18590_448"
x={7.25427}
y={4.46875}
width={18.3396}
height={24.2188}
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_18590_448"
/>
</filter>
<filter
id="filter4_ii_18590_448"
x={7.85427}
y={5.06875}
width={17.1396}
height={23.0188}
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.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_448"
/>
<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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_448"
result="effect2_innerShadow_18590_448"
/>
</filter>
<linearGradient
id="paint0_linear_18590_448"
x1={16.4241}
y1={5.88701}
x2={16.4241}
y2={39.1397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_448"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1428 4.40625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_448"
x1={29.1741}
y1={4.8125}
x2={29.1741}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_448"
x1={28.8879}
y1={4.37502}
x2={3.35669}
y2={4.37502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = BabySymbolIcon;