Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: beat. Pick another to preview it and update the animated code:

Icons8 Line Awesome · LiaHeartBrokenSolid

Heart Broken Solid icon

A free heart broken solid icon from Icons8 Line Awesome, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known aslike iconlove iconfavorite iconfavourite iconhealth icon
License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/heart-broken-solid.json
components/icons/line-awesome-heart-broken-solid.tsx
import * as React from "react";

/**
 * Heart Broken Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/heart-broken-solid. Sized in em, colored by currentColor.
 */
export function LiaHeartBrokenSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 9.5 4 C 5.362182 4 2 7.4035211 2 11.5 C 2 12.928333 2.6517943 14.153437 3.2519531 15.048828 C 3.852112 15.94422 4.4648436 16.544922 4.4648438 16.544922 L 16 28.082031 L 27.535156 16.544922 C 27.535156 16.544922 30 14.357368 30 11.5 C 30 7.4035211 26.637818 4 22.5 4 C 20.930306 4 19.526877 4.5232797 18.390625 5.1484375 L 18.060547 5.3300781 L 16.003906 11 L 19.625 11 L 16 17.214844 L 16 13 L 12.453125 13 L 13.998047 5.359375 L 13.326172 5.0136719 C 12.24943 4.4594504 10.952075 4 9.5 4 z M 9.5 6 C 10.278067 6 10.996497 6.3086313 11.707031 6.6015625 L 10.007812 15 L 14 15 L 14 21 L 16.109375 21 L 22 10.894531 L 22 9 L 18.855469 9 L 19.648438 6.8164062 C 20.521997 6.3736841 21.486475 6 22.5 6 C 25.542182 6 28 8.4964789 28 11.5 C 28 13.044632 26.130859 15.121094 26.130859 15.121094 L 26.128906 15.123047 L 16 25.251953 L 5.8710938 15.123047 L 5.8691406 15.121094 C 5.8691406 15.121094 5.3974037 14.656655 4.9140625 13.935547 C 4.4307181 13.214485 4 12.271667 4 11.5 C 4 8.4964789 6.457818 6 9.5 6 z"
      />
    </svg>
  );
}
With react-icons
import { LiaHeartBrokenSolid } from "react-icons/lia";

export function Example() {
  return <LiaHeartBrokenSolid className="size-5" />;
}
heart-broken-solid.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 9.5 4 C 5.362182 4 2 7.4035211 2 11.5 C 2 12.928333 2.6517943 14.153437 3.2519531 15.048828 C 3.852112 15.94422 4.4648436 16.544922 4.4648438 16.544922 L 16 28.082031 L 27.535156 16.544922 C 27.535156 16.544922 30 14.357368 30 11.5 C 30 7.4035211 26.637818 4 22.5 4 C 20.930306 4 19.526877 4.5232797 18.390625 5.1484375 L 18.060547 5.3300781 L 16.003906 11 L 19.625 11 L 16 17.214844 L 16 13 L 12.453125 13 L 13.998047 5.359375 L 13.326172 5.0136719 C 12.24943 4.4594504 10.952075 4 9.5 4 z M 9.5 6 C 10.278067 6 10.996497 6.3086313 11.707031 6.6015625 L 10.007812 15 L 14 15 L 14 21 L 16.109375 21 L 22 10.894531 L 22 9 L 18.855469 9 L 19.648438 6.8164062 C 20.521997 6.3736841 21.486475 6 22.5 6 C 25.542182 6 28 8.4964789 28 11.5 C 28 13.044632 26.130859 15.121094 26.130859 15.121094 L 26.128906 15.123047 L 16 25.251953 L 5.8710938 15.123047 L 5.8691406 15.121094 C 5.8691406 15.121094 5.3974037 14.656655 4.9140625 13.935547 C 4.4307181 13.214485 4 12.271667 4 11.5 C 4 8.4964789 6.457818 6 9.5 6 z"
  />
</svg>
Attribution
"Heart Broken Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: like, love, favorite, favourite