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

Game Icons · GiMinerals

Minerals icon

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

components/icons/game-icons-minerals.tsx

import * as React from "react";

/**
 * Minerals from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/minerals. Sized in em, colored by currentColor.
 */
export function GiMineralsIcon(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="M263.396 491.136l-21.303-131.13-13.116 127.847-44.258-24.593 49.024-168.947 41.122 67.33 19.665 91.792-31.134 37.7zm-153.69-3.88l-7.82-27.853-27.776-9.022 27.838-7.826 9.02-27.784 7.83 27.845 27.783 9.03-27.844 7.82-9.03 27.79zm60.94-55.476l-28.97-2.242-64.16-105.39-4.148-82.91 78.463 30.34 51.1 67.966-16.398 62.952-63.105-83.046 47.22 112.33zm145.663-28.756l-17.02-2.127-8.508-43.624-14.28-26.774 91.794-91.793 31.15 9.825-13.115 73.764-70.02 80.728zm18.348-41.894l27.27-32.52 9.98-40.923-25.183 32.52-12.067 40.923zM209.74 322.725l-38.527-51.62 22.13-109.025 77.046-95.052 63.105 85.227-6.55 105.735-59.012 60.64-37.7-57.373-20.493 61.468zm47.32-47.25l27.18-94.6 24.738-22.858-28.03 3.85-11.132-43.28-6.558 43.28-45.345 5.516 45.108 16.17-5.96 91.92zm-97.248-19.727l-27.876-44.267 9.84-93.413 31.143 62.286-13.108 75.395zm232.258-22.46l-9.87-35.175-35.077-11.393 35.153-9.887 11.393-35.076 9.886 35.16 35.076 11.402-35.153 9.87-11.41 35.1zm-213.9-97.943l-12.344-43.99-43.876-14.25 43.976-12.365 14.247-43.876L192.54 64.84l43.867 14.263-43.968 12.35-14.27 43.892z"
      />
    </svg>
  );
}

With react-icons

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

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

minerals.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="M263.396 491.136l-21.303-131.13-13.116 127.847-44.258-24.593 49.024-168.947 41.122 67.33 19.665 91.792-31.134 37.7zm-153.69-3.88l-7.82-27.853-27.776-9.022 27.838-7.826 9.02-27.784 7.83 27.845 27.783 9.03-27.844 7.82-9.03 27.79zm60.94-55.476l-28.97-2.242-64.16-105.39-4.148-82.91 78.463 30.34 51.1 67.966-16.398 62.952-63.105-83.046 47.22 112.33zm145.663-28.756l-17.02-2.127-8.508-43.624-14.28-26.774 91.794-91.793 31.15 9.825-13.115 73.764-70.02 80.728zm18.348-41.894l27.27-32.52 9.98-40.923-25.183 32.52-12.067 40.923zM209.74 322.725l-38.527-51.62 22.13-109.025 77.046-95.052 63.105 85.227-6.55 105.735-59.012 60.64-37.7-57.373-20.493 61.468zm47.32-47.25l27.18-94.6 24.738-22.858-28.03 3.85-11.132-43.28-6.558 43.28-45.345 5.516 45.108 16.17-5.96 91.92zm-97.248-19.727l-27.876-44.267 9.84-93.413 31.143 62.286-13.108 75.395zm232.258-22.46l-9.87-35.175-35.077-11.393 35.153-9.887 11.393-35.076 9.886 35.16 35.076 11.402-35.153 9.87-11.41 35.1zm-213.9-97.943l-12.344-43.99-43.876-14.25 43.976-12.365 14.247-43.876L192.54 64.84l43.867 14.263-43.968 12.35-14.27 43.892z"
  />
</svg>

Attribution

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

Similar Game Icons icons