أيقونة Soccer Field

game-icons:soccer-field

أيقونة Soccer Field (game-icons:soccer-field) أيقونة 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
الوسوم: soccerfield

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M23 119v274h466V119zm18 18h206v79.016c-18.25 4.135-32 20.537-32 39.984s13.75 35.85 32 39.984V375H41v-62h64V199H41zm224 0h206v62h-64v114h64v62H265v-79.016c18.25-4.135 32-20.537 32-39.984s-13.75-35.85-32-39.984zM41 217h46v78H41zm384 0h46v78h-46zm-178 17.793v42.414c-8.27-3.467-14-11.6-14-21.207c0-9.606 5.73-17.74 14-21.207m18 0c8.27 3.467 14 11.6 14 21.207c0 9.606-5.73 17.74-14 21.207z"/></svg>

كيفية استخدام أيقونة Soccer Field

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="game-icons:soccer-field"></iconify-icon>

صورة HTML

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

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

أيقونة Soccer Field في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Soccer Field

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

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

كيف أستخدم أيقونة Soccer Field في React؟

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

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

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

تصفح كل Game Icons →