volume up icon
volume-up-duotone from Reicon by REICON · Duotone · Video · MIT Free for personal and commercial use.
- Name
- volume-up-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All volume up icons →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-upMaterial Symbols Lightvolume-upPrime Iconsvolume-up-fillRemix Iconvolume-upUniconsvolume-up-outlinedWeUI Icon
More video icons from Reicon
albumcameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilm
Use the volume up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.003 11.716c.037-1.843.056-2.764.668-3.552a3 3 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092q.105-.03.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073c.048 1.096.08 2.034.08 2.555s-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.1 2.1 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a3 3 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3 3 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.552a14 14 0 0 1 0-.57"/><path fill-rule="evenodd" d="M19.49 5.552a.66.66 0 0 1 .97.094l-.53.471l.53-.47h.002v.002l.004.004l.007.009l.078.112a5 5 0 0 1 .187.305c.149.265.339.652.526 1.171C21.64 8.291 22 9.851 22 12s-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a5 5 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.972.094a.77.77 0 0 1-.091-1.03l.003-.005l.028-.04a3 3 0 0 0 .126-.208c.11-.195.264-.506.422-.943c.314-.871.643-2.252.643-4.222c0-1.969-.329-3.35-.643-4.222a6 6 0 0 0-.422-.942a3 3 0 0 0-.126-.207l-.028-.041l-.003-.004" clip-rule="evenodd" opacity=".4"/><path fill-rule="evenodd" d="M17.757 8.416c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053q.028.063.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3 3 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.061a4 4 0 0 0-.165-.523l-.004-.01c-.179-.354-.058-.796.272-.991" clip-rule="evenodd" opacity=".7"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconVolumeUpDuotone(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="M2.003 11.716c.037-1.843.056-2.764.668-3.552a3 3 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092q.105-.03.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073c.048 1.096.08 2.034.08 2.555s-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.1 2.1 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a3 3 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3 3 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.552a14 14 0 0 1 0-.57"/><path fillRule="evenodd" d="M19.49 5.552a.66.66 0 0 1 .97.094l-.53.471l.53-.47h.002v.002l.004.004l.007.009l.078.112a5 5 0 0 1 .187.305c.149.265.339.652.526 1.171C21.64 8.291 22 9.851 22 12s-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a5 5 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.972.094a.77.77 0 0 1-.091-1.03l.003-.005l.028-.04a3 3 0 0 0 .126-.208c.11-.195.264-.506.422-.943c.314-.871.643-2.252.643-4.222c0-1.969-.329-3.35-.643-4.222a6 6 0 0 0-.422-.942a3 3 0 0 0-.126-.207l-.028-.041l-.003-.004" clipRule="evenodd" opacity=".4"/><path fillRule="evenodd" d="M17.757 8.416c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053q.028.063.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3 3 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.061a4 4 0 0 0-.165-.523l-.004-.01c-.179-.354-.058-.796.272-.991" clipRule="evenodd" opacity=".7"/></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="M2.003 11.716c.037-1.843.056-2.764.668-3.552a3 3 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092q.105-.03.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073c.048 1.096.08 2.034.08 2.555s-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.1 2.1 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a3 3 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3 3 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.552a14 14 0 0 1 0-.57"/><path fill-rule="evenodd" d="M19.49 5.552a.66.66 0 0 1 .97.094l-.53.471l.53-.47h.002v.002l.004.004l.007.009l.078.112a5 5 0 0 1 .187.305c.149.265.339.652.526 1.171C21.64 8.291 22 9.851 22 12s-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a5 5 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.972.094a.77.77 0 0 1-.091-1.03l.003-.005l.028-.04a3 3 0 0 0 .126-.208c.11-.195.264-.506.422-.943c.314-.871.643-2.252.643-4.222c0-1.969-.329-3.35-.643-4.222a6 6 0 0 0-.422-.942a3 3 0 0 0-.126-.207l-.028-.041l-.003-.004" clip-rule="evenodd" opacity=".4"/><path fill-rule="evenodd" d="M17.757 8.416c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053q.028.063.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3 3 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.061a4 4 0 0 0-.165-.523l-.004-.01c-.179-.354-.058-.796.272-.991" clip-rule="evenodd" opacity=".7"/></g></svg> </template>
CSS
.icon-volume-up-duotone {
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%22M2.003%2011.716c.037-1.843.056-2.764.668-3.552a3%203%200%200%201%20.413-.431c.752-.636%201.746-.636%203.733-.636c.71%200%201.065%200%201.403-.092q.105-.03.209-.067c.33-.121.627-.33%201.22-.746c2.338-1.645%203.508-2.467%204.489-2.11c.188.069.37.168.533.29c.848.635.913%202.115%201.042%205.073c.048%201.096.08%202.034.08%202.555s-.032%201.46-.08%202.555c-.13%202.958-.194%204.438-1.042%205.073a2.1%202.1%200%200%201-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a3%203%200%200%200-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987%200-2.98%200-3.733-.636a3%203%200%200%201-.413-.43c-.612-.79-.63-1.71-.668-3.552a14%2014%200%200%201%200-.57%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.49%205.552a.66.66%200%200%201%20.97.094l-.53.471l.53-.47h.002v.002l.004.004l.007.009l.078.112a5%205%200%200%201%20.187.305c.149.265.339.652.526%201.171C21.64%208.291%2022%209.851%2022%2012s-.36%203.71-.736%204.75c-.187.52-.377.907-.526%201.172a5%205%200%200%201-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66%200%200%201-.972.094a.77.77%200%200%201-.091-1.03l.003-.005l.028-.04a3%203%200%200%200%20.126-.208c.11-.195.264-.506.422-.943c.314-.871.643-2.252.643-4.222c0-1.969-.329-3.35-.643-4.222a6%206%200%200%200-.422-.942a3%203%200%200%200-.126-.207l-.028-.041l-.003-.004%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M17.757%208.416c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053q.028.063.07.17c.053.145.12.35.185.62c.13.54.252%201.337.252%202.425c0%201.089-.122%201.886-.252%202.426c-.065.27-.132.475-.186.619a3%203%200%200%201-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.061a4%204%200%200%200-.165-.523l-.004-.01c-.179-.354-.058-.796.272-.991%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.7%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%22M2.003%2011.716c.037-1.843.056-2.764.668-3.552a3%203%200%200%201%20.413-.431c.752-.636%201.746-.636%203.733-.636c.71%200%201.065%200%201.403-.092q.105-.03.209-.067c.33-.121.627-.33%201.22-.746c2.338-1.645%203.508-2.467%204.489-2.11c.188.069.37.168.533.29c.848.635.913%202.115%201.042%205.073c.048%201.096.08%202.034.08%202.555s-.032%201.46-.08%202.555c-.13%202.958-.194%204.438-1.042%205.073a2.1%202.1%200%200%201-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a3%203%200%200%200-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987%200-2.98%200-3.733-.636a3%203%200%200%201-.413-.43c-.612-.79-.63-1.71-.668-3.552a14%2014%200%200%201%200-.57%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.49%205.552a.66.66%200%200%201%20.97.094l-.53.471l.53-.47h.002v.002l.004.004l.007.009l.078.112a5%205%200%200%201%20.187.305c.149.265.339.652.526%201.171C21.64%208.291%2022%209.851%2022%2012s-.36%203.71-.736%204.75c-.187.52-.377.907-.526%201.172a5%205%200%200%201-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66%200%200%201-.972.094a.77.77%200%200%201-.091-1.03l.003-.005l.028-.04a3%203%200%200%200%20.126-.208c.11-.195.264-.506.422-.943c.314-.871.643-2.252.643-4.222c0-1.969-.329-3.35-.643-4.222a6%206%200%200%200-.422-.942a3%203%200%200%200-.126-.207l-.028-.041l-.003-.004%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M17.757%208.416c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053q.028.063.07.17c.053.145.12.35.185.62c.13.54.252%201.337.252%202.425c0%201.089-.122%201.886-.252%202.426c-.065.27-.132.475-.186.619a3%203%200%200%201-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.061a4%204%200%200%200-.165-.523l-.004-.01c-.179-.354-.058-.796.272-.991%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/volume-up-duotone.svg?color=%231a73e8&size=48
