Volume2 icon

Volume2 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.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconVolume2 } from "@devigner-ui/icons";

<IconVolume2 className="size-6" />

Vue

<script setup>
import { IconVolume2 } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconVolume2 class="size-6" />
</template>

Svelte

<script>
  import { IconVolume2 } from "@devigner-ui/icons-svelte";
</script>

<IconVolume2 class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.39 9.69a5.25 5.25 0 1 1-7.44 7.44 5.25 5.25 0 1 1 7.44-7.44" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M12.67 13.41 11.08 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M19.74 6.34a.4.4 0 0 1 0 .56.4.4 0 0 1-.56 0c-.16-.15-.15-.4 0-.56a.4.4 0 0 1 .56 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M6.16 19.92a.4.4 0 0 1 0 .56c-.15.16-.4.15-.56 0a.4.4 0 0 1 0-.56.4.4 0 0 1 .56 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M22.55 13.13a.4.4 0 0 1 0 .56.4.4 0 0 1-.56 0c-.16-.15-.15-.4 0-.56a.4.4 0 0 1 .56 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M3.34 13.13a.4.4 0 0 1 0 .56c-.15.16-.4.15-.56 0a.4.4 0 0 1 0-.56.4.4 0 0 1 .56 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M19.74 19.92a.4.4 0 0 1 0 .56.4.4 0 0 1-.56 0c-.16-.15-.15-.4 0-.56a.4.4 0 0 1 .56 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M6.16 6.34a.4.4 0 0 1 0 .56c-.15.16-.4.15-.56 0a.4.4 0 0 1 0-.56.4.4 0 0 1 .56 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M12.95 3.52a.4.4 0 0 1 0 .56c-.15.16-.4.15-.56 0s-.15-.4 0-.56a.4.4 0 0 1 .56 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>

Category

Media & Playback

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

player, gallery, camera, music, volume

Also called

volume2, path, curved, smooth, arc, curve

More Media & Playback icons

• Ai Audio
• Album
• Audio Square
• Backward
• Backward10 Seconds
• Backward15 Seconds
• Backward5 Seconds
• Boombox
• Camera
• Camera2
• Camera Add
• Camera Minimalistic
• Camera Rotate
• Camera Slash
• Camera Square
• Cassette
• Cassette2
• Clapperboard
• Clapperboard Edit
• Clapperboard Open
• Clapperboard Open Play
• Clapperboard Play
• Clapperboard Text
• Forward10 Seconds

All Media & Playback icons

Browse all 8,584 icons