@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
339 lines (338 loc) • 13.7 kB
JSX
const React = require("react");
const GreenHeartIcon = ({ 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="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint0_radial_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint1_radial_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint2_linear_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint3_linear_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint4_radial_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint5_radial_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint6_radial_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint7_radial_7320_6094)"
/>
<path
d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
fill="url(#paint8_radial_7320_6094)"
/>
<g filter="url(#filter0_f_7320_6094)">
<path
d="M15.7954 10.5408V17.3635C15.7954 18.2684 16.8911 18.6973 17.4551 17.9897C19.2002 15.8007 20.6078 13.1389 19.037 10.9647C18.4347 10.131 17.281 9.59695 16.3382 9.76686C15.9855 9.83043 15.7954 10.1824 15.7954 10.5408Z"
fill="#2EBC6F"
/>
</g>
<g filter="url(#filter1_f_7320_6094)">
<path
d="M25.9076 6.91039C28.5057 7.97979 29.2883 12.0624 27.6555 16.0292C26.0228 19.9959 22.593 22.3447 19.9949 21.2753C17.3968 20.2058 16.6142 16.1232 18.2469 12.1565C19.8797 8.18974 23.3095 5.84098 25.9076 6.91039Z"
fill="url(#paint9_radial_7320_6094)"
/>
</g>
<g filter="url(#filter2_f_7320_6094)">
<path
d="M14.8397 9.84594L15.0447 20.2121C8.16972 13.5246 6.93859 8.73396 9.27719 7.12719C10.9472 5.97977 14.0897 8.28344 14.8397 9.84594Z"
fill="url(#paint10_radial_7320_6094)"
/>
</g>
<g filter="url(#filter3_f_7320_6094)">
<path
d="M21.831 6.38789C22.9177 6.25299 26.6173 6.50935 27.8729 9.71009"
stroke="url(#paint11_linear_7320_6094)"
strokeOpacity={0.5}
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_7320_6094)">
<path
d="M8.44077 6.41333C9.52741 6.27843 12.4647 6.41333 14.8398 9.84607"
stroke="url(#paint12_linear_7320_6094)"
strokeOpacity={0.5}
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_f_7320_6094"
x={13.7954}
y={7.73535}
width={7.92259}
height={12.6079}
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_6094"
/>
</filter>
<filter
id="filter1_f_7320_6094"
x={15.8944}
y={5.1521}
width={14.1137}
height={17.8813}
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_6094"
/>
</filter>
<filter
id="filter2_f_7320_6094"
x={5.19226}
y={3.81812}
width={12.8525}
height={19.394}
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_6094"
/>
</filter>
<filter
id="filter3_f_7320_6094"
x={20.706}
y={5.2356}
width={8.29191}
height={5.59961}
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_6094"
/>
</filter>
<filter
id="filter4_f_7320_6094"
x={7.31576}
y={5.25586}
width={8.64903}
height={5.71533}
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_6094"
/>
</filter>
<radialGradient
id="paint0_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.7698 5.63351) rotate(90) scale(25.0559 26.6012)"
>
<stop offset={0.204279} stopColor="#31C66A" />
<stop offset={0.527969} stopColor="#40B98A" />
<stop offset={1} stopColor="#43A395" />
</radialGradient>
<radialGradient
id="paint1_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.2147 29.6894) rotate(-57.2932) scale(30.305 28.3828)"
>
<stop offset={0.801342} stopColor="#5BE689" stopOpacity={0} />
<stop offset={1} stopColor="#5BE689" />
</radialGradient>
<linearGradient
id="paint2_linear_7320_6094"
x1={17.6324}
y1={16.133}
x2={25.6448}
y2={25.6684}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.694491} stopColor="#8590CE" stopOpacity={0} />
<stop offset={0.933555} stopColor="#8590CE" />
</linearGradient>
<linearGradient
id="paint3_linear_7320_6094"
x1={16.6391}
y1={16.5303}
x2={7.15219}
y2={26.4394}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.694491} stopColor="#8590CE" stopOpacity={0} />
<stop offset={0.885417} stopColor="#7E8DE2" />
</linearGradient>
<radialGradient
id="paint4_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.8949 6.06438) rotate(90) scale(26.6875 33.0073)"
>
<stop offset={0.733021} stopColor="#408B91" stopOpacity={0} />
<stop offset={0.894692} stopColor="#408B91" />
</radialGradient>
<radialGradient
id="paint5_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.9647 13.3769) rotate(137.379) scale(15.9679 23.4343)"
>
<stop offset={0.615628} stopColor="#408B91" stopOpacity={0} />
<stop offset={1} stopColor="#408B91" />
</radialGradient>
<radialGradient
id="paint6_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.4647 27.6894) rotate(-126.7) scale(33.6751 34.168)"
>
<stop offset={0.66943} stopColor="#409157" stopOpacity={0} />
<stop offset={1} stopColor="#409157" />
</radialGradient>
<radialGradient
id="paint7_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.4472 13.8154) rotate(90) scale(17.499 19.705)"
>
<stop offset={0.764272} stopColor="#8590CE" stopOpacity={0} />
<stop offset={0.933555} stopColor="#8590CE" />
</radialGradient>
<radialGradient
id="paint8_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.4472 13.8154) rotate(90) scale(17.499 17.6425)"
>
<stop offset={0.864278} stopColor="#ADB6E8" stopOpacity={0} />
<stop offset={0.933555} stopColor="#ADB6E8" />
</radialGradient>
<radialGradient
id="paint9_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.0561 4.91403) rotate(113.398) scale(15.0883 5.91581)"
>
<stop stopColor="#48FF90" />
<stop offset={1} stopColor="#48FF90" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_7320_6094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.4022 11.8772) rotate(-135.541) scale(9.36958 16.6326)"
>
<stop stopColor="#80F2AD" />
<stop offset={1} stopColor="#68EC9C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_7320_6094"
x1={26.4598}
y1={8.13095}
x2={23.8056}
y2={6.79221}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#48FF90" />
<stop offset={1} stopColor="#48FF90" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_7320_6094"
x1={13.0695}
y1={8.15639}
x2={10.4153}
y2={6.81764}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#48FF90" />
<stop offset={1} stopColor="#48FF90" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = GreenHeartIcon;