volume up icon
volume-up-outline-rounded from Material Symbols Light by Google · Outline Rounded · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- volume-up-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
volume-upBootstrap Iconsvolume-upCarbonvolume-up-fillEva Iconsvolume-upFont Awesome Solidvolume-up-outlineFlowbite Iconsvolume-upHuge Iconsvolume-upIconParkvolume-upIconPark Outlinevolume-upIconPark Solidvolume-upIconPark TwoTonevolume-upJam Iconsvolume-upLine Awesomevolume-upMage Iconsvolume-upMaterial Symbolsvolume-upPrime Iconsvolume-up-fillRemix Iconvolume-upUniconsvolume-up-outlinedWeUI Icon
More audio & video icons from Material Symbols Light
Use the volume up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.692 11.975q0-2.05-1.11-3.741t-2.978-2.532q-.202-.098-.3-.278t-.017-.369q.097-.201.322-.26q.224-.06.45.038q2.099.979 3.366 2.892t1.267 4.25t-1.267 4.249t-3.366 2.893q-.226.099-.45.039t-.322-.261q-.081-.19.017-.369q.098-.18.3-.278q1.868-.84 2.978-2.531t1.11-3.742M7.731 14H5.116q-.344 0-.576-.232q-.232-.233-.232-.576v-2.384q0-.344.232-.576T5.116 10H7.73l2.685-2.685q.244-.244.568-.112t.324.472v8.65q0 .34-.324.472t-.568-.112zm8.077-1.998q0 .822-.302 1.555t-.844 1.272q-.176.135-.38.045t-.205-.312V9.389q0-.223.205-.313t.38.042q.542.548.844 1.305q.302.758.302 1.58m-5.5-3.153L8.158 11h-2.85v2h2.85l2.15 2.15zM7.808 12"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightVolumeUpOutlineRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.692 11.975q0-2.05-1.11-3.741t-2.978-2.532q-.202-.098-.3-.278t-.017-.369q.097-.201.322-.26q.224-.06.45.038q2.099.979 3.366 2.892t1.267 4.25t-1.267 4.249t-3.366 2.893q-.226.099-.45.039t-.322-.261q-.081-.19.017-.369q.098-.18.3-.278q1.868-.84 2.978-2.531t1.11-3.742M7.731 14H5.116q-.344 0-.576-.232q-.232-.233-.232-.576v-2.384q0-.344.232-.576T5.116 10H7.73l2.685-2.685q.244-.244.568-.112t.324.472v8.65q0 .34-.324.472t-.568-.112zm8.077-1.998q0 .822-.302 1.555t-.844 1.272q-.176.135-.38.045t-.205-.312V9.389q0-.223.205-.313t.38.042q.542.548.844 1.305q.302.758.302 1.58m-5.5-3.153L8.158 11h-2.85v2h2.85l2.15 2.15zM7.808 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.692 11.975q0-2.05-1.11-3.741t-2.978-2.532q-.202-.098-.3-.278t-.017-.369q.097-.201.322-.26q.224-.06.45.038q2.099.979 3.366 2.892t1.267 4.25t-1.267 4.249t-3.366 2.893q-.226.099-.45.039t-.322-.261q-.081-.19.017-.369q.098-.18.3-.278q1.868-.84 2.978-2.531t1.11-3.742M7.731 14H5.116q-.344 0-.576-.232q-.232-.233-.232-.576v-2.384q0-.344.232-.576T5.116 10H7.73l2.685-2.685q.244-.244.568-.112t.324.472v8.65q0 .34-.324.472t-.568-.112zm8.077-1.998q0 .822-.302 1.555t-.844 1.272q-.176.135-.38.045t-.205-.312V9.389q0-.223.205-.313t.38.042q.542.548.844 1.305q.302.758.302 1.58m-5.5-3.153L8.158 11h-2.85v2h2.85l2.15 2.15zM7.808 12"/></svg> </template>
CSS
.icon-volume-up-outline-rounded {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.692%2011.975q0-2.05-1.11-3.741t-2.978-2.532q-.202-.098-.3-.278t-.017-.369q.097-.201.322-.26q.224-.06.45.038q2.099.979%203.366%202.892t1.267%204.25t-1.267%204.249t-3.366%202.893q-.226.099-.45.039t-.322-.261q-.081-.19.017-.369q.098-.18.3-.278q1.868-.84%202.978-2.531t1.11-3.742M7.731%2014H5.116q-.344%200-.576-.232q-.232-.233-.232-.576v-2.384q0-.344.232-.576T5.116%2010H7.73l2.685-2.685q.244-.244.568-.112t.324.472v8.65q0%20.34-.324.472t-.568-.112zm8.077-1.998q0%20.822-.302%201.555t-.844%201.272q-.176.135-.38.045t-.205-.312V9.389q0-.223.205-.313t.38.042q.542.548.844%201.305q.302.758.302%201.58m-5.5-3.153L8.158%2011h-2.85v2h2.85l2.15%202.15zM7.808%2012%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.692%2011.975q0-2.05-1.11-3.741t-2.978-2.532q-.202-.098-.3-.278t-.017-.369q.097-.201.322-.26q.224-.06.45.038q2.099.979%203.366%202.892t1.267%204.25t-1.267%204.249t-3.366%202.893q-.226.099-.45.039t-.322-.261q-.081-.19.017-.369q.098-.18.3-.278q1.868-.84%202.978-2.531t1.11-3.742M7.731%2014H5.116q-.344%200-.576-.232q-.232-.233-.232-.576v-2.384q0-.344.232-.576T5.116%2010H7.73l2.685-2.685q.244-.244.568-.112t.324.472v8.65q0%20.34-.324.472t-.568-.112zm8.077-1.998q0%20.822-.302%201.555t-.844%201.272q-.176.135-.38.045t-.205-.312V9.389q0-.223.205-.313t.38.042q.542.548.844%201.305q.302.758.302%201.58m-5.5-3.153L8.158%2011h-2.85v2h2.85l2.15%202.15zM7.808%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/volume-up-outline-rounded.svg?color=%231a73e8&size=48
