Ikon Boombox Bold
solar:boombox-bold
Ikon Boombox Bold (solar:boombox-bold) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Solar
- Pembuat
- 480 Design
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Perangkat
- Tag
- boomboxbold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.75 16C5.75 15.0203 6.37611 14.1869 7.25 13.878V15C7.25 15.4142 7.58579 15.75 8 15.75C8.41421 15.75 8.75 15.4142 8.75 15V13.878C9.62389 14.1869 10.25 15.0203 10.25 16C10.25 17.2426 9.24264 18.25 8 18.25C6.75736 18.25 5.75 17.2426 5.75 16Z"/><path d="M14.409 14.409C15.1017 13.7163 16.1338 13.5697 16.9701 13.9692L16.1768 14.7626C15.8839 15.0555 15.8839 15.5303 16.1768 15.8232C16.4697 16.1161 16.9445 16.1161 17.2374 15.8232L18.0308 15.0299C18.4303 15.8662 18.2837 16.8983 17.591 17.591C16.7123 18.4697 15.2877 18.4697 14.409 17.591C13.5303 16.7123 13.5303 15.2877 14.409 14.409Z"/><path fill-rule="evenodd" d="M12.052 1.25H11.948C11.0495 1.24997 10.3003 1.24995 9.70552 1.32991C9.07773 1.41432 8.51093 1.59999 8.05546 2.05546C7.59999 2.51093 7.41432 3.07773 7.32991 3.70552C7.24995 4.3003 7.24997 5.04951 7.25 5.94799V6.02572C5.22882 6.09185 4.01511 6.32803 3.17157 7.17157C2 8.34315 2 10.2288 2 14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14C22 10.2288 22 8.34315 20.8284 7.17157C19.9849 6.32803 18.7712 6.09185 16.75 6.02572V5.94801C16.75 5.04954 16.7501 4.3003 16.6701 3.70552C16.5857 3.07773 16.4 2.51093 15.9445 2.05546C15.4891 1.59999 14.9223 1.41432 14.2945 1.32991C13.6997 1.24995 12.9505 1.24997 12.052 1.25ZM15.2479 6.00188C15.2434 5.15523 15.229 4.24407 15.1835 3.9054C15.1214 3.44393 15.0142 3.24644 14.8839 3.11612C14.7536 2.9858 14.5561 2.87858 14.0946 2.81654C13.6116 2.7516 12.964 2.75 12 2.75C11.036 2.75 10.3884 2.7516 9.90539 2.81654C9.44393 2.87858 9.24644 2.9858 9.11612 3.11612C8.9858 3.24644 8.87858 3.44393 8.81654 3.9054C8.771 4.24407 8.75661 5.15523 8.75208 6.00188C9.1435 6 9.55885 6 10 6H14C14.4412 6 14.8565 6 15.2479 6.00188ZM8 12.25C5.92893 12.25 4.25 13.9289 4.25 16C4.25 18.0711 5.92893 19.75 8 19.75C10.0711 19.75 11.75 18.0711 11.75 16C11.75 13.9289 10.0711 12.25 8 12.25ZM18.6516 13.3484C17.1872 11.8839 14.8128 11.8839 13.3483 13.3484C11.8839 14.8128 11.8839 17.1872 13.3483 18.6517C14.8128 20.1161 17.1872 20.1161 18.6516 18.6517C20.1161 17.1872 20.1161 14.8128 18.6516 13.3484ZM5.25 9.5C5.25 9.08579 5.58579 8.75 6 8.75H18C18.4142 8.75 18.75 9.08579 18.75 9.5C18.75 9.91421 18.4142 10.25 18 10.25H6C5.58579 10.25 5.25 9.91421 5.25 9.5Z" clip-rule="evenodd"/></g></svg>Cara memakai ikon Boombox Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:boombox-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:boombox-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:boombox-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--boombox-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:boombox-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:boombox-bold"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/solar/boombox-bold.svg" alt="Ikon Boombox Bold" width="24" height="24">Ikon terkait di Solar
FAQ Ikon Boombox Bold
Apakah ikon Boombox Bold gratis untuk penggunaan komersial?
Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Boombox Bold di React?
Pasang @iconify/react lalu render <Icon icon="solar:boombox-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Boombox Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/boombox-bold.svg" alt="Ikon Boombox Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.