Add icons to this collection by clicking the heart icon.
Broken Heart icon - also known as relationship, heart, love, broken heart, heartbreak, heartbroken, heartache, break up, and love and romance. Created in a clean flat gradient style with a orange and 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 63.942 63.942"
>
<linearGradient
id="a"
x1="0"
x2="63.942"
y1="31.971"
y2="31.971"
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="b"
x1="15.957"
x2="47.985"
y1="34.546"
y2="25.396"
gradientUnits="userSpaceOnUse"
>
<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="c"
x1="25.971"
x2="37.971"
y1="29.971"
y2="29.971"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6aed0" />
<stop offset=".13" stop-color="#f7a8cd" />
<stop offset=".311" stop-color="#f896c4" />
<stop offset=".521" stop-color="#fb78b4" />
<stop offset=".738" stop-color="#ff52a1" />
</linearGradient>
<path
fill="url(#a)"
d="M63.897 21.168c-.486-9.635-8.114-17.403-17.365-17.686-5.686-.158-11.027 2.306-14.56 6.686-3.534-4.38-8.885-6.834-14.561-6.686C8.16 3.765.532 11.533.045 21.168c-1.427 28.267 31.288 39.144 31.619 39.251a1.005 1.005 0 0 0 .614 0c.331-.107 33.046-10.984 31.619-39.251z"
/>
<path
fill="#ffa4b4"
d="M56.288 16.952a1 1 0 0 1-.886-.534c-2.039-3.87-5.576-6.221-9.705-6.449a.998.998 0 0 1-.943-1.053c.03-.552.508-1.005 1.053-.943 4.777.263 9.025 3.072 11.365 7.514a1 1 0 0 1-.884 1.465zM57.97 22.787c-.516 0-.952-.396-.996-.918a14.505 14.505 0 0 0-.348-2.184 1 1 0 0 1 1.945-.465c.193.81.327 1.646.396 2.484a1 1 0 0 1-.997 1.083z"
/>
<path
fill="#ffb555"
d="M33.971 23.971a.997.997 0 0 1-.707-.293l-4-4a.997.997 0 0 1 .108-1.507l3.332-2.499-1.627-3.254a1 1 0 0 1 1.789-.895l2 4a1 1 0 0 1-.295 1.247l-3.077 2.309 3.185 3.185a.999.999 0 0 1-.708 1.707zM33.971 48.971a.997.997 0 0 1-.707-.293l-4-4a.997.997 0 0 1 .108-1.507l3.332-2.499-1.627-3.254a1 1 0 0 1 1.789-.895l2 4a1 1 0 0 1-.295 1.247l-3.077 2.309 3.185 3.185a.999.999 0 0 1-.708 1.707z"
/>
<path
fill="url(#b)"
d="M40.971 21.971h-18c-4.411 0-8 3.589-8 8s3.589 8 8 8h18c4.411 0 8-3.589 8-8s-3.589-8-8-8z"
/>
<path
fill="#ffa4b4"
d="M27.998 52.547c-.118 0-.239-.021-.357-.065-.476-.182-11.759-4.566-17.452-14.304a1 1 0 0 1 1.726-1.01c5.331 9.117 16.328 13.402 16.438 13.444a1 1 0 0 1-.355 1.935z"
/>
<path
fill="url(#c)"
d="M36.971 25.971h-10a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category