أيقونة Headphones

el:headphones

أيقونة Headphones (el:headphones) أيقونة SVG مجانية من مجموعة Elusive Icons من تصميم Team Redux. مرسومة على شبكة 1200 × 1200. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Elusive Icons
المؤلف: Team Redux
الترخيص: OFL-1.1
الحجم: 1200 × 1200
الوسوم: headphone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1050 937.5v-300c0-248.513-201.487-450-450-450s-450 201.487-450 450v300c-11.048 106.906-147.598 78.946-150 0v-300c0-331.388 268.65-600 600-600s600 268.612 600 600v300c-11.048 106.906-147.598 78.946-150 0m-787.5-225h75c20.7 0 37.5 16.763 37.5 37.5v375c0 20.737-16.8 37.5-37.5 37.5h-75c-20.7 0-37.5-16.763-37.5-37.5V750c0-20.737 16.8-37.5 37.5-37.5m600 0h75c20.737 0 37.5 16.763 37.5 37.5v375c0 20.737-16.763 37.5-37.5 37.5h-75c-20.737 0-37.5-16.763-37.5-37.5V750c0-20.737 16.763-37.5 37.5-37.5"/></svg>

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

React

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

<Icon icon="el:headphones" width="24" />

Vue

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

<template>
  <Icon icon="el:headphones" width="24" />
</template>

Svelte

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

<Icon icon="el:headphones" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:headphones"></div>

مكوّن ويب

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

<iconify-icon icon="el:headphones"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/el/headphones.svg" alt="أيقونة Headphones" width="24" height="24">

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

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

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

نعم. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Elusive Icons →