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

Game Icons · GiCard2Hearts

Card2 Hearts icon

A free card2 hearts icon from Game Icons, 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: CC BY 3.0 license
Project: game-icons.net

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/card2-hearts.json

components/icons/game-icons-card2-hearts.tsx

import * as React from "react";

/**
 * Card2 Hearts from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/card2-hearts. Sized in em, colored by currentColor.
 */
export function GiCard2HeartsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M119.434 36c-16.126 0-29.2 17.237-29.2 38.5v363c0 21.263 13.074 38.5 29.2 38.5h275.298c16.126 0 29.198-17.237 29.198-38.5v-363c0-21.263-13.072-38.5-29.198-38.5zm57.216 16.174c13.613-.319 26.504 9.854 27.075 28.043.976 31.09-47.74 52.945-52.313 70.015-4.997-18.649-51.413-37.573-52.45-70.015-.994-31.155 37.404-37.907 52.452-11.846 6.262-10.846 15.923-15.978 25.236-16.195zm70.21 124.361c9.588 0 18.464 2.06 26.626 6.182 8.242 4.12 14.424 9.549 18.545 16.285 4.121 6.657 6.182 13.948 6.182 21.873 0 5.468-1.031 11.014-3.092 16.64-2.06 5.627-5.07 10.898-9.033 15.811-6.815 8.48-13.83 15.731-21.041 21.754l-31.383 26.39c-7.925 6.657-13.708 12.323-17.353 16.999-3.646 4.675 14.342 7.013 53.966 7.013 5.944 0 10.183-1.546 12.72-4.636 2.535-3.09 5.428-11.65 8.677-25.676h8.084l-3.805 49.332H189.445v-6.42l34.592-39.346c19.257-20.921 30.826-34.078 34.71-39.466 5.547-7.688 9.588-15.097 12.124-22.229 2.536-7.211 3.805-13.749 3.805-19.613 0-9.748-2.695-17.396-8.084-22.944-5.39-5.626-12.878-8.44-22.467-8.44-10.778 0-19.573 2.576-26.389 7.727-6.815 5.152-10.222 10.62-10.222 16.405 0 1.981.514 3.487 1.545 4.517.95 1.03 3.011 1.942 6.181 2.735 8.004 1.902 12.006 6.576 12.006 14.025 0 4.042-1.347 7.411-4.04 10.106-2.695 2.615-6.143 3.921-10.343 3.921-4.834 0-9.075-2.218-12.72-6.656-3.646-4.517-5.467-10.382-5.467-17.594 0-8.083 2.059-15.412 6.18-21.99 4.2-6.657 10.501-12.085 18.902-16.285 8.4-4.28 17.433-6.42 27.101-6.42zM360.728 361.77c4.572 17.07 53.287 38.925 52.31 70.015-.57 18.189-13.462 28.362-27.074 28.043v-.002c-9.314-.217-18.975-5.349-25.236-16.195-15.048 26.061-53.446 19.31-52.452-11.846 1.037-32.442 47.454-51.366 52.452-70.016z"
      />
    </svg>
  );
}

With react-icons

import { GiCard2Hearts } from "react-icons/gi";

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

card2-hearts.svg

<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M119.434 36c-16.126 0-29.2 17.237-29.2 38.5v363c0 21.263 13.074 38.5 29.2 38.5h275.298c16.126 0 29.198-17.237 29.198-38.5v-363c0-21.263-13.072-38.5-29.198-38.5zm57.216 16.174c13.613-.319 26.504 9.854 27.075 28.043.976 31.09-47.74 52.945-52.313 70.015-4.997-18.649-51.413-37.573-52.45-70.015-.994-31.155 37.404-37.907 52.452-11.846 6.262-10.846 15.923-15.978 25.236-16.195zm70.21 124.361c9.588 0 18.464 2.06 26.626 6.182 8.242 4.12 14.424 9.549 18.545 16.285 4.121 6.657 6.182 13.948 6.182 21.873 0 5.468-1.031 11.014-3.092 16.64-2.06 5.627-5.07 10.898-9.033 15.811-6.815 8.48-13.83 15.731-21.041 21.754l-31.383 26.39c-7.925 6.657-13.708 12.323-17.353 16.999-3.646 4.675 14.342 7.013 53.966 7.013 5.944 0 10.183-1.546 12.72-4.636 2.535-3.09 5.428-11.65 8.677-25.676h8.084l-3.805 49.332H189.445v-6.42l34.592-39.346c19.257-20.921 30.826-34.078 34.71-39.466 5.547-7.688 9.588-15.097 12.124-22.229 2.536-7.211 3.805-13.749 3.805-19.613 0-9.748-2.695-17.396-8.084-22.944-5.39-5.626-12.878-8.44-22.467-8.44-10.778 0-19.573 2.576-26.389 7.727-6.815 5.152-10.222 10.62-10.222 16.405 0 1.981.514 3.487 1.545 4.517.95 1.03 3.011 1.942 6.181 2.735 8.004 1.902 12.006 6.576 12.006 14.025 0 4.042-1.347 7.411-4.04 10.106-2.695 2.615-6.143 3.921-10.343 3.921-4.834 0-9.075-2.218-12.72-6.656-3.646-4.517-5.467-10.382-5.467-17.594 0-8.083 2.059-15.412 6.18-21.99 4.2-6.657 10.501-12.085 18.902-16.285 8.4-4.28 17.433-6.42 27.101-6.42zM360.728 361.77c4.572 17.07 53.287 38.925 52.31 70.015-.57 18.189-13.462 28.362-27.074 28.043v-.002c-9.314-.217-18.975-5.349-25.236-16.195-15.048 26.061-53.446 19.31-52.452-11.846 1.037-32.442 47.454-51.366 52.452-70.016z"
  />
</svg>

Attribution

"Card2 Hearts" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons:

Similar Game Icons icons