volume low icon

volume-low-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: volume-low-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

volume-lowBoxIcons v2 volume-lowBoxIcons v2 Solid volume-lowFont Awesome 6 Solid volume-lowFont Awesome Solid volume-lowHuge Icons volume-lowMaterial Line Icons volume-lowMaterial Design Icons volume-lowMyna UI Icons

Related icons in IonIcons

volume-high volume-medium volume-mute volume-off

Use the volume low icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m391.12 341.48l-28.6-14.36l7.18-14.3c9.49-18.9 14.3-38 14.3-56.82c0-19.36-4.66-37.92-14.25-56.73L362.48 185L391 170.48l7.26 14.25C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18ZM189.65 176.1H96v159.8h93.65L320 440V72z"/></svg>

React

import type { SVGProps } from "react";

export function IonVolumeLowSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m391.12 341.48l-28.6-14.36l7.18-14.3c9.49-18.9 14.3-38 14.3-56.82c0-19.36-4.66-37.92-14.25-56.73L362.48 185L391 170.48l7.26 14.25C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18ZM189.65 176.1H96v159.8h93.65L320 440V72z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m391.12 341.48l-28.6-14.36l7.18-14.3c9.49-18.9 14.3-38 14.3-56.82c0-19.36-4.66-37.92-14.25-56.73L362.48 185L391 170.48l7.26 14.25C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18ZM189.65 176.1H96v159.8h93.65L320 440V72z"/></svg>
</template>

CSS

.icon-volume-low-sharp {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m391.12%20341.48l-28.6-14.36l7.18-14.3c9.49-18.9%2014.3-38%2014.3-56.82c0-19.36-4.66-37.92-14.25-56.73L362.48%20185L391%20170.48l7.26%2014.25C410.2%20208.16%20416%20231.47%20416%20256c0%2023.83-6%2047.78-17.7%2071.18ZM189.65%20176.1H96v159.8h93.65L320%20440V72z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m391.12%20341.48l-28.6-14.36l7.18-14.3c9.49-18.9%2014.3-38%2014.3-56.82c0-19.36-4.66-37.92-14.25-56.73L362.48%20185L391%20170.48l7.26%2014.25C410.2%20208.16%20416%20231.47%20416%20256c0%2023.83-6%2047.78-17.7%2071.18ZM189.65%20176.1H96v159.8h93.65L320%20440V72z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/volume-low-sharp.svg?color=%231a73e8&size=48