أيقونة Speaker
whh:speaker
أيقونة Speaker (whh:speaker) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 768 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 768 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704 1024H64q-26 0-45-19T0 960V64q0-26 18.5-45T64 0h640q27 0 45.5 18.5T768 64v896q0 27-19 45.5t-45 18.5M384 64q-53 0-90.5 37.5T256 192t37.5 90.5T384 320t90.5-37.5T512 192t-37.5-90.5T384 64m0 384q-106 0-181 75t-75 181t75 181t181 75t181-75t75-181t-75-181t-181-75m0 384q-53 0-90.5-37.5T256 704t37.5-90.5T384 576t90.5 37.5T512 704t-37.5 90.5T384 832m0-576q-26 0-45-18.5t-19-45t19-45.5t45.5-19t45 19t18.5 45.5t-19 45t-45 18.5"/></svg>
كيفية استخدام أيقونة Speaker
React
import { Icon } from "@iconify/react";
<Icon icon="whh:speaker" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:speaker" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:speaker" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--speaker]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:speaker"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:speaker"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/speaker.svg" alt="أيقونة Speaker" width="24" height="24">
أيقونات ذات صلة في WebHostingHub Glyphs
أيقونة Speaker في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Speaker
هل أيقونة Speaker مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Speaker في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:speaker" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Speaker إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/speaker.svg" alt="أيقونة Speaker">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
