@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
350 lines (349 loc) • 13.9 kB
JSX
const React = require("react");
const PurpleHeartIcon = ({ 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.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint0_radial_7320_6111)"
/>
<path
d="M15.1041 29.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint1_radial_7320_6111)"
/>
<path
d="M15.1041 29.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint2_linear_7320_6111)"
/>
<path
d="M15.1041 29.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint3_radial_7320_6111)"
/>
<path
d="M15.1041 29.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint4_linear_7320_6111)"
/>
<path
d="M15.1041 29.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint5_radial_7320_6111)"
/>
<path
d="M15.1041 29.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint6_radial_7320_6111)"
/>
<path
d="M15.1041 29.2274C15.6391 29.5259 16.2827 29.5094 16.8146 29.2054C20.3976 27.1576 26.624 22.4438 29.0692 16.3207C32.6583 8.34828 24.2311 1.98422 18.4068 6.56148C17.7992 7.03895 17.0353 7.58541 16.5096 8.10307C16.2719 8.33712 15.8531 8.36098 15.6063 8.13649C14.9152 7.50765 13.835 6.70099 13.1413 6.23165C8.17592 2.87226 -0.858693 7.30051 2.99515 16.7514C4.40691 20.9936 11.1344 27.0121 15.1041 29.2274Z"
fill="url(#paint7_radial_7320_6111)"
/>
<path
d="M15.2188 7.83189L15.5663 8.1501C16.5203 9.02347 18.0647 8.77988 18.9307 7.81916C19.8443 6.80552 21.0701 5.75575 22.5554 5.02783C21.1516 5.05859 19.7137 5.53477 18.4068 6.56183C18.256 6.68033 18.0956 6.80308 17.9316 6.92859C17.4347 7.30878 16.9049 7.71424 16.5096 8.10343C16.2719 8.33748 15.8531 8.36134 15.6063 8.13685C15.487 8.02827 15.3561 7.91439 15.2175 7.79786L15.2188 7.83189Z"
fill="url(#paint8_linear_7320_6111)"
/>
<g filter="url(#filter0_f_7320_6111)">
<path
d="M15.8214 10.2418L16.2001 16.5019C16.2627 17.5366 17.7776 17.8599 18.3153 16.9736C20.6438 13.1363 22.7563 10.5837 20.8125 8.30066C19.992 7.33698 17.8252 7.85834 16.0986 9.50591C15.8998 9.69566 15.8048 9.96739 15.8214 10.2418Z"
fill="url(#paint9_radial_7320_6111)"
/>
</g>
<g filter="url(#filter1_f_7320_6111)">
<ellipse
cx={22.9512}
cy={14.1189}
rx={7.76707}
ry={5.08722}
transform="rotate(-67.6274 22.9512 14.1189)"
fill="url(#paint10_radial_7320_6111)"
/>
</g>
<g filter="url(#filter2_f_7320_6111)">
<path
d="M14.8397 9.20672L15.0447 22.613C8.16972 15.9255 6.93859 8.75983 9.27719 7.15306C10.9472 6.00565 14.0897 7.64422 14.8397 9.20672Z"
fill="url(#paint11_radial_7320_6111)"
/>
</g>
<g filter="url(#filter3_f_7320_6111)">
<path
d="M8.44077 6.43921C9.52741 6.30431 12.4647 6.43921 14.8398 9.87195"
stroke="url(#paint12_linear_7320_6111)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_7320_6111)">
<path
d="M3.625 13.5505C5.6875 21.613 13.1042 26.7797 15.625 28.363C12.725 23.113 10.0625 12.8214 10 10.488L3.625 13.5505Z"
fill="url(#paint13_linear_7320_6111)"
/>
</g>
<defs>
<filter
id="filter0_f_7320_6111"
x={13.8196}
y={5.8186}
width={9.75617}
height={13.6699}
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_6111"
/>
</filter>
<filter
id="filter1_f_7320_6111"
x={15.8944}
y={5.17822}
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_6111"
/>
</filter>
<filter
id="filter2_f_7320_6111"
x={5.19226}
y={3.76855}
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_6111"
/>
</filter>
<filter
id="filter3_f_7320_6111"
x={7.31576}
y={5.28174}
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_6111"
/>
</filter>
<filter
id="filter4_f_7320_6111"
x={1.625}
y={8.48804}
width={16}
height={21.875}
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_6111"
/>
</filter>
<radialGradient
id="paint0_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.7698 5.65938) rotate(90) scale(23.8283 29.4623)"
>
<stop offset={0.255208} stopColor="#AC3BFF" />
<stop offset={0.527969} stopColor="#9D32FF" />
<stop offset={1} stopColor="#8C1EED" />
</radialGradient>
<radialGradient
id="paint1_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.2147 29.7153) rotate(-57.2932) scale(30.305 28.3828)"
>
<stop offset={0.801342} stopColor="#B350FF" stopOpacity={0} />
<stop offset={1} stopColor="#B350FF" />
</radialGradient>
<linearGradient
id="paint2_linear_7320_6111"
x1={17.6324}
y1={16.1589}
x2={25.6448}
y2={25.6943}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.694491} stopColor="#B694FF" stopOpacity={0} />
<stop offset={0.933555} stopColor="#9F72FF" />
</linearGradient>
<radialGradient
id="paint3_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5 11.4877) rotate(140.774) scale(19.7667 28.2971)"
>
<stop offset={0.751911} stopColor="#6721FD" stopOpacity={0} />
<stop offset={1} stopColor="#7F21FD" />
</radialGradient>
<linearGradient
id="paint4_linear_7320_6111"
x1={16.6391}
y1={16.5562}
x2={7.1875}
y2={27.2064}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.694491} stopColor="#9F72FF" stopOpacity={0} />
<stop offset={0.885417} stopColor="#B694FF" />
</linearGradient>
<radialGradient
id="paint5_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22 14.9877) rotate(-154.781) scale(21.4163 18.6261)"
>
<stop offset={0.715518} stopColor="#773CAC" stopOpacity={0} />
<stop offset={1} stopColor="#773CAC" />
</radialGradient>
<radialGradient
id="paint6_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.125 17.9877) rotate(-129.075) scale(18.839 27.0981)"
>
<stop offset={0.663027} stopColor="#773CAC" stopOpacity={0} />
<stop offset={1} stopColor="#773CAC" />
</radialGradient>
<radialGradient
id="paint7_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.4472 13.8413) rotate(90) scale(17.499 20.0528)"
>
<stop offset={0.820913} stopColor="#9F72FF" stopOpacity={0} />
<stop offset={0.933555} stopColor="#B694FF" />
</radialGradient>
<linearGradient
id="paint8_linear_7320_6111"
x1={17.125}
y1={7.44549}
x2={18.8865}
y2={8.86314}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7241AD" />
<stop offset={0.679707} stopColor="#7241AD" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.125 6.23816) rotate(107.322) scale(13.2248 14.8114)"
>
<stop offset={0.567708} stopColor="#8E26E9" />
<stop offset={1} stopColor="#6721FD" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(32.8356 15.375) rotate(-173.542) scale(15.5528 7.3671)"
>
<stop stopColor="#D28CFF" />
<stop offset={1} stopColor="#C874FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_7320_6111"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.625 14.6908) rotate(-134.829) scale(11.1704 7.39051)"
>
<stop stopColor="#D28CFF" />
<stop offset={1} stopColor="#C874FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_7320_6111"
x1={7.0625}
y1={6.34741}
x2={13.5625}
y2={6.98811}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C274FF" />
<stop offset={1} stopColor="#B659FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_7320_6111"
x1={18.5625}
y1={30.4255}
x2={10.5625}
y2={16.6755}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7C22FD" />
<stop offset={1} stopColor="#7C22FD" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = PurpleHeartIcon;