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

Game Icons · GiFalconMoon

Falcon Moon icon

A free falcon moon 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.

Also known asnight icon dark icon dark mode icon sleep icon

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/falcon-moon.json

components/icons/game-icons-falcon-moon.tsx

import * as React from "react";

/**
 * Falcon Moon from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/falcon-moon. Sized in em, colored by currentColor.
 */
export function GiFalconMoonIcon(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="M245.26 35.38a240 240 0 0 0-105.744 24.713A320 320 0 0 1 445.26 379.38a320 320 0 0 1-1.547 30.906A240 240 0 0 0 485.26 275.38a240 240 0 0 0-240-240zM129.277 140.017c-14.264-.07-34.752 4.185-54.246 11.367-18.38 6.772-36.08 15.964-48.29 24.045a456.28 456.28 0 0 1 30.795 12.674c12.88-4.53 26.8-7.557 41.256-9.81-8.62 5.73-17.867 10.836-25.874 17.182a421.206 421.206 0 0 1 21.53 11.658c11.68-6.89 24.65-12.53 38.284-17.526-8.468 8.432-17.93 16.2-24.976 25.58 23.664 14.888 47.283 32.917 71.924 55.196-19.853 24.114-34.97 49.79-62.63 83.342-12.216 14.818-35.192 22.92-56.864 31.802-10.836 4.442-21.304 8.76-29.418 12.965-.422.218-.75.44-1.157.658 2.923.585 5.162.886 8.376 1.654 15.46 3.69 33.263 8.75 44.54 20.03 11.28 11.278 16.338 29.08 20.03 44.538.764 3.205 1.065 5.437 1.647 8.354.214-.397.428-.716.64-1.125 4.21-8.12 8.54-18.597 12.99-29.44 8.904-21.69 17.01-44.663 31.804-56.85 33.62-27.697 59.25-42.79 83.34-62.627 22.277 24.64 40.306 48.258 55.193 71.92 9.38-7.043 17.15-16.507 25.58-24.975-4.997 13.635-10.636 26.606-17.525 38.283a421.156 421.156 0 0 1 11.658 21.534c6.346-8.006 11.452-17.252 17.18-25.875-2.25 14.454-5.277 28.374-9.807 41.25a456.25 456.25 0 0 1 12.676 30.8c8.08-12.21 17.27-29.91 24.043-48.293 9.575-25.99 13.945-53.75 9.806-66.168-4.327-12.987-22.966-32.91-46.425-50.85-13.265-10.145-27.97-19.92-42.24-28.497 22.97-27.682 47.46-61.673 47.46-61.673l.15-.21.162-.202a54.577 54.577 0 0 0 2.974-4.06c11.392-3.6 15.795 2.058 26.286 13.382-.222-24.04-10.287-37.62-23.93-45.166a26.21 26.21 0 0 0-3.462-4.278c-4.285-4.285-10.097-7.222-16.945-7.386-6.85-.164-14.738 2.444-23.18 9.252l-.2.162-.21.15s-33.993 24.492-61.675 47.46c-8.577-14.268-18.35-28.973-28.494-42.24-17.938-23.458-37.865-42.098-50.85-46.427-3.105-1.035-7.168-1.538-11.923-1.56z"
      />
    </svg>
  );
}

With react-icons

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

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

falcon-moon.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="M245.26 35.38a240 240 0 0 0-105.744 24.713A320 320 0 0 1 445.26 379.38a320 320 0 0 1-1.547 30.906A240 240 0 0 0 485.26 275.38a240 240 0 0 0-240-240zM129.277 140.017c-14.264-.07-34.752 4.185-54.246 11.367-18.38 6.772-36.08 15.964-48.29 24.045a456.28 456.28 0 0 1 30.795 12.674c12.88-4.53 26.8-7.557 41.256-9.81-8.62 5.73-17.867 10.836-25.874 17.182a421.206 421.206 0 0 1 21.53 11.658c11.68-6.89 24.65-12.53 38.284-17.526-8.468 8.432-17.93 16.2-24.976 25.58 23.664 14.888 47.283 32.917 71.924 55.196-19.853 24.114-34.97 49.79-62.63 83.342-12.216 14.818-35.192 22.92-56.864 31.802-10.836 4.442-21.304 8.76-29.418 12.965-.422.218-.75.44-1.157.658 2.923.585 5.162.886 8.376 1.654 15.46 3.69 33.263 8.75 44.54 20.03 11.28 11.278 16.338 29.08 20.03 44.538.764 3.205 1.065 5.437 1.647 8.354.214-.397.428-.716.64-1.125 4.21-8.12 8.54-18.597 12.99-29.44 8.904-21.69 17.01-44.663 31.804-56.85 33.62-27.697 59.25-42.79 83.34-62.627 22.277 24.64 40.306 48.258 55.193 71.92 9.38-7.043 17.15-16.507 25.58-24.975-4.997 13.635-10.636 26.606-17.525 38.283a421.156 421.156 0 0 1 11.658 21.534c6.346-8.006 11.452-17.252 17.18-25.875-2.25 14.454-5.277 28.374-9.807 41.25a456.25 456.25 0 0 1 12.676 30.8c8.08-12.21 17.27-29.91 24.043-48.293 9.575-25.99 13.945-53.75 9.806-66.168-4.327-12.987-22.966-32.91-46.425-50.85-13.265-10.145-27.97-19.92-42.24-28.497 22.97-27.682 47.46-61.673 47.46-61.673l.15-.21.162-.202a54.577 54.577 0 0 0 2.974-4.06c11.392-3.6 15.795 2.058 26.286 13.382-.222-24.04-10.287-37.62-23.93-45.166a26.21 26.21 0 0 0-3.462-4.278c-4.285-4.285-10.097-7.222-16.945-7.386-6.85-.164-14.738 2.444-23.18 9.252l-.2.162-.21.15s-33.993 24.492-61.675 47.46c-8.577-14.268-18.35-28.973-28.494-42.24-17.938-23.458-37.865-42.098-50.85-46.427-3.105-1.035-7.168-1.538-11.923-1.56z"
  />
</svg>

Attribution

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

Related icons: night, dark, dark mode, sleep

Similar Game Icons icons