Add icons to this collection by clicking the heart icon.
Heart icon - also known as summer, heart, love, sun, shiny, sunburst, and love and romance. Created in a clean flat gradient style with a pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="b"
x1="6.22"
x2="57.78"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset=".349" stop-color="#ff3f62" />
<stop offset=".496" stop-color="#f9395c" />
<stop offset=".7" stop-color="#e9274a" />
<stop offset=".937" stop-color="#cf092d" />
<stop offset="1" stop-color="#c70024" />
</linearGradient>
<linearGradient id="a">
<stop offset=".402" stop-color="#ffb555" />
<stop offset=".422" stop-color="#ffb450" />
<stop offset=".527" stop-color="#ffb03b" />
<stop offset=".645" stop-color="#ffac2c" />
<stop offset=".784" stop-color="#ffab24" />
<stop offset="1" stop-color="#ffaa21" />
</linearGradient>
<linearGradient
id="c"
x1="31"
x2="33"
y1="3.5"
y2="3.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="31"
x2="33"
y1="61"
y2="61"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="51.548"
x2="57.083"
y1="6.768"
y2="6.768"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="7"
x2="11.828"
y1="51.669"
y2="51.669"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="7"
x2="12.535"
y1="6.768"
y2="6.768"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="52.255"
x2="57.083"
y1="51.669"
y2="51.669"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="58"
x2="64"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="0"
x2="6"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M44.029 9.023c-4.681-.25-9.077 1.676-12.028 5.218-2.945-3.539-7.359-5.476-12.03-5.218-7.83.433-13.743 7.202-13.751 15.746a26.417 26.417 0 0 0 .618 5.759C9.508 42.565 20.207 49.58 26.667 52.8c2.907 1.449 4.955 2.129 5.027 2.152a.993.993 0 0 0 .613 0c.255-.082 25.497-8.47 25.474-30.183-.01-8.544-5.922-15.313-13.752-15.746z"
/>
<g fill="#ffa4b4">
<path
d="M51.676 20.287c-.359 0-.706-.194-.886-.534-1.618-3.071-4.424-4.937-7.695-5.117a.998.998 0 0 1-.943-1.054.997.997 0 0 1 1.053-.943c3.933.217 7.43 2.527 9.355 6.181a1 1 0 0 1-.884 1.467zM53.036 25.008a1 1 0 0 1-.996-.918 11.744 11.744 0 0 0-.276-1.739 1 1 0 0 1 .741-1.205 1.005 1.005 0 0 1 1.204.741c.159.669.268 1.355.325 2.039a1 1 0 0 1-.998 1.082zM28.634 47.707a.982.982 0 0 1-.355-.066c-.305-.116-7.504-2.913-11.142-9.136a1.001 1.001 0 0 1 1.726-1.01c3.286 5.621 10.059 8.251 10.126 8.276a1 1 0 0 1-.355 1.936z"
/>
</g>
<path
fill="url(#c)"
d="M32 7a1 1 0 0 1-1-1V1a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M32 64a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M52.548 9.536a.999.999 0 0 1-.707-1.707l3.535-3.536a.999.999 0 1 1 1.414 1.414l-3.535 3.536a.997.997 0 0 1-.707.293z"
/>
<path
fill="url(#f)"
d="M8 54.083a.999.999 0 0 1-.707-1.707l2.828-2.829a.999.999 0 1 1 1.414 1.414L8.707 53.79a.993.993 0 0 1-.707.293z"
/>
<path
fill="url(#g)"
d="M11.535 9.536a.997.997 0 0 1-.707-.293L7.293 5.707a.999.999 0 1 1 1.414-1.414l3.535 3.536a.999.999 0 0 1-.707 1.707z"
/>
<path
fill="url(#h)"
d="M56.083 54.083a.997.997 0 0 1-.707-.293l-2.828-2.829a.999.999 0 1 1 1.414-1.414l2.828 2.829a.999.999 0 0 1-.707 1.707z"
/>
<path fill="url(#i)" d="M63 33h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
<path fill="url(#j)" d="M5 33H1a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
</svg>
More icons in the same style and category