@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
408 lines (407 loc) • 15.3 kB
JSX
const React = require("react");
const WhiteHeartIcon = ({ 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_7320_6140)">
<path
d="M15.1254 29.2015C15.6604 29.5 16.304 29.4835 16.8359 29.1795C20.419 27.1318 26.6453 22.4179 29.0906 16.2948C32.6796 8.3224 24.2524 1.95834 18.4281 6.5356C17.8206 7.01307 17.0566 7.55954 16.5309 8.07719C16.2933 8.31124 15.8744 8.33511 15.6277 8.11061C14.9365 7.48177 13.8563 6.67511 13.1626 6.20577C8.19726 2.84639 -0.837354 7.27463 3.01649 16.7255C4.42825 20.9677 11.1558 26.9862 15.1254 29.2015Z"
fill="url(#paint0_radial_7320_6140)"
/>
<path
d="M15.1254 29.2015C15.6604 29.5 16.304 29.4835 16.8359 29.1795C20.419 27.1318 26.6453 22.4179 29.0906 16.2948C32.6796 8.3224 24.2524 1.95834 18.4281 6.5356C17.8206 7.01307 17.0566 7.55954 16.5309 8.07719C16.2933 8.31124 15.8744 8.33511 15.6277 8.11061C14.9365 7.48177 13.8563 6.67511 13.1626 6.20577C8.19726 2.84639 -0.837354 7.27463 3.01649 16.7255C4.42825 20.9677 11.1558 26.9862 15.1254 29.2015Z"
fill="url(#paint1_radial_7320_6140)"
/>
<path
d="M15.1254 29.2015C15.6604 29.5 16.304 29.4835 16.8359 29.1795C20.419 27.1318 26.6453 22.4179 29.0906 16.2948C32.6796 8.3224 24.2524 1.95834 18.4281 6.5356C17.8206 7.01307 17.0566 7.55954 16.5309 8.07719C16.2933 8.31124 15.8744 8.33511 15.6277 8.11061C14.9365 7.48177 13.8563 6.67511 13.1626 6.20577C8.19726 2.84639 -0.837354 7.27463 3.01649 16.7255C4.42825 20.9677 11.1558 26.9862 15.1254 29.2015Z"
fill="url(#paint2_radial_7320_6140)"
/>
<path
d="M15.1254 29.2015C15.6604 29.5 16.304 29.4835 16.8359 29.1795C20.419 27.1318 26.6453 22.4179 29.0906 16.2948C32.6796 8.3224 24.2524 1.95834 18.4281 6.5356C17.8206 7.01307 17.0566 7.55954 16.5309 8.07719C16.2933 8.31124 15.8744 8.33511 15.6277 8.11061C14.9365 7.48177 13.8563 6.67511 13.1626 6.20577C8.19726 2.84639 -0.837354 7.27463 3.01649 16.7255C4.42825 20.9677 11.1558 26.9862 15.1254 29.2015Z"
fill="url(#paint3_radial_7320_6140)"
/>
<path
d="M15.1254 29.2015C15.6604 29.5 16.304 29.4835 16.8359 29.1795C20.419 27.1318 26.6453 22.4179 29.0906 16.2948C32.6796 8.3224 24.2524 1.95834 18.4281 6.5356C17.8206 7.01307 17.0566 7.55954 16.5309 8.07719C16.2933 8.31124 15.8744 8.33511 15.6277 8.11061C14.9365 7.48177 13.8563 6.67511 13.1626 6.20577C8.19726 2.84639 -0.837354 7.27463 3.01649 16.7255C4.42825 20.9677 11.1558 26.9862 15.1254 29.2015Z"
fill="url(#paint4_radial_7320_6140)"
/>
<path
d="M24.3486 23.3133C26.2879 21.3012 28.0389 18.9284 29.0905 16.295C32.6796 8.32265 24.2524 1.95858 18.4281 6.53584C18.2773 6.65434 18.1169 6.77709 17.9529 6.9026C17.456 7.28279 16.9261 7.68825 16.5309 8.07744C16.4106 8.19591 16.2439 8.26052 16.0765 8.26634L16.0748 8.26995L24.3486 23.3133Z"
fill="url(#paint5_radial_7320_6140)"
/>
<path
d="M3.34955 17.5581C5.27556 21.7206 11.409 27.1278 15.1254 29.2017C15.6604 29.5003 16.304 29.4837 16.8359 29.1797C20.1684 27.2751 25.7876 23.0642 28.5244 17.5581H3.34955Z"
fill="url(#paint6_radial_7320_6140)"
/>
<path
d="M3.34955 17.5581C5.27556 21.7206 11.409 27.1278 15.1254 29.2017C15.6604 29.5003 16.304 29.4837 16.8359 29.1797C20.1684 27.2751 25.7876 23.0642 28.5244 17.5581H3.34955Z"
fill="url(#paint7_linear_7320_6140)"
/>
<path
d="M3.34955 17.5581C5.27556 21.7206 11.409 27.1278 15.1254 29.2017C15.6604 29.5003 16.304 29.4837 16.8359 29.1797C20.1684 27.2751 25.7876 23.0642 28.5244 17.5581H3.34955Z"
fill="url(#paint8_linear_7320_6140)"
/>
<path
d="M15.6276 8.11072C16.5737 8.97148 18.0835 8.75945 18.9384 7.80811C19.8534 6.78981 21.084 5.73323 22.5767 5.00171C21.1729 5.03246 19.735 5.50865 18.4281 6.53571C18.2773 6.65421 18.1169 6.77696 17.9529 6.90246C17.456 7.28265 16.9261 7.68812 16.5309 8.07731C16.2932 8.31136 15.8744 8.33522 15.6276 8.11072V8.11072Z"
fill="url(#paint9_linear_7320_6140)"
/>
<g filter="url(#filter0_f_7320_6140)">
<path
d="M25.6383 5.97325C28.2364 7.04266 29.6135 9.46083 27.9808 13.4276C25.1058 18.8651 22.0184 18.9612 20.4182 18.3026C18.5433 17.1776 17.223 13.8943 18.8558 9.92758C20.4885 5.96083 23.0402 4.90384 25.6383 5.97325Z"
fill="url(#paint10_radial_7320_6140)"
fillOpacity={0.6}
/>
</g>
<g filter="url(#filter1_f_7320_6140)">
<path
d="M16.7083 9.31905V21.7882C19.7104 16.1206 25.56 9.21463 23.0854 6.30808C22.2503 5.32724 19.7897 6.23088 17.0467 8.57524C16.8299 8.7606 16.7083 9.03376 16.7083 9.31905Z"
fill="url(#paint11_linear_7320_6140)"
/>
</g>
<g filter="url(#filter2_f_7320_6140)">
<path
d="M22.7713 6.11511C23.8579 5.98021 26.8338 6.39636 28.0525 9.80261"
stroke="url(#paint12_linear_7320_6140)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_7320_6140)">
<path
d="M14.861 9.18085L15.066 22.5871C8.19102 15.8996 6.95989 8.73395 9.29849 7.12718C10.9685 5.97977 14.111 7.61834 14.861 9.18085Z"
fill="url(#paint13_radial_7320_6140)"
fillOpacity={0.6}
/>
</g>
<g filter="url(#filter4_f_7320_6140)">
<path
d="M27.8065 10.9285C27.1708 15.4362 22.0273 22.9491 17.2306 26.4744"
stroke="url(#paint14_linear_7320_6140)"
strokeWidth={2}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter5_f_7320_6140)">
<path
d="M6.89789 20.3081C8.89789 23.1581 13.5229 27.0373 15.5854 28.6206L12.7729 17.6831L6.89789 20.3081Z"
fill="url(#paint15_linear_7320_6140)"
/>
</g>
</g>
<defs>
<filter
id="filter0_f_7320_6140"
x={16.6169}
y={4.08154}
width={13.5691}
height={16.002}
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_7320_6140"
/>
</filter>
<filter
id="filter1_f_7320_6140"
x={14.7083}
y={3.91699}
width={10.9724}
height={19.8711}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_7320_6140"
/>
</filter>
<filter
id="filter2_f_7320_6140"
x={21.6463}
y={4.96875}
width={7.53132}
height={5.95898}
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_7320_6140"
/>
</filter>
<filter
id="filter3_f_7320_6140"
x={5.21356}
y={3.74268}
width={12.8525}
height={21.8445}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_7320_6140"
/>
</filter>
<filter
id="filter4_f_7320_6140"
x={12.2305}
y={5.92822}
width={20.5761}
height={25.5461}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_7320_6140"
/>
</filter>
<filter
id="filter5_f_7320_6140"
x={3.89789}
y={14.6831}
width={14.6875}
height={16.9375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_7320_6140"
/>
</filter>
<radialGradient
id="paint0_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.9241 5.90014) rotate(96.9923) scale(24.2214 29.9484)"
>
<stop offset={0.0627615} stopColor="#F5F3F8" />
<stop offset={0.463234} stopColor="#E4D9F1" />
<stop offset={1} stopColor="#E3CCFB" />
</radialGradient>
<radialGradient
id="paint1_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.6479 15.3703) rotate(-164.21) scale(25.2658 15.2737)"
>
<stop offset={0.682152} stopColor="#DCC2F7" stopOpacity={0} />
<stop offset={1} stopColor="#DCC2F7" />
</radialGradient>
<radialGradient
id="paint2_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.7104 18.3703) rotate(-142.502) scale(21.6638 19.4675)"
>
<stop offset={0.690422} stopColor="#B6B6B6" stopOpacity={0} />
<stop offset={1} stopColor="#B6B6B6" />
</radialGradient>
<radialGradient
id="paint3_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.7104 18.3703) rotate(-142.502) scale(21.6638 19.4675)"
>
<stop offset={0.821351} stopColor="#B6B6B6" stopOpacity={0} />
<stop offset={1} stopColor="#919191" />
</radialGradient>
<radialGradient
id="paint4_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.7104 11.1828) rotate(142.021) scale(18.0784 25.2788)"
>
<stop offset={0.79978} stopColor="#B6B6B6" stopOpacity={0} />
<stop offset={1} stopColor="#B6B6B6" />
</radialGradient>
<radialGradient
id="paint5_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.9117 15.6095) rotate(-98.0921) scale(12.3166 17.0058)"
>
<stop offset={0.564701} stopColor="#B6B6B6" stopOpacity={0} />
<stop offset={1} stopColor="#B6B6B6" />
</radialGradient>
<radialGradient
id="paint6_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.937 14.1831) rotate(90) scale(15.8728 15.7131)"
>
<stop offset={0.750916} stopColor="#DBAEFF" stopOpacity={0} />
<stop offset={1} stopColor="#DBAEFF" />
</radialGradient>
<linearGradient
id="paint7_linear_7320_6140"
x1={16.2729}
y1={17.2456}
x2={5.77286}
y2={28.1206}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.632359} stopColor="#DBAEFF" stopOpacity={0} />
<stop offset={1} stopColor="#DBAEFF" />
</linearGradient>
<linearGradient
id="paint8_linear_7320_6140"
x1={16.2729}
y1={17.2456}
x2={25.7729}
y2={27.4644}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.621841} stopColor="#DBAEFF" stopOpacity={0} />
<stop offset={1} stopColor="#DBAEFF" />
</linearGradient>
<linearGradient
id="paint9_linear_7320_6140"
x1={18.9078}
y1={11.8529}
x2={15.3161}
y2={7.14902}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.600231} stopColor="#B6B6B6" stopOpacity={0} />
<stop offset={0.889607} stopColor="#919191" />
</linearGradient>
<radialGradient
id="paint10_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.1057 7.17761) rotate(122.716) scale(11.217 4.67902)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_7320_6140"
x1={20.7104}
y1={2.87058}
x2={26.0854}
y2={4.65183}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CFC7D9" />
<stop offset={1} stopColor="#CFC7D9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_7320_6140"
x1={27.8026}
y1={8.14636}
x2={24.7713}
y2={6.39636}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_7320_6140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.5871 15.9174) rotate(-142.106) scale(9.03091 9.24261)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_7320_6140"
x1={27.8065}
y1={13.6447}
x2={17.6929}
y2={26.4744}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_7320_6140"
x1={15.9604}
y1={30.4956}
x2={9.64789}
y2={23.1519}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DCBFF9" />
<stop offset={1} stopColor="#DCBFF9" stopOpacity={0} />
</linearGradient>
<clipPath id="clip0_7320_6140">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = WhiteHeartIcon;