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

Icons8 Line Awesome · LiaHeartbeatSolid

Heartbeat Solid icon

A free heartbeat 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.

License: MIT license
Project: icons8.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/heartbeat-solid.json

components/icons/line-awesome-heartbeat-solid.tsx

import * as React from "react";

/**
 * Heartbeat Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/heartbeat-solid. Sized in em, colored by currentColor.
 */
export function LiaHeartbeatSolidIcon(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 10.78125 5 C 6.492188 5 3 8.300781 3 12.359375 C 3 12.578125 3.019531 12.785156 3.035156 13 L 5.039063 13 C 5.019531 12.789063 5 12.578125 5 12.359375 C 5 9.40625 7.59375 7 10.78125 7 C 12.238281 7 13.628906 7.503906 14.699219 8.417969 L 16 9.53125 L 17.300781 8.417969 C 18.367188 7.503906 19.757813 7 21.21875 7 C 24.40625 7 27 9.40625 27 12.359375 C 27 17.480469 22.175781 20.515625 18.296875 22.957031 C 17.410156 23.511719 16.632813 24.003906 16 24.46875 C 15.367188 24.003906 14.589844 23.511719 13.703125 22.957031 C 11.894531 21.820313 9.882813 20.550781 8.246094 19 L 5.53125 19 C 7.511719 21.410156 10.316406 23.1875 12.640625 24.652344 C 13.613281 25.261719 14.449219 25.789063 15.042969 26.253906 C 15.042969 26.253906 15.992188 26.992188 16 27 C 16.003906 26.992188 16.953125 26.253906 16.953125 26.253906 C 17.546875 25.789063 18.382813 25.261719 19.359375 24.652344 C 23.425781 22.089844 29 18.585938 29 12.359375 C 29 8.300781 25.507813 5 21.21875 5 C 19.269531 5 17.421875 5.679688 16 6.898438 C 14.578125 5.679688 12.726563 5 10.78125 5 Z M 11.96875 9.386719 L 9.632813 15.21875 L 9.414063 15 L 3 15 L 3 17 L 8.585938 17 L 10.363281 18.78125 L 12.03125 14.613281 L 15.03125 21.613281 L 17.101563 16.4375 L 17.382813 17 L 19.269531 17 C 19.628906 17.617188 20.285156 18 21 18 C 22.105469 18 23 17.105469 23 16 C 23 14.894531 22.105469 14 21 14 C 20.285156 14 19.625 14.382813 19.269531 15 L 18.617188 15 L 16.898438 11.5625 L 14.96875 16.386719 Z"
      />
    </svg>
  );
}

With react-icons

import { LiaHeartbeatSolid } from "react-icons/lia";

export function Example() {
  return <LiaHeartbeatSolid className="size-5" />;
}

heartbeat-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 10.78125 5 C 6.492188 5 3 8.300781 3 12.359375 C 3 12.578125 3.019531 12.785156 3.035156 13 L 5.039063 13 C 5.019531 12.789063 5 12.578125 5 12.359375 C 5 9.40625 7.59375 7 10.78125 7 C 12.238281 7 13.628906 7.503906 14.699219 8.417969 L 16 9.53125 L 17.300781 8.417969 C 18.367188 7.503906 19.757813 7 21.21875 7 C 24.40625 7 27 9.40625 27 12.359375 C 27 17.480469 22.175781 20.515625 18.296875 22.957031 C 17.410156 23.511719 16.632813 24.003906 16 24.46875 C 15.367188 24.003906 14.589844 23.511719 13.703125 22.957031 C 11.894531 21.820313 9.882813 20.550781 8.246094 19 L 5.53125 19 C 7.511719 21.410156 10.316406 23.1875 12.640625 24.652344 C 13.613281 25.261719 14.449219 25.789063 15.042969 26.253906 C 15.042969 26.253906 15.992188 26.992188 16 27 C 16.003906 26.992188 16.953125 26.253906 16.953125 26.253906 C 17.546875 25.789063 18.382813 25.261719 19.359375 24.652344 C 23.425781 22.089844 29 18.585938 29 12.359375 C 29 8.300781 25.507813 5 21.21875 5 C 19.269531 5 17.421875 5.679688 16 6.898438 C 14.578125 5.679688 12.726563 5 10.78125 5 Z M 11.96875 9.386719 L 9.632813 15.21875 L 9.414063 15 L 3 15 L 3 17 L 8.585938 17 L 10.363281 18.78125 L 12.03125 14.613281 L 15.03125 21.613281 L 17.101563 16.4375 L 17.382813 17 L 19.269531 17 C 19.628906 17.617188 20.285156 18 21 18 C 22.105469 18 23 17.105469 23 16 C 23 14.894531 22.105469 14 21 14 C 20.285156 14 19.625 14.382813 19.269531 15 L 18.617188 15 L 16.898438 11.5625 L 14.96875 16.386719 Z"
  />
</svg>

Attribution

"Heartbeat Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons:

Similar Icons8 Line Awesome icons