Boombox icon in outline, twotone, bold and bulk. Free in all four styles, for player, gallery, camera, music, volume. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconBoombox } from "@devigner-ui/icons";
<IconBoombox className="size-6" />
<script setup>
import { IconBoombox } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBoombox class="size-6" />
</template>
<script>
import { IconBoombox } from "@devigner-ui/icons-svelte";
</script>
<IconBoombox class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M6 9.5h12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 14c0-3.77 0-5.66 1.17-6.83S6.23 6 10 6h4c3.77 0 5.66 0 6.83 1.17S22 10.23 22 14s0 5.66-1.17 6.83S17.77 22 14 22h-4c-3.77 0-5.66 0-6.83-1.17S2 17.77 2 14" stroke="currentColor" stroke-width="1.5"></path><path d="M16 6c0-1.89 0-2.83-.59-3.41C14.83 2 13.9 2 12 2s-2.83 0-3.41.59C8 3.17 8 4.1 8 6" stroke="currentColor" stroke-width="1.5"></path><path d="M11 16a3 3 0 1 1-6 0 3 3 0 0 1 6 0" stroke="currentColor" stroke-width="1.5"></path><path d="M18.12 18.12a3 3 0 1 1-4.24-4.24 3 3 0 0 1 4.24 4.24" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M8 13v2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m18.12 13.88-1.41 1.41" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>