أيقونة Attack Gauge

game-icons:attack-gauge

أيقونة Attack Gauge (game-icons:attack-gauge) أيقونة 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
الوسوم: attackgauge

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M105 73v174h46V73zm-73 48c-1.75 0-2.906.439-4.574 1.898c-1.668 1.46-3.578 4.104-5.201 7.756C18.978 137.96 17 149 17 160s1.978 22.041 5.225 29.346c1.623 3.652 3.533 6.296 5.2 7.756C29.095 198.562 30.25 199 32 199h55v-78zm137 0v30h180l40-30zm247.95 1.537L367 160l49.95 37.463L491.872 160l-74.924-37.463zM169 169v30h220l-40-30zM23 311v146h466V311zm361 18h87v110h-87z"/></svg>

كيفية استخدام أيقونة Attack Gauge

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="game-icons:attack-gauge"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/attack-gauge.svg" alt="أيقونة Attack Gauge" width="24" height="24">

الأسئلة الشائعة حول أيقونة Attack Gauge

هل أيقونة Attack Gauge مجانية للاستخدام التجاري؟

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Attack Gauge في React؟

ثبّت @iconify/react واعرض <Icon icon="game-icons:attack-gauge" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Attack Gauge إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/game-icons/attack-gauge.svg" alt="أيقونة Attack Gauge">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Game Icons →