ICONYZ
العربية
أيقونة Hexes من Game Icons

أيقونة 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 →