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

Game Icons · GiSmitten

Smitten icon

A free smitten 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/smitten.json

components/icons/game-icons-smitten.tsx

import * as React from "react";

/**
 * Smitten from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/smitten. Sized in em, colored by currentColor.
 */
export function GiSmittenIcon(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="M256.563 20.53c-48.747 0-93.132 25.712-125.844 68.44-32.714 42.726-53.282 102.36-53.282 168.405s20.568 125.648 53.28 168.375c32.713 42.727 77.098 68.438 125.845 68.438 48.746 0 93.13-25.71 125.843-68.438 32.713-42.727 53.28-102.33 53.28-168.375.002-66.045-20.567-125.68-53.28-168.406-32.712-42.728-77.097-68.44-125.844-68.44zm-54.97 148.657c14.85-.292 29.283 8.698 33.845 28.188 9.805 41.902-43.157 82.06-43.157 107.656-11.71-20.28-81.58-31.536-91-71.686-9.28-39.562 34.006-62.027 62.907-33.125 5.326-19.873 21.6-30.72 37.407-31.032zm106.532 0c16.245-.337 33.326 10.558 38.813 31.032 28.9-28.903 72.218-6.438 62.937 33.124-9.42 40.15-79.288 51.405-91 71.687 0-25.595-52.993-65.753-43.188-107.655 4.415-18.862 18.104-27.89 32.438-28.188zM258.03 350.595c34.49 0 68.985 7.503 99.283 22.53l6.468 3.22-1.467 7.062s-3.773 17.89-18.813 35.094-41.975 34.063-85.47 34.063c-43.492 0-70.427-16.86-85.467-34.063-15.04-17.204-18.813-35.094-18.813-35.094l-1.47-7.062 6.47-3.22c2.803-1.39 5.66-2.675 8.53-3.937v-.375h.814c27.954-12.135 58.942-18.218 89.937-18.218zm-72.56 54.25c.38.46.75.912 1.155 1.375 11.94 13.657 32.584 27.655 71.406 27.655 38.823 0 59.466-13.998 71.408-27.656.404-.464.773-.917 1.156-1.376H185.47z"
      />
    </svg>
  );
}

With react-icons

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

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

smitten.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="M256.563 20.53c-48.747 0-93.132 25.712-125.844 68.44-32.714 42.726-53.282 102.36-53.282 168.405s20.568 125.648 53.28 168.375c32.713 42.727 77.098 68.438 125.845 68.438 48.746 0 93.13-25.71 125.843-68.438 32.713-42.727 53.28-102.33 53.28-168.375.002-66.045-20.567-125.68-53.28-168.406-32.712-42.728-77.097-68.44-125.844-68.44zm-54.97 148.657c14.85-.292 29.283 8.698 33.845 28.188 9.805 41.902-43.157 82.06-43.157 107.656-11.71-20.28-81.58-31.536-91-71.686-9.28-39.562 34.006-62.027 62.907-33.125 5.326-19.873 21.6-30.72 37.407-31.032zm106.532 0c16.245-.337 33.326 10.558 38.813 31.032 28.9-28.903 72.218-6.438 62.937 33.124-9.42 40.15-79.288 51.405-91 71.687 0-25.595-52.993-65.753-43.188-107.655 4.415-18.862 18.104-27.89 32.438-28.188zM258.03 350.595c34.49 0 68.985 7.503 99.283 22.53l6.468 3.22-1.467 7.062s-3.773 17.89-18.813 35.094-41.975 34.063-85.47 34.063c-43.492 0-70.427-16.86-85.467-34.063-15.04-17.204-18.813-35.094-18.813-35.094l-1.47-7.062 6.47-3.22c2.803-1.39 5.66-2.675 8.53-3.937v-.375h.814c27.954-12.135 58.942-18.218 89.937-18.218zm-72.56 54.25c.38.46.75.912 1.155 1.375 11.94 13.657 32.584 27.655 71.406 27.655 38.823 0 59.466-13.998 71.408-27.656.404-.464.773-.917 1.156-1.376H185.47z"
  />
</svg>

Attribution

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

Similar Game Icons icons