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

Game Icons · GiHeavenGate

Heaven Gate icon

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

components/icons/game-icons-heaven-gate.tsx

import * as React from "react";

/**
 * Heaven Gate from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/heaven-gate. Sized in em, colored by currentColor.
 */
export function GiHeavenGateIcon(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 59.8l-101.8 84.8 11.6 13.8L247 90.7v40.6l-92.8 77.3 11.6 13.8 81.2-67.7v40.6l-92.8 77.3 11.6 13.8 81.2-67.7v60.8h18v-60.8l81.2 67.7 11.6-13.8-92.8-77.3v-40.6l81.2 67.7 11.6-13.8-92.8-77.3V90.7l81.2 67.7 11.6-13.8zM69.73 64.5l14 14h56.57l14-14zm287.97 0l14 14h56.6l14-14zM89 96.5v222h46v-222zm288 0v222h46v-222zM71 277c-25.36 1-43.85 17.5-43.85 35.6 0 10.9 6.44 21.5 18.69 28.6l6.73 3.9-2.85 7.2c-.49 1.2-.69 2.4-.69 3.5 0 3.1 1.7 6.9 6.83 11l12.41 9.9-14.91 5.5c-11.02 4.1-19.3 9-24.36 13.6-5.06 4.6-6.69 8.5-6.69 11.8 0 3.3 1.6 7 6.26 11.4s12.21 9 21.95 12.8c19.47 7.8 47.49 12.9 78.48 12.9 32.8 0 63.9-6 84-15.4l6.4-3 4.5 5.6c8.9 11.3 29.9 20.3 53.4 20.3s44.6-9 53.5-20.3l4.5-5.6 6.5 3.1c12.9 6.1 28.6 9.6 44.8 9.6 21.9 0 41.5-6.1 55.1-15.4 13.7-9.3 21-21.1 21-33.5 0-3.5-.6-7-1.8-10.5l-2.3-6.6 5.8-3.9c11.6-7.7 17.4-18 17.4-28.2 0-10-5.2-19.2-14.9-26.5-6.8-5.1-15.8-9-25.9-11v33.1h-82v-35c-7.1-3.6-16-5.9-25.6-5.9-18.1 0-33.9 8.2-39.9 18l-4.1 6.9-7.3-3.3c-10.2-4.6-21.8-7-33.6-7-14.6 0-28.8 3.9-40.5 10.8l-5.2 3-4.8-3.6c-11.2-8.3-27.4-13.8-45-15v31.1H71z"
      />
    </svg>
  );
}

With react-icons

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

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

heaven-gate.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 59.8l-101.8 84.8 11.6 13.8L247 90.7v40.6l-92.8 77.3 11.6 13.8 81.2-67.7v40.6l-92.8 77.3 11.6 13.8 81.2-67.7v60.8h18v-60.8l81.2 67.7 11.6-13.8-92.8-77.3v-40.6l81.2 67.7 11.6-13.8-92.8-77.3V90.7l81.2 67.7 11.6-13.8zM69.73 64.5l14 14h56.57l14-14zm287.97 0l14 14h56.6l14-14zM89 96.5v222h46v-222zm288 0v222h46v-222zM71 277c-25.36 1-43.85 17.5-43.85 35.6 0 10.9 6.44 21.5 18.69 28.6l6.73 3.9-2.85 7.2c-.49 1.2-.69 2.4-.69 3.5 0 3.1 1.7 6.9 6.83 11l12.41 9.9-14.91 5.5c-11.02 4.1-19.3 9-24.36 13.6-5.06 4.6-6.69 8.5-6.69 11.8 0 3.3 1.6 7 6.26 11.4s12.21 9 21.95 12.8c19.47 7.8 47.49 12.9 78.48 12.9 32.8 0 63.9-6 84-15.4l6.4-3 4.5 5.6c8.9 11.3 29.9 20.3 53.4 20.3s44.6-9 53.5-20.3l4.5-5.6 6.5 3.1c12.9 6.1 28.6 9.6 44.8 9.6 21.9 0 41.5-6.1 55.1-15.4 13.7-9.3 21-21.1 21-33.5 0-3.5-.6-7-1.8-10.5l-2.3-6.6 5.8-3.9c11.6-7.7 17.4-18 17.4-28.2 0-10-5.2-19.2-14.9-26.5-6.8-5.1-15.8-9-25.9-11v33.1h-82v-35c-7.1-3.6-16-5.9-25.6-5.9-18.1 0-33.9 8.2-39.9 18l-4.1 6.9-7.3-3.3c-10.2-4.6-21.8-7-33.6-7-14.6 0-28.8 3.9-40.5 10.8l-5.2 3-4.8-3.6c-11.2-8.3-27.4-13.8-45-15v31.1H71z"
  />
</svg>

Attribution

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

Related icons:

Similar Game Icons icons