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

Game Icons · GiCaldera

Caldera icon

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

components/icons/game-icons-caldera.tsx

import * as React from "react";

/**
 * Caldera from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/caldera. Sized in em, colored by currentColor.
 */
export function GiCalderaIcon(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="M322.906 60.906l-7.72 1.47-63.592 12.093-3.22.624-2.124 2.47c-7.074 8.218-17.59 13.896-28.97 14.655-11.38.758-23.822-3.012-36.093-15.19l-5.718-5.655-6.47 4.78-55.5 41.407-2.53 1.876-.876 3C98.38 162.385 64.634 244.3 17.97 312.688v32.03C73.347 271.667 112.546 178.6 127.03 130.75l47.032-35.03c14.115 11.464 29.877 16.128 44.47 15.155 15.478-1.033 29.394-8.116 39.5-18.594l52.937-10.093 11.374 30.032 1.812 4.78 5 1.03c25.286 5.29 57.767 17.538 83.47 41.564 7.697 82.853 28.944 142.817 80.624 194.28v-27.312c-39.61-45.515-55.92-97.534-62.438-172.375l-.28-3.437-2.5-2.438c-27.842-27.25-62.216-40.858-89.97-47.343l-12.375-32.72-2.78-7.344zm-59.562 70.156c-38.16 0-72.7 6.43-96.844 16.282-12.072 4.926-21.48 10.752-27.438 16.5-3.952 3.813-6.323 7.357-7.468 10.75-.042.123-.087.252-.125.375-12.766 37.944-29.76 75.897-49.126 113.843 24.3-23.393 44.42-49.902 56.75-77.813l-13.656 59.375-44.626 122-1.718 4.688 2.937 4.03 26.126 36.063-25.25 57.813h20.406l24.094-55.25 2.156-4.908-3.125-4.312-26.374-36.375 7.687-20.97 70.72-156.905c22.04 7.065 50.196 11.578 80.905 11.938l9.03 114.75 28.564 125.968-5.126-131.687 14.72-73.876 26.498 37.812-1.03-80.437c10.397-2.448 19.878-5.417 28.124-8.782 5.128-2.093 9.762-4.352 13.875-6.688 7.416 37.274 29.225 72.748 60.064 108.25-17.907-42.653-36.687-88.07-38.656-130.063.32-1.282.468-2.536.468-3.78 0-4.904-2.323-10.065-8.28-15.813-5.96-5.748-15.398-11.574-27.47-16.5-24.143-9.853-58.652-16.28-96.812-16.28z"
      />
    </svg>
  );
}

With react-icons

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

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

caldera.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="M322.906 60.906l-7.72 1.47-63.592 12.093-3.22.624-2.124 2.47c-7.074 8.218-17.59 13.896-28.97 14.655-11.38.758-23.822-3.012-36.093-15.19l-5.718-5.655-6.47 4.78-55.5 41.407-2.53 1.876-.876 3C98.38 162.385 64.634 244.3 17.97 312.688v32.03C73.347 271.667 112.546 178.6 127.03 130.75l47.032-35.03c14.115 11.464 29.877 16.128 44.47 15.155 15.478-1.033 29.394-8.116 39.5-18.594l52.937-10.093 11.374 30.032 1.812 4.78 5 1.03c25.286 5.29 57.767 17.538 83.47 41.564 7.697 82.853 28.944 142.817 80.624 194.28v-27.312c-39.61-45.515-55.92-97.534-62.438-172.375l-.28-3.437-2.5-2.438c-27.842-27.25-62.216-40.858-89.97-47.343l-12.375-32.72-2.78-7.344zm-59.562 70.156c-38.16 0-72.7 6.43-96.844 16.282-12.072 4.926-21.48 10.752-27.438 16.5-3.952 3.813-6.323 7.357-7.468 10.75-.042.123-.087.252-.125.375-12.766 37.944-29.76 75.897-49.126 113.843 24.3-23.393 44.42-49.902 56.75-77.813l-13.656 59.375-44.626 122-1.718 4.688 2.937 4.03 26.126 36.063-25.25 57.813h20.406l24.094-55.25 2.156-4.908-3.125-4.312-26.374-36.375 7.687-20.97 70.72-156.905c22.04 7.065 50.196 11.578 80.905 11.938l9.03 114.75 28.564 125.968-5.126-131.687 14.72-73.876 26.498 37.812-1.03-80.437c10.397-2.448 19.878-5.417 28.124-8.782 5.128-2.093 9.762-4.352 13.875-6.688 7.416 37.274 29.225 72.748 60.064 108.25-17.907-42.653-36.687-88.07-38.656-130.063.32-1.282.468-2.536.468-3.78 0-4.904-2.323-10.065-8.28-15.813-5.96-5.748-15.398-11.574-27.47-16.5-24.143-9.853-58.652-16.28-96.812-16.28z"
  />
</svg>

Attribution

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

Similar Game Icons icons