أيقونة Boombox
whh:boombox
أيقونة Boombox (whh:boombox) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 896. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 896
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="896" viewBox="0 0 1024 896"><path fill="currentColor" d="M960 896H64q-26 0-45-19T0 832V320q0-26 18.5-45T64 256h64V64q0-26 19-45t45-19h640q26 0 45 19t19 45v192h64q26 0 45 19t19 45v512q0 26-19 45t-45 19M768 160q0-13-9.5-22.5T736 128H288q-13 0-22.5 9.5T256 160v96h512zm0 224q-80 0-136 56t-56 136q0 73 50 128H398q50-55 50-128q0-80-56-136t-136-56t-136 56t-56 136t56 136t136 56h512q80 0 136-56t56-136t-56-136t-136-56m0 320q-53 0-90.5-37.5T640 576t37.5-90.5T768 448t90.5 37.5T896 576t-37.5 90.5T768 704M128 576q0-53 37.5-90.5T256 448t90.5 37.5T384 576t-37.5 90.5T256 704t-90.5-37.5T128 576"/></svg>
كيفية استخدام أيقونة Boombox
React
import { Icon } from "@iconify/react";
<Icon icon="whh:boombox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:boombox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:boombox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--boombox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:boombox"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:boombox"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/boombox.svg" alt="أيقونة Boombox" width="24" height="24">
أيقونة Boombox في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Boombox
هل أيقونة Boombox مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Boombox في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:boombox" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Boombox إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/boombox.svg" alt="أيقونة Boombox">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
