أيقونة Speaker 3
f7:speaker-3
أيقونة Speaker 3 (f7:speaker-3) أيقونة SVG مجانية من مجموعة Framework7 Icons من تصميم Vladimir Kharlampidi. مرسومة على شبكة 56 × 56. تُنشر Framework7 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Framework7 Icons
- المؤلف
- Vladimir Kharlampidi
- الترخيص
- MIT
- الحجم
- 56 × 56
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M47.937 49.384c.737.497 1.713.298 2.29-.518C53.87 43.65 56 36.941 56 29.834S53.85 16 50.227 10.783c-.577-.816-1.553-1.015-2.29-.498c-.756.518-.876 1.513-.298 2.35c3.205 4.717 5.196 10.77 5.196 17.2s-1.931 12.561-5.196 17.2c-.578.816-.458 1.811.298 2.349M22.715 48.01c1.353 0 2.329-.995 2.329-2.33V13.929c0-1.334-.976-2.448-2.37-2.448c-.975 0-1.612.477-2.687 1.433l-9.356 8.301a.7.7 0 0 1-.498.18H4.22c-2.826 0-4.22 1.413-4.22 4.42v7.922c0 3.006 1.394 4.42 4.22 4.42h5.913c.199 0 .378.06.498.179l9.356 8.381c.976.876 1.752 1.294 2.728 1.294m17.2-4.061c.776.517 1.732.318 2.289-.478c2.628-3.663 4.16-8.54 4.16-13.637c0-5.116-1.512-9.993-4.16-13.656c-.577-.777-1.513-.976-2.29-.458c-.756.518-.875 1.493-.278 2.35c2.17 3.184 3.524 7.365 3.524 11.764c0 4.4-1.314 8.62-3.524 11.766c-.577.856-.478 1.831.279 2.349m-18.355-.14c-.1 0-.22-.06-.339-.179l-8.819-7.943c-.477-.438-.875-.537-1.413-.537h-6.63c-.776 0-1.154-.359-1.154-1.155v-8.44c0-.777.378-1.155 1.155-1.155h6.629c.537 0 .916-.08 1.413-.538l8.82-8.003c.099-.08.218-.159.338-.159c.179 0 .279.12.279.279v27.53c0 .18-.1.298-.28.298m10.412-5.235c.676.478 1.652.318 2.23-.458c1.552-2.09 2.487-5.156 2.487-8.282c0-3.125-.955-6.17-2.488-8.301c-.577-.776-1.533-.936-2.23-.458c-.875.577-.975 1.593-.338 2.469c1.155 1.552 1.851 3.921 1.851 6.29s-.736 4.738-1.87 6.311c-.598.856-.499 1.832.357 2.429"/></svg>
كيفية استخدام أيقونة Speaker 3
React
import { Icon } from "@iconify/react";
<Icon icon="f7:speaker-3" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:speaker-3" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:speaker-3" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--speaker-3]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:speaker-3"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:speaker-3"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/f7/speaker-3.svg" alt="أيقونة Speaker 3" width="24" height="24">
أيقونات ذات صلة في Framework7 Icons
أيقونة Speaker 3 في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Speaker 3
هل أيقونة Speaker 3 مجانية للاستخدام التجاري؟
نعم. تُنشر Framework7 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Speaker 3 في React؟
ثبّت @iconify/react واعرض <Icon icon="f7:speaker-3" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Speaker 3 إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/f7/speaker-3.svg" alt="أيقونة Speaker 3">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Framework7 Icons →
ICONYZ
