Volume Small 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 { IconVolumeSmall } from "@devigner-ui/icons";
<IconVolumeSmall className="size-6" />
<script setup>
import { IconVolumeSmall } from "@devigner-ui/icons-vue";
</script>
<template>
<IconVolumeSmall class="size-6" />
</template>
<script>
import { IconVolumeSmall } from "@devigner-ui/icons-svelte";
</script>
<IconVolumeSmall class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.53 10.97c.08-1.2.12-1.81.43-2.4.28-.52.83-1.04 1.38-1.3C3.94 7 4.63 7 6 7c.51 0 .77 0 1.02-.04a3 3 0 0 0 .7-.22c.24-.1.45-.24.88-.52l.22-.14c2.54-1.68 3.81-2.52 4.88-2.16q.3.11.58.3c.92.65 1 2.16 1.13 5.17.05 1.12.09 2.08.09 2.61s-.04 1.49-.09 2.6c-.14 3.02-.2 4.53-1.13 5.18q-.27.18-.58.3c-1.07.36-2.34-.48-4.88-2.16l-.22-.14c-.43-.28-.64-.42-.87-.52a3 3 0 0 0-.71-.22C6.77 17 6.52 17 6 17c-1.37 0-2.06 0-2.66-.28a3.2 3.2 0 0 1-1.38-1.3c-.31-.58-.35-1.18-.43-2.4a17 17 0 0 1 0-2.05" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M18 9s.5.9.5 3-.5 3-.5 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>