أيقونة Gamepad Outline

mdi:gamepad-outline

أيقونة Gamepad Outline (mdi:gamepad-outline) أيقونة SVG مجانية من مجموعة Material Design Icons من تصميم Pictogrammers. مرسومة على شبكة 24 × 24. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Design Icons
المؤلف: Pictogrammers
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: أتمتة المنزل، الألعاب وألعاب تقمص الأدوار
الوسوم: controller outline، games outline، gaming، rpg، home automation، gamepadoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 9H2v6h5.5l3-3zM6 13H4v-2h2zm9-5.5V2H9v5.5l3 3zM11 4h2v2h-2zM9 16.5V22h6v-5.5l-3-3zm4 3.5h-2v-2h2zm3.5-11l-3 3l3 3H22V9zm3.5 4h-2v-2h2z"/></svg>

كيفية استخدام أيقونة Gamepad Outline

React

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

<Icon icon="mdi:gamepad-outline" width="24" />

Vue

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

<template>
  <Icon icon="mdi:gamepad-outline" width="24" />
</template>

Svelte

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

<Icon icon="mdi:gamepad-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--gamepad-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:gamepad-outline"></div>

مكوّن ويب

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

<iconify-icon icon="mdi:gamepad-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mdi/gamepad-outline.svg" alt="أيقونة Gamepad Outline" width="24" height="24">

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

أيقونة Gamepad Outline في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Gamepad Outline

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

نعم. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Gamepad Outline في React؟

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

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

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

تصفح كل Material Design Icons →