speaker low volume emoji
speaker-low-volume from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- speaker-low-volume
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the speaker low volume emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path id="SVGwI8FKbsc" fill="#8b979e" d="M11.1 45H3.8C1.7 45 0 43.4 0 41.5v-19c0-2 1.7-3.5 3.8-3.5h7.3z"/><use href="#SVGwI8FKbsc"/><path fill="#b0bdc6" d="M29.8 2.2C31.1.9 11.1 19 11.1 19v26s10.3 7.9 18.7 16.8z"/><path fill="#333" d="M33 25.5v13.1c3.9 0 7-2.9 7-6.5c0-3.7-3.1-6.6-7-6.6m0 37c0 .8-.7 1.5-1.6 1.5s-1.6-.7-1.6-1.5v-61c0-.8.7-1.5 1.6-1.5S33 .7 33 1.5z"/><path fill="#8b979e" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#b0bdc6" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#dfe9ef" d="M29.8 13.3L11.1 23.8v16.4l18.7 10.5z"/><path fill="#8b979e" d="M29.8 13.3H33v37.5h-3.2z"/><path fill="#333" d="M3.8 19h7.3v26H3.8z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneSpeakerLowVolume(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path id="SVGwI8FKbsc" fill="#8b979e" d="M11.1 45H3.8C1.7 45 0 43.4 0 41.5v-19c0-2 1.7-3.5 3.8-3.5h7.3z"/><use href="#SVGwI8FKbsc"/><path fill="#b0bdc6" d="M29.8 2.2C31.1.9 11.1 19 11.1 19v26s10.3 7.9 18.7 16.8z"/><path fill="#333" d="M33 25.5v13.1c3.9 0 7-2.9 7-6.5c0-3.7-3.1-6.6-7-6.6m0 37c0 .8-.7 1.5-1.6 1.5s-1.6-.7-1.6-1.5v-61c0-.8.7-1.5 1.6-1.5S33 .7 33 1.5z"/><path fill="#8b979e" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#b0bdc6" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#dfe9ef" d="M29.8 13.3L11.1 23.8v16.4l18.7 10.5z"/><path fill="#8b979e" d="M29.8 13.3H33v37.5h-3.2z"/><path fill="#333" d="M3.8 19h7.3v26H3.8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path id="SVGwI8FKbsc" fill="#8b979e" d="M11.1 45H3.8C1.7 45 0 43.4 0 41.5v-19c0-2 1.7-3.5 3.8-3.5h7.3z"/><use href="#SVGwI8FKbsc"/><path fill="#b0bdc6" d="M29.8 2.2C31.1.9 11.1 19 11.1 19v26s10.3 7.9 18.7 16.8z"/><path fill="#333" d="M33 25.5v13.1c3.9 0 7-2.9 7-6.5c0-3.7-3.1-6.6-7-6.6m0 37c0 .8-.7 1.5-1.6 1.5s-1.6-.7-1.6-1.5v-61c0-.8.7-1.5 1.6-1.5S33 .7 33 1.5z"/><path fill="#8b979e" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#b0bdc6" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#dfe9ef" d="M29.8 13.3L11.1 23.8v16.4l18.7 10.5z"/><path fill="#8b979e" d="M29.8 13.3H33v37.5h-3.2z"/><path fill="#333" d="M3.8 19h7.3v26H3.8z"/></svg> </template>
CSS
.icon-speaker-low-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%2064%2064%22%3E%3Cpath%20id%3D%22SVGwI8FKbsc%22%20fill%3D%22%238b979e%22%20d%3D%22M11.1%2045H3.8C1.7%2045%200%2043.4%200%2041.5v-19c0-2%201.7-3.5%203.8-3.5h7.3z%22%2F%3E%3Cuse%20href%3D%22%23SVGwI8FKbsc%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M29.8%202.2C31.1.9%2011.1%2019%2011.1%2019v26s10.3%207.9%2018.7%2016.8z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M33%2025.5v13.1c3.9%200%207-2.9%207-6.5c0-3.7-3.1-6.6-7-6.6m0%2037c0%20.8-.7%201.5-1.6%201.5s-1.6-.7-1.6-1.5v-61c0-.8.7-1.5%201.6-1.5S33%20.7%2033%201.5z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M11.1%2040.2H3.8c-2.1%200-3.8-1-3.8-2.2V26c0-1.2%201.7-2.2%203.8-2.2h7.3z%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M11.1%2040.2H3.8c-2.1%200-3.8-1-3.8-2.2V26c0-1.2%201.7-2.2%203.8-2.2h7.3z%22%2F%3E%3Cpath%20fill%3D%22%23dfe9ef%22%20d%3D%22M29.8%2013.3L11.1%2023.8v16.4l18.7%2010.5z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M29.8%2013.3H33v37.5h-3.2z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M3.8%2019h7.3v26H3.8z%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%2064%2064%22%3E%3Cpath%20id%3D%22SVGwI8FKbsc%22%20fill%3D%22%238b979e%22%20d%3D%22M11.1%2045H3.8C1.7%2045%200%2043.4%200%2041.5v-19c0-2%201.7-3.5%203.8-3.5h7.3z%22%2F%3E%3Cuse%20href%3D%22%23SVGwI8FKbsc%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M29.8%202.2C31.1.9%2011.1%2019%2011.1%2019v26s10.3%207.9%2018.7%2016.8z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M33%2025.5v13.1c3.9%200%207-2.9%207-6.5c0-3.7-3.1-6.6-7-6.6m0%2037c0%20.8-.7%201.5-1.6%201.5s-1.6-.7-1.6-1.5v-61c0-.8.7-1.5%201.6-1.5S33%20.7%2033%201.5z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M11.1%2040.2H3.8c-2.1%200-3.8-1-3.8-2.2V26c0-1.2%201.7-2.2%203.8-2.2h7.3z%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M11.1%2040.2H3.8c-2.1%200-3.8-1-3.8-2.2V26c0-1.2%201.7-2.2%203.8-2.2h7.3z%22%2F%3E%3Cpath%20fill%3D%22%23dfe9ef%22%20d%3D%22M29.8%2013.3L11.1%2023.8v16.4l18.7%2010.5z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M29.8%2013.3H33v37.5h-3.2z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M3.8%2019h7.3v26H3.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/speaker-low-volume.svg?color=%231a73e8&size=48
