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

Game Icons · GiCrags

Crags icon

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

components/icons/game-icons-crags.tsx

import * as React from "react";

/**
 * Crags from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/crags. Sized in em, colored by currentColor.
 */
export function GiCragsIcon(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.375 17.47c-132.537 0-240.188 107.618-240.188 240.155s107.65 240.188 240.188 240.188c132.537 0 240.188-107.65 240.188-240.188 0-132.537-107.65-240.156-240.188-240.156zm0 18.686c60.246 0 114.816 23.992 154.72 62.938l-61.626 29.875-21 263.217-.5 6.313-6.033 1.875-96.312 30.063-12.063 44.53c-6.15-1.202-12.23-2.644-18.187-4.343l13.563-50 1.343-4.97 4.876-1.53 21.344-6.656 30.594-247.19.937-7.593 7.595-.593L329.22 148l2.06-25.875.44-5.344 4.81-2.31 10.22-4.94-58.938-21.905-69.437 41-20.78 138.094-.97 6.592-6.563 1.22-10.875 2.03-28.593 175.782c-5.914-3.216-11.647-6.714-17.22-10.438L153.5 318.25l-81.875 5.125L58.845 358c-15.325-30.126-23.97-64.225-23.97-100.375 0-122.436 99.064-221.47 221.5-221.47zm71.344 130.688l-43.033 3.28-28.562 231.22 54.22-16.938 17.374-217.562zm133.342 5.97c2.374 5.73 4.512 11.568 6.407 17.53l-49.408 19.78-30.125 225.75c-5.78 4.273-11.776 8.266-17.968 11.97l-2.44-.313 32.72-245.31.72-5.407 5.06-2.032 55.033-21.968zm-277.75 63.405l-61.343 1.124-14.69 65.062 49.282-3.094 5.25-32.25 1.032-6.5 6.47-1.187 10.81-2 3.19-21.156z"
      />
    </svg>
  );
}

With react-icons

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

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

crags.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.375 17.47c-132.537 0-240.188 107.618-240.188 240.155s107.65 240.188 240.188 240.188c132.537 0 240.188-107.65 240.188-240.188 0-132.537-107.65-240.156-240.188-240.156zm0 18.686c60.246 0 114.816 23.992 154.72 62.938l-61.626 29.875-21 263.217-.5 6.313-6.033 1.875-96.312 30.063-12.063 44.53c-6.15-1.202-12.23-2.644-18.187-4.343l13.563-50 1.343-4.97 4.876-1.53 21.344-6.656 30.594-247.19.937-7.593 7.595-.593L329.22 148l2.06-25.875.44-5.344 4.81-2.31 10.22-4.94-58.938-21.905-69.437 41-20.78 138.094-.97 6.592-6.563 1.22-10.875 2.03-28.593 175.782c-5.914-3.216-11.647-6.714-17.22-10.438L153.5 318.25l-81.875 5.125L58.845 358c-15.325-30.126-23.97-64.225-23.97-100.375 0-122.436 99.064-221.47 221.5-221.47zm71.344 130.688l-43.033 3.28-28.562 231.22 54.22-16.938 17.374-217.562zm133.342 5.97c2.374 5.73 4.512 11.568 6.407 17.53l-49.408 19.78-30.125 225.75c-5.78 4.273-11.776 8.266-17.968 11.97l-2.44-.313 32.72-245.31.72-5.407 5.06-2.032 55.033-21.968zm-277.75 63.405l-61.343 1.124-14.69 65.062 49.282-3.094 5.25-32.25 1.032-6.5 6.47-1.187 10.81-2 3.19-21.156z"
  />
</svg>

Attribution

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

Similar Game Icons icons