Add icons to this collection by clicking the heart icon.
Heart icon - also known as heart, love, thunderbolt, evil, devil, 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.001 64.001"
>
<linearGradient id="a">
<stop offset=".349" stop-color="#ffa4b4" />
<stop offset=".456" stop-color="#ff9eaf" />
<stop offset=".604" stop-color="#ff8ca1" />
<stop offset=".776" stop-color="#ff6e89" />
<stop offset=".966" stop-color="#ff4568" />
<stop offset="1" stop-color="#ff3d62" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="13.115"
y1="17.751"
y2="17.751"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="50.886"
x2="64.001"
y1="17.75"
y2="17.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="6.22"
x2="57.781"
y1="34"
y2="34"
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="e"
x1="22.991"
x2="41.011"
y1="36.5"
y2="36.5"
gradientUnits="userSpaceOnUse"
>
<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>
<path
fill="url(#b)"
d="M13.101 15.19a.998.998 0 0 0-.588-.755c-3.136-1.361-6.082-3.573-9.005-6.761a2.026 2.026 0 0 0-2.231-.538A2.002 2.002 0 0 0 0 9.013c-.035 10.054 2.156 16.375 6.7 19.326a1.01 1.01 0 0 0 1.033.034 1 1 0 0 0 .513-.897l-.013-.323c-.006-.126-.013-.252-.013-.382.005-4.164 1.669-8.055 4.566-10.678a.996.996 0 0 0 .315-.903z"
/>
<path
fill="url(#c)"
d="M62.724 7.136a2.027 2.027 0 0 0-2.231.538c-2.924 3.188-5.869 5.4-9.005 6.761a.998.998 0 0 0-.273 1.658c2.896 2.622 4.561 6.514 4.565 10.677 0 .13-.007.256-.013.383l-.013.323a.998.998 0 0 0 1 1.024c.189 0 .379-.054.545-.161 4.544-2.95 6.735-9.272 6.7-19.326a1.997 1.997 0 0 0-1.275-1.877z"
/>
<path
fill="url(#d)"
d="M44.03 11.023c-4.678-.261-9.085 1.679-12.03 5.218-2.951-3.542-7.347-5.473-12.028-5.218-7.83.433-13.742 7.202-13.751 15.746-.024 21.713 25.218 30.101 25.473 30.183a.998.998 0 0 0 .613 0c.255-.082 25.497-8.47 25.474-30.183-.009-8.544-5.921-15.313-13.751-15.746z"
/>
<path
fill="url(#e)"
d="M40.89 34.525a1 1 0 0 0-.88-.525h-5.865V24a1.001 1.001 0 0 0-1.853-.521l-9.154 15A1 1 0 0 0 23.991 40h5.865v9a1 1 0 0 0 1.837.547l9.154-14a.997.997 0 0 0 .043-1.022z"
/>
<g fill="#ffa4b4">
<path
d="M51.676 22.287c-.359 0-.706-.194-.886-.534-1.618-3.071-4.424-4.936-7.695-5.117a1 1 0 0 1 .11-1.997c3.933.217 7.43 2.527 9.355 6.181a1 1 0 0 1-.884 1.467zM53.037 27.009a1 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.354.325 2.039a1 1 0 0 1-.998 1.082z"
/>
</g>
</svg>
More icons in the same style and category