Nested Hexagons icon
game-icons:nested-hexagons
The Nested Hexagons icon (game-icons:nested-hexagons) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- nestedhexagons, hexagon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m256 21.52l-4.5 2.597L52.934 138.76v234.48L256 490.48l203.066-117.24V138.76zm0 20.783l185.066 106.85v213.695L256 469.698L70.934 362.847V149.152L256 42.302zm0 30.93l-4.5 2.597l-153.78 88.785v182.77L256 438.768l158.28-91.383v-182.77L256 73.232zm0 20.783l140.28 80.992v161.984L256 417.984l-140.28-80.992V175.008zm0 30.93l-4.5 2.597l-108.998 62.93v131.054L256 387.055l113.498-65.528V190.473L256 124.945zm0 20.783l95.498 55.135v110.27L256 366.27l-95.498-55.135v-110.27zm0 30.928l-4.5 2.598l-64.213 37.072v79.344L256 335.342l68.713-39.67v-79.344zm0 20.783l50.713 29.28v58.56L256 314.56l-50.713-29.28v-58.56zm0 30.93l-4.5 2.6l-19.428 11.216v27.628L256 283.63l23.928-13.816v-27.628z"/></svg>How to use the Nested Hexagons icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:nested-hexagons" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:nested-hexagons" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:nested-hexagons" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--nested-hexagons]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:nested-hexagons"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:nested-hexagons"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/nested-hexagons.svg" alt="Nested Hexagons icon" width="24" height="24">Related icons in Game Icons
Nested Hexagons icon FAQ
Is the Nested Hexagons icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Nested Hexagons icon in React?
Install @iconify/react and render <Icon icon="game-icons:nested-hexagons" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nested Hexagons icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/nested-hexagons.svg" alt="Nested Hexagons icon">, or paste the SVG code inline to style it with CSS.