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

أيقونة Abstract 050

game-icons:abstract-050

أيقونة Abstract 050 (game-icons:abstract-050) أيقونة 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
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M21 21v135.125h135.125V21zm167.438 0v135.125h135.125V21zm167.437 0v135.125H491V21zM21 188.438v135.125h135.125V188.438zm167.438 0v135.125h135.125V188.438zm167.437 0v135.125H491V188.438zM21 355.875V491h135.125V355.875zm167.438 0V491h135.125V355.875zm167.437 0V491H491V355.875z"/></svg>

كيفية استخدام أيقونة Abstract 050

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="game-icons:abstract-050"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Game Icons

الأسئلة الشائعة حول أيقونة Abstract 050

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

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

كيف أستخدم أيقونة Abstract 050 في React؟

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

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

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

تصفح كل Game Icons →