Volume Knob 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 { IconVolumeKnob } from "@devigner-ui/icons";
<IconVolumeKnob className="size-6" />
<script setup>
import { IconVolumeKnob } from "@devigner-ui/icons-vue";
</script>
<template>
<IconVolumeKnob class="size-6" />
</template>
<script>
import { IconVolumeKnob } from "@devigner-ui/icons-svelte";
</script>
<IconVolumeKnob class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12.0001" r="5" stroke="currentColor" stroke-width="1.5"></circle><path opacity="1" d="M12 7v4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M13 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" fill="currentColor"></path><path opacity="1" d="M20.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2" fill="currentColor"></path><path opacity="1" d="M3.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2" fill="currentColor"></path><path opacity="1" d="M6.7 5.28A1 1 0 1 1 5.28 6.7 1 1 0 0 1 6.7 5.28" fill="currentColor"></path><path opacity="1" d="M18.72 17.3a1 1 0 1 1-1.42 1.42 1 1 0 0 1 1.42-1.42" fill="currentColor"></path><path opacity="1" d="M18.72 6.7a1 1 0 1 1-1.42-1.42 1 1 0 0 1 1.42 1.42" fill="currentColor"></path><path opacity="1" d="M6.7 18.72a1 1 0 1 1-1.42-1.42 1 1 0 0 1 1.42 1.42" fill="currentColor"></path></svg>