volume high icon

volume-high-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: volume-high-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

volume-highFont Awesome 6 Solid volume-highFont Awesome Solid volume-highHuge Icons volume-highIonIcons volume-highMaterial Line Icons volume-highMaterial Design Icons

Related icons in Myna UI Icons

volume-check volume-low volume-minus volume-none volume-off volume-plus volume-x

Use the volume high icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.57 4.47a.75.75 0 0 1 1.06 0c4.16 4.159 4.16 10.901 0 15.06a.75.75 0 1 1-1.06-1.06a9.15 9.15 0 0 0 0-12.94a.75.75 0 0 1 0-1.06"/><path d="M15.47 7.47a.75.75 0 0 1 1.06 0a6.407 6.407 0 0 1 0 9.06a.75.75 0 1 1-1.06-1.06a4.907 4.907 0 0 0 0-6.94a.75.75 0 0 1 0-1.06M6.748 6.369a14 14 0 0 0-.231.337l-.165-.015a11 11 0 0 0-1.442-.03c-.518.028-1.119.11-1.614.337c-.52.24-1.046.713-1.046 1.507v6.914c0 .795.525 1.268 1.046 1.508c.495.227 1.097.309 1.614.337a11 11 0 0 0 1.603-.044q.099.151.231.343c.314.452.772 1.056 1.35 1.663C9.217 20.41 10.93 21.75 13 21.75a.75.75 0 0 0 .75-.75V3a.75.75 0 0 0-.75-.75c-2.065 0-3.776 1.315-4.902 2.482a14 14 0 0 0-1.35 1.637"/></g></svg>

React

import type { SVGProps } from "react";

export function MynauiVolumeHighSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.57 4.47a.75.75 0 0 1 1.06 0c4.16 4.159 4.16 10.901 0 15.06a.75.75 0 1 1-1.06-1.06a9.15 9.15 0 0 0 0-12.94a.75.75 0 0 1 0-1.06"/><path d="M15.47 7.47a.75.75 0 0 1 1.06 0a6.407 6.407 0 0 1 0 9.06a.75.75 0 1 1-1.06-1.06a4.907 4.907 0 0 0 0-6.94a.75.75 0 0 1 0-1.06M6.748 6.369a14 14 0 0 0-.231.337l-.165-.015a11 11 0 0 0-1.442-.03c-.518.028-1.119.11-1.614.337c-.52.24-1.046.713-1.046 1.507v6.914c0 .795.525 1.268 1.046 1.508c.495.227 1.097.309 1.614.337a11 11 0 0 0 1.603-.044q.099.151.231.343c.314.452.772 1.056 1.35 1.663C9.217 20.41 10.93 21.75 13 21.75a.75.75 0 0 0 .75-.75V3a.75.75 0 0 0-.75-.75c-2.065 0-3.776 1.315-4.902 2.482a14 14 0 0 0-1.35 1.637"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.57 4.47a.75.75 0 0 1 1.06 0c4.16 4.159 4.16 10.901 0 15.06a.75.75 0 1 1-1.06-1.06a9.15 9.15 0 0 0 0-12.94a.75.75 0 0 1 0-1.06"/><path d="M15.47 7.47a.75.75 0 0 1 1.06 0a6.407 6.407 0 0 1 0 9.06a.75.75 0 1 1-1.06-1.06a4.907 4.907 0 0 0 0-6.94a.75.75 0 0 1 0-1.06M6.748 6.369a14 14 0 0 0-.231.337l-.165-.015a11 11 0 0 0-1.442-.03c-.518.028-1.119.11-1.614.337c-.52.24-1.046.713-1.046 1.507v6.914c0 .795.525 1.268 1.046 1.508c.495.227 1.097.309 1.614.337a11 11 0 0 0 1.603-.044q.099.151.231.343c.314.452.772 1.056 1.35 1.663C9.217 20.41 10.93 21.75 13 21.75a.75.75 0 0 0 .75-.75V3a.75.75 0 0 0-.75-.75c-2.065 0-3.776 1.315-4.902 2.482a14 14 0 0 0-1.35 1.637"/></g></svg>
</template>

CSS

.icon-volume-high-solid {
  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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17.57%204.47a.75.75%200%200%201%201.06%200c4.16%204.159%204.16%2010.901%200%2015.06a.75.75%200%201%201-1.06-1.06a9.15%209.15%200%200%200%200-12.94a.75.75%200%200%201%200-1.06%22%2F%3E%3Cpath%20d%3D%22M15.47%207.47a.75.75%200%200%201%201.06%200a6.407%206.407%200%200%201%200%209.06a.75.75%200%201%201-1.06-1.06a4.907%204.907%200%200%200%200-6.94a.75.75%200%200%201%200-1.06M6.748%206.369a14%2014%200%200%200-.231.337l-.165-.015a11%2011%200%200%200-1.442-.03c-.518.028-1.119.11-1.614.337c-.52.24-1.046.713-1.046%201.507v6.914c0%20.795.525%201.268%201.046%201.508c.495.227%201.097.309%201.614.337a11%2011%200%200%200%201.603-.044q.099.151.231.343c.314.452.772%201.056%201.35%201.663C9.217%2020.41%2010.93%2021.75%2013%2021.75a.75.75%200%200%200%20.75-.75V3a.75.75%200%200%200-.75-.75c-2.065%200-3.776%201.315-4.902%202.482a14%2014%200%200%200-1.35%201.637%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17.57%204.47a.75.75%200%200%201%201.06%200c4.16%204.159%204.16%2010.901%200%2015.06a.75.75%200%201%201-1.06-1.06a9.15%209.15%200%200%200%200-12.94a.75.75%200%200%201%200-1.06%22%2F%3E%3Cpath%20d%3D%22M15.47%207.47a.75.75%200%200%201%201.06%200a6.407%206.407%200%200%201%200%209.06a.75.75%200%201%201-1.06-1.06a4.907%204.907%200%200%200%200-6.94a.75.75%200%200%201%200-1.06M6.748%206.369a14%2014%200%200%200-.231.337l-.165-.015a11%2011%200%200%200-1.442-.03c-.518.028-1.119.11-1.614.337c-.52.24-1.046.713-1.046%201.507v6.914c0%20.795.525%201.268%201.046%201.508c.495.227%201.097.309%201.614.337a11%2011%200%200%200%201.603-.044q.099.151.231.343c.314.452.772%201.056%201.35%201.663C9.217%2020.41%2010.93%2021.75%2013%2021.75a.75.75%200%200%200%20.75-.75V3a.75.75%200%200%200-.75-.75c-2.065%200-3.776%201.315-4.902%202.482a14%2014%200%200%200-1.35%201.637%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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