sub volume icon

sub-volume from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.

Name
sub-volume
Set
Carbon
Style
Outline
Viewbox
32×32
License
Apache 2.0

Use the sub volume icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M29.474 19.12L23.681 16l5.793-3.12a1 1 0 0 0 0-1.76l-13-7a.998.998 0 0 0-.948 0l-13 7a1 1 0 0 0 0 1.76L8.319 16l-5.793 3.12a1 1 0 0 0 0 1.76l13 7a1 1 0 0 0 .948 0l13-7a1 1 0 0 0 0-1.76zM16 6.136L26.89 12L16 17.864L5.11 12zm0 19.728L5.11 20l5.319-2.864l5.097 2.744a1 1 0 0 0 .948 0l5.097-2.745L26.891 20z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function CarbonSubVolume(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M29.474 19.12L23.681 16l5.793-3.12a1 1 0 0 0 0-1.76l-13-7a.998.998 0 0 0-.948 0l-13 7a1 1 0 0 0 0 1.76L8.319 16l-5.793 3.12a1 1 0 0 0 0 1.76l13 7a1 1 0 0 0 .948 0l13-7a1 1 0 0 0 0-1.76zM16 6.136L26.89 12L16 17.864L5.11 12zm0 19.728L5.11 20l5.319-2.864l5.097 2.744a1 1 0 0 0 .948 0l5.097-2.745L26.891 20z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M29.474 19.12L23.681 16l5.793-3.12a1 1 0 0 0 0-1.76l-13-7a.998.998 0 0 0-.948 0l-13 7a1 1 0 0 0 0 1.76L8.319 16l-5.793 3.12a1 1 0 0 0 0 1.76l13 7a1 1 0 0 0 .948 0l13-7a1 1 0 0 0 0-1.76zM16 6.136L26.89 12L16 17.864L5.11 12zm0 19.728L5.11 20l5.319-2.864l5.097 2.744a1 1 0 0 0 .948 0l5.097-2.745L26.891 20z" fill="currentColor"/></svg>
</template>

CSS

.icon-sub-volume {
  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%2032%2032%22%3E%3Cpath%20d%3D%22M29.474%2019.12L23.681%2016l5.793-3.12a1%201%200%200%200%200-1.76l-13-7a.998.998%200%200%200-.948%200l-13%207a1%201%200%200%200%200%201.76L8.319%2016l-5.793%203.12a1%201%200%200%200%200%201.76l13%207a1%201%200%200%200%20.948%200l13-7a1%201%200%200%200%200-1.76zM16%206.136L26.89%2012L16%2017.864L5.11%2012zm0%2019.728L5.11%2020l5.319-2.864l5.097%202.744a1%201%200%200%200%20.948%200l5.097-2.745L26.891%2020z%22%20fill%3D%22currentColor%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%2032%2032%22%3E%3Cpath%20d%3D%22M29.474%2019.12L23.681%2016l5.793-3.12a1%201%200%200%200%200-1.76l-13-7a.998.998%200%200%200-.948%200l-13%207a1%201%200%200%200%200%201.76L8.319%2016l-5.793%203.12a1%201%200%200%200%200%201.76l13%207a1%201%200%200%200%20.948%200l13-7a1%201%200%200%200%200-1.76zM16%206.136L26.89%2012L16%2017.864L5.11%2012zm0%2019.728L5.11%2020l5.319-2.864l5.097%202.744a1%201%200%200%200%20.948%200l5.097-2.745L26.891%2020z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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