unmute icon
unmute from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- unmute
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Use the unmute icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.694 2.04A.5.5 0 0 1 9 2.5v11a.5.5 0 0 1-.85.357l-2.927-2.875H3.5a1.5 1.5 0 0 1-1.5-1.5v-2.99a1.5 1.5 0 0 1 1.5-1.5h1.724l2.927-2.85a.5.5 0 0 1 .543-.103M8 3.684L5.776 5.851a.5.5 0 0 1-.349.142H3.5a.5.5 0 0 0-.5.5v2.989a.5.5 0 0 0 .5.5h1.927a.5.5 0 0 1 .35.143L8 12.308zm2.11 1.504a.5.5 0 0 1 .704-.08l.001.001l.002.002l.006.004l.015.013l.045.04q.057.05.142.142c.114.123.26.302.405.54c.292.48.574 1.193.574 2.148c0 .954-.282 1.668-.573 2.148a3.4 3.4 0 0 1-.547.684l-.06.053l-.009.007s-.447.243-.703-.078a.5.5 0 0 1 .075-.7l.001-.002v.001l.001-.001l.018-.016q.028-.025.084-.085c.075-.08.179-.208.284-.382c.21-.345.429-.882.429-1.63s-.219-1.283-.428-1.627a2.4 2.4 0 0 0-.369-.465l-.018-.016h.001a.5.5 0 0 1-.08-.701m1.703-2.08a.5.5 0 1 0-.623.782l.011.01l.052.045c.046.042.116.107.2.195c.17.177.4.443.631.794c.46.701.919 1.733.919 3.069a5.5 5.5 0 0 1-.918 3.065c-.23.35-.46.614-.63.79a4 4 0 0 1-.253.24l-.012.01a.5.5 0 0 0 .623.782l.032-.027l.076-.065q.097-.085.253-.245a6.4 6.4 0 0 0 .746-.936a6.5 6.5 0 0 0 1.083-3.614a6.54 6.54 0 0 0-1.083-3.618a6.5 6.5 0 0 0-.746-.938a5 5 0 0 0-.328-.311l-.022-.019l-.007-.006l-.003-.002zM10.189 5.89l-.001-.001z"/></svg>
React
import type { SVGProps } from "react";
export function CodiconUnmute(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.694 2.04A.5.5 0 0 1 9 2.5v11a.5.5 0 0 1-.85.357l-2.927-2.875H3.5a1.5 1.5 0 0 1-1.5-1.5v-2.99a1.5 1.5 0 0 1 1.5-1.5h1.724l2.927-2.85a.5.5 0 0 1 .543-.103M8 3.684L5.776 5.851a.5.5 0 0 1-.349.142H3.5a.5.5 0 0 0-.5.5v2.989a.5.5 0 0 0 .5.5h1.927a.5.5 0 0 1 .35.143L8 12.308zm2.11 1.504a.5.5 0 0 1 .704-.08l.001.001l.002.002l.006.004l.015.013l.045.04q.057.05.142.142c.114.123.26.302.405.54c.292.48.574 1.193.574 2.148c0 .954-.282 1.668-.573 2.148a3.4 3.4 0 0 1-.547.684l-.06.053l-.009.007s-.447.243-.703-.078a.5.5 0 0 1 .075-.7l.001-.002v.001l.001-.001l.018-.016q.028-.025.084-.085c.075-.08.179-.208.284-.382c.21-.345.429-.882.429-1.63s-.219-1.283-.428-1.627a2.4 2.4 0 0 0-.369-.465l-.018-.016h.001a.5.5 0 0 1-.08-.701m1.703-2.08a.5.5 0 1 0-.623.782l.011.01l.052.045c.046.042.116.107.2.195c.17.177.4.443.631.794c.46.701.919 1.733.919 3.069a5.5 5.5 0 0 1-.918 3.065c-.23.35-.46.614-.63.79a4 4 0 0 1-.253.24l-.012.01a.5.5 0 0 0 .623.782l.032-.027l.076-.065q.097-.085.253-.245a6.4 6.4 0 0 0 .746-.936a6.5 6.5 0 0 0 1.083-3.614a6.54 6.54 0 0 0-1.083-3.618a6.5 6.5 0 0 0-.746-.938a5 5 0 0 0-.328-.311l-.022-.019l-.007-.006l-.003-.002zM10.189 5.89l-.001-.001z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.694 2.04A.5.5 0 0 1 9 2.5v11a.5.5 0 0 1-.85.357l-2.927-2.875H3.5a1.5 1.5 0 0 1-1.5-1.5v-2.99a1.5 1.5 0 0 1 1.5-1.5h1.724l2.927-2.85a.5.5 0 0 1 .543-.103M8 3.684L5.776 5.851a.5.5 0 0 1-.349.142H3.5a.5.5 0 0 0-.5.5v2.989a.5.5 0 0 0 .5.5h1.927a.5.5 0 0 1 .35.143L8 12.308zm2.11 1.504a.5.5 0 0 1 .704-.08l.001.001l.002.002l.006.004l.015.013l.045.04q.057.05.142.142c.114.123.26.302.405.54c.292.48.574 1.193.574 2.148c0 .954-.282 1.668-.573 2.148a3.4 3.4 0 0 1-.547.684l-.06.053l-.009.007s-.447.243-.703-.078a.5.5 0 0 1 .075-.7l.001-.002v.001l.001-.001l.018-.016q.028-.025.084-.085c.075-.08.179-.208.284-.382c.21-.345.429-.882.429-1.63s-.219-1.283-.428-1.627a2.4 2.4 0 0 0-.369-.465l-.018-.016h.001a.5.5 0 0 1-.08-.701m1.703-2.08a.5.5 0 1 0-.623.782l.011.01l.052.045c.046.042.116.107.2.195c.17.177.4.443.631.794c.46.701.919 1.733.919 3.069a5.5 5.5 0 0 1-.918 3.065c-.23.35-.46.614-.63.79a4 4 0 0 1-.253.24l-.012.01a.5.5 0 0 0 .623.782l.032-.027l.076-.065q.097-.085.253-.245a6.4 6.4 0 0 0 .746-.936a6.5 6.5 0 0 0 1.083-3.614a6.54 6.54 0 0 0-1.083-3.618a6.5 6.5 0 0 0-.746-.938a5 5 0 0 0-.328-.311l-.022-.019l-.007-.006l-.003-.002zM10.189 5.89l-.001-.001z"/></svg> </template>
CSS
.icon-unmute {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.694%202.04A.5.5%200%200%201%209%202.5v11a.5.5%200%200%201-.85.357l-2.927-2.875H3.5a1.5%201.5%200%200%201-1.5-1.5v-2.99a1.5%201.5%200%200%201%201.5-1.5h1.724l2.927-2.85a.5.5%200%200%201%20.543-.103M8%203.684L5.776%205.851a.5.5%200%200%201-.349.142H3.5a.5.5%200%200%200-.5.5v2.989a.5.5%200%200%200%20.5.5h1.927a.5.5%200%200%201%20.35.143L8%2012.308zm2.11%201.504a.5.5%200%200%201%20.704-.08l.001.001l.002.002l.006.004l.015.013l.045.04q.057.05.142.142c.114.123.26.302.405.54c.292.48.574%201.193.574%202.148c0%20.954-.282%201.668-.573%202.148a3.4%203.4%200%200%201-.547.684l-.06.053l-.009.007s-.447.243-.703-.078a.5.5%200%200%201%20.075-.7l.001-.002v.001l.001-.001l.018-.016q.028-.025.084-.085c.075-.08.179-.208.284-.382c.21-.345.429-.882.429-1.63s-.219-1.283-.428-1.627a2.4%202.4%200%200%200-.369-.465l-.018-.016h.001a.5.5%200%200%201-.08-.701m1.703-2.08a.5.5%200%201%200-.623.782l.011.01l.052.045c.046.042.116.107.2.195c.17.177.4.443.631.794c.46.701.919%201.733.919%203.069a5.5%205.5%200%200%201-.918%203.065c-.23.35-.46.614-.63.79a4%204%200%200%201-.253.24l-.012.01a.5.5%200%200%200%20.623.782l.032-.027l.076-.065q.097-.085.253-.245a6.4%206.4%200%200%200%20.746-.936a6.5%206.5%200%200%200%201.083-3.614a6.54%206.54%200%200%200-1.083-3.618a6.5%206.5%200%200%200-.746-.938a5%205%200%200%200-.328-.311l-.022-.019l-.007-.006l-.003-.002zM10.189%205.89l-.001-.001z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.694%202.04A.5.5%200%200%201%209%202.5v11a.5.5%200%200%201-.85.357l-2.927-2.875H3.5a1.5%201.5%200%200%201-1.5-1.5v-2.99a1.5%201.5%200%200%201%201.5-1.5h1.724l2.927-2.85a.5.5%200%200%201%20.543-.103M8%203.684L5.776%205.851a.5.5%200%200%201-.349.142H3.5a.5.5%200%200%200-.5.5v2.989a.5.5%200%200%200%20.5.5h1.927a.5.5%200%200%201%20.35.143L8%2012.308zm2.11%201.504a.5.5%200%200%201%20.704-.08l.001.001l.002.002l.006.004l.015.013l.045.04q.057.05.142.142c.114.123.26.302.405.54c.292.48.574%201.193.574%202.148c0%20.954-.282%201.668-.573%202.148a3.4%203.4%200%200%201-.547.684l-.06.053l-.009.007s-.447.243-.703-.078a.5.5%200%200%201%20.075-.7l.001-.002v.001l.001-.001l.018-.016q.028-.025.084-.085c.075-.08.179-.208.284-.382c.21-.345.429-.882.429-1.63s-.219-1.283-.428-1.627a2.4%202.4%200%200%200-.369-.465l-.018-.016h.001a.5.5%200%200%201-.08-.701m1.703-2.08a.5.5%200%201%200-.623.782l.011.01l.052.045c.046.042.116.107.2.195c.17.177.4.443.631.794c.46.701.919%201.733.919%203.069a5.5%205.5%200%200%201-.918%203.065c-.23.35-.46.614-.63.79a4%204%200%200%201-.253.24l-.012.01a.5.5%200%200%200%20.623.782l.032-.027l.076-.065q.097-.085.253-.245a6.4%206.4%200%200%200%20.746-.936a6.5%206.5%200%200%200%201.083-3.614a6.54%206.54%200%200%200-1.083-3.618a6.5%206.5%200%200%200-.746-.938a5%205%200%200%200-.328-.311l-.022-.019l-.007-.006l-.003-.002zM10.189%205.89l-.001-.001z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/unmute.svg?color=%231a73e8&size=48
