ICONYZ
العربية
أيقونة Airpods من IconPark

أيقونة Airpods

icon-park:airpods

أيقونة Airpods (icon-park:airpods) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
الموسيقى
الوسوم
airpod
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M36 4C31.0294 4 27 8.02944 27 13V44H33V21.4879C33.9383 21.8195 34.9481 22 36 22C39.4829 22 42.5038 20.0216 44 17.1272V8.8728C42.5038 5.97844 39.4829 4 36 4Z"/><path fill="#2F88FF" stroke="#000" d="M12 4C16.9706 4 21 8.02944 21 13V44H15V21.4879C14.0617 21.8195 13.0519 22 12 22C8.51707 22 5.49623 20.0216 4 17.1272V8.8728C5.49623 5.97844 8.51707 4 12 4Z"/><path stroke="#fff" d="M15 13H14"/><path stroke="#fff" d="M33 13H34"/></g></svg>

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

React

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

<Icon icon="icon-park:airpods" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:airpods" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:airpods" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--airpods]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:airpods"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:airpods"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/airpods.svg" alt="أيقونة Airpods" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل أيقونات IconPark →