Иконка Hexes

game-icons:hexes

Иконка Hexes (game-icons:hexes) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512
Теги: hex

Скачать SVG

Код SVG

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

Как использовать иконку Hexes

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:hexes" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:hexes" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:hexes" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--hexes]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:hexes"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:hexes"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/game-icons/hexes.svg" alt="Иконка Hexes" width="24" height="24">

Вопросы и ответы: Иконка Hexes

Можно ли бесплатно использовать иконку Hexes в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Hexes в React?

Установите @iconify/react и выведите <Icon icon="game-icons:hexes" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hexes на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/hexes.svg" alt="Иконка Hexes">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →