Boombox Bold icon
solar:boombox-bold
The Boombox Bold icon (solar:boombox-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Devices
- Tags
- boomboxbold
SVG code
<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>How to use the Boombox Bold icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/solar/boombox-bold.svg" alt="Boombox Bold icon" width="24" height="24">Related icons in Solar
Boombox Bold icon FAQ
Is the Boombox Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Boombox Bold icon in React?
Install @iconify/react and render <Icon icon="solar:boombox-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Boombox Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/boombox-bold.svg" alt="Boombox Bold icon">, or paste the SVG code inline to style it with CSS.