Volume Loud 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 { IconVolumeLoud } from "@devigner-ui/icons";
<IconVolumeLoud className="size-6" />
<script setup>
import { IconVolumeLoud } from "@devigner-ui/icons-vue";
</script>
<template>
<IconVolumeLoud class="size-6" />
</template>
<script>
import { IconVolumeLoud } from "@devigner-ui/icons-svelte";
</script>
<IconVolumeLoud 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="M20 6s1.5 1.8 1.5 6-1.5 6-1.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></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>