@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
577 lines (576 loc) • 21.1 kB
JSX
const React = require("react");
const HeartOnFireIcon = ({ 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="M18.9703 5.7301C18.0917 5.4282 16.3075 4.38264 16.0528 1.81268C16.0121 1.4312 15.676 1.14008 15.2787 1.13004C12.3045 1.04973 10.5827 4.20194 9.79842 5.76801C9.47029 6.19104 8.99391 6.17961 8.65779 5.78809C8.1587 5.20583 8.35256 3.62972 7.21178 4.14171C3.95241 5.60739 2.01717 9.44225 2.01717 13.8995C2.01717 21.5391 13.1078 27.9038 15.2672 29.0382C15.4912 29.1587 16.528 29.2613 16.9547 29.0382C19.1242 27.9038 30.0172 21.5391 30.0172 13.8995C30.0172 8.64918 25.8309 5.18575 21.1558 3.36871C20.6465 3.16793 20.0863 3.52934 20.0863 4.07144L20.0094 4.99573C19.9703 5.37854 19.5068 5.91446 18.9703 5.7301Z"
fill="url(#paint0_linear_7134_6142)"
/>
<path
d="M18.9703 5.7301C18.0917 5.4282 16.3075 4.38264 16.0528 1.81268C16.0121 1.4312 15.676 1.14008 15.2787 1.13004C12.3045 1.04973 10.5827 4.20194 9.79842 5.76801C9.47029 6.19104 8.99391 6.17961 8.65779 5.78809C8.1587 5.20583 8.35256 3.62972 7.21178 4.14171C3.95241 5.60739 2.01717 9.44225 2.01717 13.8995C2.01717 21.5391 13.1078 27.9038 15.2672 29.0382C15.4912 29.1587 16.528 29.2613 16.9547 29.0382C19.1242 27.9038 30.0172 21.5391 30.0172 13.8995C30.0172 8.64918 25.8309 5.18575 21.1558 3.36871C20.6465 3.16793 20.0863 3.52934 20.0863 4.07144L20.0094 4.99573C19.9703 5.37854 19.5068 5.91446 18.9703 5.7301Z"
fill="url(#paint1_linear_7134_6142)"
/>
<path
d="M18.9703 5.7301C18.0917 5.4282 16.3075 4.38264 16.0528 1.81268C16.0121 1.4312 15.676 1.14008 15.2787 1.13004C12.3045 1.04973 10.5827 4.20194 9.79842 5.76801C9.47029 6.19104 8.99391 6.17961 8.65779 5.78809C8.1587 5.20583 8.35256 3.62972 7.21178 4.14171C3.95241 5.60739 2.01717 9.44225 2.01717 13.8995C2.01717 21.5391 13.1078 27.9038 15.2672 29.0382C15.4912 29.1587 16.528 29.2613 16.9547 29.0382C19.1242 27.9038 30.0172 21.5391 30.0172 13.8995C30.0172 8.64918 25.8309 5.18575 21.1558 3.36871C20.6465 3.16793 20.0863 3.52934 20.0863 4.07144L20.0094 4.99573C19.9703 5.37854 19.5068 5.91446 18.9703 5.7301Z"
fill="url(#paint2_linear_7134_6142)"
/>
<g filter="url(#filter0_f_7134_6142)">
<path
d="M15.8124 10.2223C12.3081 6.99223 13.6769 3.16788 15.3118 1.79158C15.3686 1.74374 15.4541 1.77854 15.4689 1.85133C16.1943 5.41844 18.118 6.34102 20.8124 6.97229C18.5124 7.52229 16.3541 9.55562 15.8124 10.2223Z"
fill="url(#paint3_linear_7134_6142)"
/>
</g>
<g filter="url(#filter1_f_7134_6142)">
<path
d="M9.21864 14.3785C5.98826 11.8796 6.11622 6.17084 7.68966 4.70103C7.74394 4.65033 7.82885 4.6835 7.84422 4.75618C8.31211 6.96945 9.64129 8.22149 12.3124 8.84729C10.0124 9.39729 9.7603 13.7119 9.21864 14.3785Z"
fill="url(#paint4_linear_7134_6142)"
fillOpacity={0.5}
/>
</g>
<g filter="url(#filter2_f_7134_6142)">
<path
d="M15.2499 2.06604C14.2395 2.96187 12.7561 5.55979 14.9061 8.78479"
stroke="url(#paint5_linear_7134_6142)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_7134_6142)">
<path
d="M7.5624 4.87854C6.68739 6.40979 6.93739 10.0973 8.6874 12.441"
stroke="url(#paint6_linear_7134_6142)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_7134_6142)">
<path
d="M23.7811 11.5973C23.6061 8.09729 21.3228 4.44104 20.5936 3.87854C20.5936 6.03479 18.5936 9.06604 17.2499 10.2223L23.7811 11.5973Z"
fill="url(#paint7_linear_7134_6142)"
/>
</g>
<g filter="url(#filter5_f_7134_6142)">
<path
d="M24.1249 22.3473L22.3124 4.84729C24.5832 5.36812 29.0249 8.98479 28.8749 13.7848C28.7249 18.5848 25.6666 21.0348 24.1249 22.3473Z"
fill="url(#paint8_linear_7134_6142)"
/>
</g>
<path
d="M15.2474 28.9674C15.7795 29.271 16.4253 29.2537 16.9553 28.9465C20.0618 27.1462 25.3234 23.1173 27.4055 17.9033C30.5004 11.0287 23.2336 5.54094 18.2113 9.48793C17.7123 9.88009 17.091 10.3262 16.6413 10.7534C16.3995 10.9832 15.9771 11.0067 15.7282 10.7846C15.1312 10.2522 14.2466 9.5931 13.6708 9.20352C9.38914 6.30671 1.59856 10.1252 4.92174 18.2748C6.12547 21.8918 11.8108 27.0065 15.2474 28.9674Z"
fill="url(#paint9_radial_7134_6142)"
/>
<path
d="M15.2474 28.9674C15.7795 29.271 16.4253 29.2537 16.9553 28.9465C20.0618 27.1462 25.3234 23.1173 27.4055 17.9033C30.5004 11.0287 23.2336 5.54094 18.2113 9.48793C17.7123 9.88009 17.091 10.3262 16.6413 10.7534C16.3995 10.9832 15.9771 11.0067 15.7282 10.7846C15.1312 10.2522 14.2466 9.5931 13.6708 9.20352C9.38914 6.30671 1.59856 10.1252 4.92174 18.2748C6.12547 21.8918 11.8108 27.0065 15.2474 28.9674Z"
fill="url(#paint10_radial_7134_6142)"
/>
<path
d="M15.2474 28.9674C15.7795 29.271 16.4253 29.2537 16.9553 28.9465C20.0618 27.1462 25.3234 23.1173 27.4055 17.9033C30.5004 11.0287 23.2336 5.54094 18.2113 9.48793C17.7123 9.88009 17.091 10.3262 16.6413 10.7534C16.3995 10.9832 15.9771 11.0067 15.7282 10.7846C15.1312 10.2522 14.2466 9.5931 13.6708 9.20352C9.38914 6.30671 1.59856 10.1252 4.92174 18.2748C6.12547 21.8918 11.8108 27.0065 15.2474 28.9674Z"
fill="url(#paint11_radial_7134_6142)"
/>
<path
d="M15.2474 28.9674C15.7795 29.271 16.4253 29.2537 16.9553 28.9465C20.0618 27.1462 25.3234 23.1173 27.4055 17.9033C30.5004 11.0287 23.2336 5.54094 18.2113 9.48793C17.7123 9.88009 17.091 10.3262 16.6413 10.7534C16.3995 10.9832 15.9771 11.0067 15.7282 10.7846C15.1312 10.2522 14.2466 9.5931 13.6708 9.20352C9.38914 6.30671 1.59856 10.1252 4.92174 18.2748C6.12547 21.8918 11.8108 27.0065 15.2474 28.9674Z"
fill="url(#paint12_radial_7134_6142)"
/>
<path
d="M15.2474 28.9674C15.7795 29.271 16.4253 29.2537 16.9553 28.9465C20.0618 27.1462 25.3234 23.1173 27.4055 17.9033C30.5004 11.0287 23.2336 5.54094 18.2113 9.48793C17.7123 9.88009 17.091 10.3262 16.6413 10.7534C16.3995 10.9832 15.9771 11.0067 15.7282 10.7846C15.1312 10.2522 14.2466 9.5931 13.6708 9.20352C9.38914 6.30671 1.59856 10.1252 4.92174 18.2748C6.12547 21.8918 11.8108 27.0065 15.2474 28.9674Z"
fill="url(#paint13_linear_7134_6142)"
/>
<path
d="M15.2474 28.9674C15.7795 29.271 16.4253 29.2537 16.9553 28.9465C20.0618 27.1462 25.3234 23.1173 27.4055 17.9033C30.5004 11.0287 23.2336 5.54094 18.2113 9.48793C17.7123 9.88009 17.091 10.3262 16.6413 10.7534C16.3995 10.9832 15.9771 11.0067 15.7282 10.7846C15.1312 10.2522 14.2466 9.5931 13.6708 9.20352C9.38914 6.30671 1.59856 10.1252 4.92174 18.2748C6.12547 21.8918 11.8108 27.0065 15.2474 28.9674Z"
fill="url(#paint14_linear_7134_6142)"
/>
<path
d="M15.2474 28.9674C15.7795 29.271 16.4253 29.2537 16.9553 28.9465C20.0618 27.1462 25.3234 23.1173 27.4055 17.9033C30.5004 11.0287 23.2336 5.54094 18.2113 9.48793C17.7123 9.88009 17.091 10.3262 16.6413 10.7534C16.3995 10.9832 15.9771 11.0067 15.7282 10.7846C15.1312 10.2522 14.2466 9.5931 13.6708 9.20352C9.38914 6.30671 1.59856 10.1252 4.92174 18.2748C6.12547 21.8918 11.8108 27.0065 15.2474 28.9674Z"
fill="url(#paint15_radial_7134_6142)"
fillOpacity={0.6}
/>
<g filter="url(#filter6_f_7134_6142)">
<path
d="M16.6422 13.0616V18.5185C16.6422 19.4234 17.737 19.8507 18.2867 19.1319C19.6882 17.2992 20.7272 15.1326 19.4374 13.3473C18.9347 12.6515 17.9866 12.1977 17.1891 12.3022C16.8337 12.3487 16.6422 12.7032 16.6422 13.0616Z"
fill="#FA1C56"
/>
</g>
<g filter="url(#filter7_f_7134_6142)">
<ellipse
cx={23.6704}
cy={13.5188}
rx={3.58926}
ry={2.46967}
transform="rotate(-44.1901 23.6704 13.5188)"
fill="url(#paint16_radial_7134_6142)"
/>
</g>
<g filter="url(#filter8_f_7134_6142)">
<ellipse
cx={14.0107}
cy={15.1492}
rx={4.12372}
ry={2.22475}
transform="rotate(-128.955 14.0107 15.1492)"
fill="url(#paint17_radial_7134_6142)"
fillOpacity={0.6}
/>
</g>
<g filter="url(#filter9_f_7134_6142)">
<ellipse
cx={22.274}
cy={9.2553}
rx={1.75851}
ry={0.341974}
fill="#FF93BA"
/>
</g>
<g filter="url(#filter10_f_7134_6142)">
<ellipse
cx={10.363}
cy={9.2553}
rx={1.75851}
ry={0.341974}
fill="#FF93BA"
fillOpacity={0.5}
/>
</g>
<defs>
<filter
id="filter0_f_7134_6142"
x={12.6215}
y={0.769531}
width={9.19093}
height={10.4528}
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_7134_6142"
/>
</filter>
<filter
id="filter1_f_7134_6142"
x={5.61363}
y={3.67664}
width={7.69877}
height={11.7019}
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_7134_6142"
/>
</filter>
<filter
id="filter2_f_7134_6142"
x={13.1787}
y={1.44104}
width={2.69623}
height={7.96875}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_7134_6142"
/>
</filter>
<filter
id="filter3_f_7134_6142"
x={6.44714}
y={4.25354}
width={2.86526}
height={8.8125}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_7134_6142"
/>
</filter>
<filter
id="filter4_f_7134_6142"
x={15.9999}
y={2.62854}
width={9.03125}
height={10.2188}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.625}
result="effect1_foregroundBlur_7134_6142"
/>
</filter>
<filter
id="filter5_f_7134_6142"
x={21.3124}
y={3.84729}
width={8.56621}
height={19.5}
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_7134_6142"
/>
</filter>
<filter
id="filter6_f_7134_6142"
x={14.6422}
y={10.2872}
width={7.38247}
height={11.2069}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_7134_6142"
/>
</filter>
<filter
id="filter7_f_7134_6142"
x={19.0738}
y={8.95349}
width={9.19318}
height={9.13074}
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_7134_6142"
/>
</filter>
<filter
id="filter8_f_7134_6142"
x={9.39352}
y={10.1498}
width={9.2344}
height={9.99878}
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_7134_6142"
/>
</filter>
<filter
id="filter9_f_7134_6142"
x={19.0155}
y={7.41333}
width={6.51701}
height={3.68396}
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_7134_6142"
/>
</filter>
<filter
id="filter10_f_7134_6142"
x={7.10445}
y={7.41333}
width={6.51701}
height={3.68396}
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_7134_6142"
/>
</filter>
<linearGradient
id="paint0_linear_7134_6142"
x1={20.1874}
y1={15.1492}
x2={10.8124}
y2={-0.0902106}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F8EC1D" />
<stop offset={0.721254} stopColor="#F89C20" />
<stop offset={1} stopColor="#F5891F" />
</linearGradient>
<linearGradient
id="paint1_linear_7134_6142"
x1={9.99989}
y1={16.6598}
x2={4.18739}
y2={23.6598}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F89C20" stopOpacity={0} />
<stop offset={1} stopColor="#F5891F" />
</linearGradient>
<linearGradient
id="paint2_linear_7134_6142"
x1={23.3124}
y1={13.6598}
x2={20.5624}
y2={29.1698}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F89C20" stopOpacity={0} />
<stop offset={1} stopColor="#F5891F" />
</linearGradient>
<linearGradient
id="paint3_linear_7134_6142"
x1={14.8124}
y1={4.00354}
x2={19.1874}
y2={12.316}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD56C" />
<stop offset={1} stopColor="#FFD56C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_7134_6142"
x1={6.81239}
y1={7.64416}
x2={11.1874}
y2={15.9567}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD56C" />
<stop offset={1} stopColor="#FFD56C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_7134_6142"
x1={14.5268}
y1={2.06604}
x2={14.5268}
y2={5.42542}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE39D" />
<stop offset={1} stopColor="#FFDD89" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_7134_6142"
x1={6.83933}
y1={4.87854}
x2={6.83933}
y2={8.23792}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE39D" />
<stop offset={1} stopColor="#FFDD89" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_7134_6142"
x1={21.3124}
y1={4.12854}
x2={21.3124}
y2={10.191}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F89C20" />
<stop offset={1} stopColor="#F89C20" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_7134_6142"
x1={28.8786}
y1={13.5973}
x2={18.1092}
y2={7.85474}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE39E" />
<stop offset={1} stopColor="#FFE39E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_7134_6142"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.2341 1.15978) rotate(88.5481) scale(27.7589 28.585)"
>
<stop stopColor="#F12E52" />
<stop offset={0.67675} stopColor="#FF3B79" />
<stop offset={1} stopColor="#FF4EC6" />
</radialGradient>
<radialGradient
id="paint10_radial_7134_6142"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.096 13.6507) rotate(142.986) scale(22.615 42.3601)"
>
<stop offset={0.483055} stopColor="#B91D43" stopOpacity={0} />
<stop offset={0.833898} stopColor="#B91D43" />
</radialGradient>
<radialGradient
id="paint11_radial_7134_6142"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.4849 19.1914) rotate(-158.663) scale(19.6166 27.7308)"
>
<stop offset={0.40984} stopColor="#B91D43" stopOpacity={0} />
<stop offset={0.833898} stopColor="#B91D43" />
</radialGradient>
<radialGradient
id="paint12_radial_7134_6142"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6592 15.7654) rotate(90) scale(17.0729 17.0729)"
>
<stop offset={0.671096} stopColor="#FF7AF2" stopOpacity={0} />
<stop offset={0.933555} stopColor="#FFBCE6" />
</radialGradient>
<linearGradient
id="paint13_linear_7134_6142"
x1={17.5435}
y1={17.7639}
x2={24.4526}
y2={25.9863}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
<stop offset={0.933555} stopColor="#FFBCE6" />
</linearGradient>
<linearGradient
id="paint14_linear_7134_6142"
x1={16.687}
y1={18.1065}
x2={8.5788}
y2={27.2425}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
<stop offset={0.933555} stopColor="#FFBCE6" />
</linearGradient>
<radialGradient
id="paint15_radial_7134_6142"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.0624 14.9723) rotate(164.618) scale(14.8442 15.6768)"
>
<stop offset={0.802083} stopColor="#FF73A6" stopOpacity={0} />
<stop offset={1} stopColor="#FF93BA" />
</radialGradient>
<radialGradient
id="paint16_radial_7134_6142"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.2826 14.2783) rotate(-176.775) scale(5.30792 3.58415)"
>
<stop stopColor="#FF93BA" />
<stop offset={1} stopColor="#FF73A6" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_7134_6142"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.445 15.75) rotate(-177.229) scale(5.38196 2.8504)"
>
<stop stopColor="#FFA7C7" />
<stop offset={1} stopColor="#FFA7C7" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = HeartOnFireIcon;