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

Game Icons · GiHexes

Hexes icon

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

components/icons/game-icons-hexes.tsx

import * as React from "react";

/**
 * Hexes from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/hexes. Sized in em, colored by currentColor.
 */
export function GiHexesIcon(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="M18 18v61.193l25.22-7.142L56.886 18zm56.643 0L59.91 76.28l53.06 51.58 71.16-20.15L202.27 36l-18.5-18zm133.845 0l5.782 5.62L234.123 18zm104.27 0l42.453 41.27 71.158-20.15L431.715 18zm136.701 0l-6.43 25.33L494 92.842V18zm-159.328 2l-71.16 20.18-18.16 71.74 53 51.57 71.25-20.16 18.138-71.71zm140.988 35.69l-71.228 20.15-18.131 71.71 53.05 51.58L465.98 179l18.14-71.74zM47.891 88.62L18 97.083v133.191l64.81-18.355 18.13-71.71zm140.99 35.65l-71.192 20.16-18.18 71.71 53.061 51.58 71.17-20.14 18.14-71.74zM494 138.408L482.68 183.2 494 194.203zM329.74 159.9L258.57 180l-18.14 71.74 53 51.57 71.19-20.16 18.19-71.67zm140.93 35.65l-71.19 20.15-18.13 71.71L434.41 339 494 322.125V218.227zM87.49 228.49L18 248.168v91.406l33.23 32.276 71.18-20.07 18.13-71.71zm140.95 35.65l-71.19 20.16-18.14 71.7 53.06 51.58 71.16-20.15 18.14-71.74zm140.9 35.62l-71.16 20.15-18.14 71.74 53 51.57 71.19-20.16 18.14-71.71zM494 340.018l-54.92 15.543-18.13 71.709 53.06 51.58 19.99-5.657zm-476 23.63v93.233l3.09-.881 18.14-71.71zm109.07 4.702L55.93 388.5l-18.12 71.74L72.515 494h81.154l8.332-2.36 18.13-71.71zM268.03 404l-71.22 20.15L179.185 494H311.36l9.72-38.44zm140.91 35.62l-71.13 20.15-8.677 34.23h132.162l.705-2.79zM25.81 472.59L18 474.8V494h29.824zM494 487.73l-15.92 4.5-.447 1.77H494z"
      />
    </svg>
  );
}

With react-icons

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

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

hexes.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="M18 18v61.193l25.22-7.142L56.886 18zm56.643 0L59.91 76.28l53.06 51.58 71.16-20.15L202.27 36l-18.5-18zm133.845 0l5.782 5.62L234.123 18zm104.27 0l42.453 41.27 71.158-20.15L431.715 18zm136.701 0l-6.43 25.33L494 92.842V18zm-159.328 2l-71.16 20.18-18.16 71.74 53 51.57 71.25-20.16 18.138-71.71zm140.988 35.69l-71.228 20.15-18.131 71.71 53.05 51.58L465.98 179l18.14-71.74zM47.891 88.62L18 97.083v133.191l64.81-18.355 18.13-71.71zm140.99 35.65l-71.192 20.16-18.18 71.71 53.061 51.58 71.17-20.14 18.14-71.74zM494 138.408L482.68 183.2 494 194.203zM329.74 159.9L258.57 180l-18.14 71.74 53 51.57 71.19-20.16 18.19-71.67zm140.93 35.65l-71.19 20.15-18.13 71.71L434.41 339 494 322.125V218.227zM87.49 228.49L18 248.168v91.406l33.23 32.276 71.18-20.07 18.13-71.71zm140.95 35.65l-71.19 20.16-18.14 71.7 53.06 51.58 71.16-20.15 18.14-71.74zm140.9 35.62l-71.16 20.15-18.14 71.74 53 51.57 71.19-20.16 18.14-71.71zM494 340.018l-54.92 15.543-18.13 71.709 53.06 51.58 19.99-5.657zm-476 23.63v93.233l3.09-.881 18.14-71.71zm109.07 4.702L55.93 388.5l-18.12 71.74L72.515 494h81.154l8.332-2.36 18.13-71.71zM268.03 404l-71.22 20.15L179.185 494H311.36l9.72-38.44zm140.91 35.62l-71.13 20.15-8.677 34.23h132.162l.705-2.79zM25.81 472.59L18 474.8V494h29.824zM494 487.73l-15.92 4.5-.447 1.77H494z"
  />
</svg>

Attribution

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

Similar Game Icons icons