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

Game Icons · GiDelighted

Delighted icon

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

components/icons/game-icons-delighted.tsx

import * as React from "react";

/**
 * Delighted from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/delighted. Sized in em, colored by currentColor.
 */
export function GiDelightedIcon(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="M156.758 79.496l-21.91 58.547-58.444 21.87 58.512 21.898 21.842 58.364 21.846-58.375 58.478-21.886-58.408-21.857-21.916-58.56zm200.078 0l-21.91 58.547-58.444 21.87 58.512 21.9 21.842 58.36 21.848-58.374 58.476-21.886-58.408-21.857-21.916-58.56zM18.31 146.64C29.355 228.693 56.92 300.99 94.772 354.77l28.454-18.157-9.784 41.906c11.358 13.222 22.843 24.945 35.567 34.92l29.338-32.825 5.336 55.175c14.397 7.164 29.938 11.868 45.34 14.666l27.564-42.602 27.564 42.605c15.327-2.782 30.14-8.25 44.457-15.365l6.224-57.272 31.12 33.526c11.965-9.67 23.065-20.945 33.788-33.526l-8.892-41.205 27.564 17.46c37.164-53.263 64.38-124.482 75.574-205.336-15.07 38.645-40.1 72.62-72.017 99.176l5.335 44.002-40.008-20.256c-9.04 5.286-17.826 10.484-27.565 14.668l-5.334 48.89-40.01-34.224c-10.922 2.44-22.366 3.86-33.786 4.89l-24.008 39.81-23.117-39.112c-12.508-1.095-24.546-3.516-36.454-6.285l-38.232 32.824-5.335-46.793c-10.032-4.307-19.162-9.194-28.45-14.668l-39.122 20.256 6.224-43.305c-32.864-27.114-58.722-62.13-73.798-101.966z"
      />
    </svg>
  );
}

With react-icons

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

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

delighted.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="M156.758 79.496l-21.91 58.547-58.444 21.87 58.512 21.898 21.842 58.364 21.846-58.375 58.478-21.886-58.408-21.857-21.916-58.56zm200.078 0l-21.91 58.547-58.444 21.87 58.512 21.9 21.842 58.36 21.848-58.374 58.476-21.886-58.408-21.857-21.916-58.56zM18.31 146.64C29.355 228.693 56.92 300.99 94.772 354.77l28.454-18.157-9.784 41.906c11.358 13.222 22.843 24.945 35.567 34.92l29.338-32.825 5.336 55.175c14.397 7.164 29.938 11.868 45.34 14.666l27.564-42.602 27.564 42.605c15.327-2.782 30.14-8.25 44.457-15.365l6.224-57.272 31.12 33.526c11.965-9.67 23.065-20.945 33.788-33.526l-8.892-41.205 27.564 17.46c37.164-53.263 64.38-124.482 75.574-205.336-15.07 38.645-40.1 72.62-72.017 99.176l5.335 44.002-40.008-20.256c-9.04 5.286-17.826 10.484-27.565 14.668l-5.334 48.89-40.01-34.224c-10.922 2.44-22.366 3.86-33.786 4.89l-24.008 39.81-23.117-39.112c-12.508-1.095-24.546-3.516-36.454-6.285l-38.232 32.824-5.335-46.793c-10.032-4.307-19.162-9.194-28.45-14.668l-39.122 20.256 6.224-43.305c-32.864-27.114-58.722-62.13-73.798-101.966z"
  />
</svg>

Attribution

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

Similar Game Icons icons