speaker zzz icon
speaker-zzz-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- speaker-zzz-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the speaker zzz icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M24.993 49.112c1.52 0 2.616-1.117 2.616-2.615V10.84c0-1.498-1.096-2.75-2.66-2.75c-1.096 0-1.834.492-3.019 1.61l-9.858 9.322a.88.88 0 0 1-.581.201H4.85C1.7 19.223 0 20.945 0 24.298v8.674c0 3.353 1.699 5.074 4.851 5.074h6.64c.223 0 .424.067.58.202l9.86 9.411c1.072 1.006 1.967 1.453 3.062 1.453m29.732-25.976H49.25V23l5.61-7.4c.515-.648.694-1.05.694-1.497c0-.76-.581-1.207-1.386-1.207H46.41c-.737 0-1.296.47-1.296 1.23c0 .804.559 1.274 1.296 1.274h5.187v.111l-5.7 7.4c-.515.648-.694 1.028-.694 1.542c0 .693.559 1.208 1.364 1.208h8.16c.737 0 1.274-.492 1.274-1.275c0-.737-.537-1.251-1.275-1.251m-13.591 9.232H37.31v-.09l3.98-5.208c.446-.604.648-1.006.648-1.43c0-.716-.582-1.14-1.342-1.14h-5.88c-.715 0-1.206.469-1.206 1.162c0 .782.491 1.23 1.207 1.23h3.442v.088l-3.956 5.187c-.425.603-.626.961-.626 1.453c0 .67.536 1.163 1.274 1.163h6.282c.715 0 1.229-.448 1.229-1.208c0-.715-.514-1.207-1.23-1.207m10.417 8.495h-3.264v-.09l3.354-4.493c.47-.626.648-.961.648-1.363c0-.693-.537-1.118-1.252-1.118h-5.186c-.671 0-1.163.447-1.163 1.14c0 .715.492 1.14 1.163 1.14h2.861v.09l-3.331 4.493c-.424.581-.626.916-.626 1.364c0 .648.514 1.095 1.207 1.095h5.59c.648 0 1.14-.425 1.14-1.14c0-.67-.492-1.118-1.14-1.118"/></svg>
React
import type { SVGProps } from "react";
export function F7SpeakerZzzFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M24.993 49.112c1.52 0 2.616-1.117 2.616-2.615V10.84c0-1.498-1.096-2.75-2.66-2.75c-1.096 0-1.834.492-3.019 1.61l-9.858 9.322a.88.88 0 0 1-.581.201H4.85C1.7 19.223 0 20.945 0 24.298v8.674c0 3.353 1.699 5.074 4.851 5.074h6.64c.223 0 .424.067.58.202l9.86 9.411c1.072 1.006 1.967 1.453 3.062 1.453m29.732-25.976H49.25V23l5.61-7.4c.515-.648.694-1.05.694-1.497c0-.76-.581-1.207-1.386-1.207H46.41c-.737 0-1.296.47-1.296 1.23c0 .804.559 1.274 1.296 1.274h5.187v.111l-5.7 7.4c-.515.648-.694 1.028-.694 1.542c0 .693.559 1.208 1.364 1.208h8.16c.737 0 1.274-.492 1.274-1.275c0-.737-.537-1.251-1.275-1.251m-13.591 9.232H37.31v-.09l3.98-5.208c.446-.604.648-1.006.648-1.43c0-.716-.582-1.14-1.342-1.14h-5.88c-.715 0-1.206.469-1.206 1.162c0 .782.491 1.23 1.207 1.23h3.442v.088l-3.956 5.187c-.425.603-.626.961-.626 1.453c0 .67.536 1.163 1.274 1.163h6.282c.715 0 1.229-.448 1.229-1.208c0-.715-.514-1.207-1.23-1.207m10.417 8.495h-3.264v-.09l3.354-4.493c.47-.626.648-.961.648-1.363c0-.693-.537-1.118-1.252-1.118h-5.186c-.671 0-1.163.447-1.163 1.14c0 .715.492 1.14 1.163 1.14h2.861v.09l-3.331 4.493c-.424.581-.626.916-.626 1.364c0 .648.514 1.095 1.207 1.095h5.59c.648 0 1.14-.425 1.14-1.14c0-.67-.492-1.118-1.14-1.118"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M24.993 49.112c1.52 0 2.616-1.117 2.616-2.615V10.84c0-1.498-1.096-2.75-2.66-2.75c-1.096 0-1.834.492-3.019 1.61l-9.858 9.322a.88.88 0 0 1-.581.201H4.85C1.7 19.223 0 20.945 0 24.298v8.674c0 3.353 1.699 5.074 4.851 5.074h6.64c.223 0 .424.067.58.202l9.86 9.411c1.072 1.006 1.967 1.453 3.062 1.453m29.732-25.976H49.25V23l5.61-7.4c.515-.648.694-1.05.694-1.497c0-.76-.581-1.207-1.386-1.207H46.41c-.737 0-1.296.47-1.296 1.23c0 .804.559 1.274 1.296 1.274h5.187v.111l-5.7 7.4c-.515.648-.694 1.028-.694 1.542c0 .693.559 1.208 1.364 1.208h8.16c.737 0 1.274-.492 1.274-1.275c0-.737-.537-1.251-1.275-1.251m-13.591 9.232H37.31v-.09l3.98-5.208c.446-.604.648-1.006.648-1.43c0-.716-.582-1.14-1.342-1.14h-5.88c-.715 0-1.206.469-1.206 1.162c0 .782.491 1.23 1.207 1.23h3.442v.088l-3.956 5.187c-.425.603-.626.961-.626 1.453c0 .67.536 1.163 1.274 1.163h6.282c.715 0 1.229-.448 1.229-1.208c0-.715-.514-1.207-1.23-1.207m10.417 8.495h-3.264v-.09l3.354-4.493c.47-.626.648-.961.648-1.363c0-.693-.537-1.118-1.252-1.118h-5.186c-.671 0-1.163.447-1.163 1.14c0 .715.492 1.14 1.163 1.14h2.861v.09l-3.331 4.493c-.424.581-.626.916-.626 1.364c0 .648.514 1.095 1.207 1.095h5.59c.648 0 1.14-.425 1.14-1.14c0-.67-.492-1.118-1.14-1.118"/></svg> </template>
CSS
.icon-speaker-zzz-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.993%2049.112c1.52%200%202.616-1.117%202.616-2.615V10.84c0-1.498-1.096-2.75-2.66-2.75c-1.096%200-1.834.492-3.019%201.61l-9.858%209.322a.88.88%200%200%201-.581.201H4.85C1.7%2019.223%200%2020.945%200%2024.298v8.674c0%203.353%201.699%205.074%204.851%205.074h6.64c.223%200%20.424.067.58.202l9.86%209.411c1.072%201.006%201.967%201.453%203.062%201.453m29.732-25.976H49.25V23l5.61-7.4c.515-.648.694-1.05.694-1.497c0-.76-.581-1.207-1.386-1.207H46.41c-.737%200-1.296.47-1.296%201.23c0%20.804.559%201.274%201.296%201.274h5.187v.111l-5.7%207.4c-.515.648-.694%201.028-.694%201.542c0%20.693.559%201.208%201.364%201.208h8.16c.737%200%201.274-.492%201.274-1.275c0-.737-.537-1.251-1.275-1.251m-13.591%209.232H37.31v-.09l3.98-5.208c.446-.604.648-1.006.648-1.43c0-.716-.582-1.14-1.342-1.14h-5.88c-.715%200-1.206.469-1.206%201.162c0%20.782.491%201.23%201.207%201.23h3.442v.088l-3.956%205.187c-.425.603-.626.961-.626%201.453c0%20.67.536%201.163%201.274%201.163h6.282c.715%200%201.229-.448%201.229-1.208c0-.715-.514-1.207-1.23-1.207m10.417%208.495h-3.264v-.09l3.354-4.493c.47-.626.648-.961.648-1.363c0-.693-.537-1.118-1.252-1.118h-5.186c-.671%200-1.163.447-1.163%201.14c0%20.715.492%201.14%201.163%201.14h2.861v.09l-3.331%204.493c-.424.581-.626.916-.626%201.364c0%20.648.514%201.095%201.207%201.095h5.59c.648%200%201.14-.425%201.14-1.14c0-.67-.492-1.118-1.14-1.118%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.993%2049.112c1.52%200%202.616-1.117%202.616-2.615V10.84c0-1.498-1.096-2.75-2.66-2.75c-1.096%200-1.834.492-3.019%201.61l-9.858%209.322a.88.88%200%200%201-.581.201H4.85C1.7%2019.223%200%2020.945%200%2024.298v8.674c0%203.353%201.699%205.074%204.851%205.074h6.64c.223%200%20.424.067.58.202l9.86%209.411c1.072%201.006%201.967%201.453%203.062%201.453m29.732-25.976H49.25V23l5.61-7.4c.515-.648.694-1.05.694-1.497c0-.76-.581-1.207-1.386-1.207H46.41c-.737%200-1.296.47-1.296%201.23c0%20.804.559%201.274%201.296%201.274h5.187v.111l-5.7%207.4c-.515.648-.694%201.028-.694%201.542c0%20.693.559%201.208%201.364%201.208h8.16c.737%200%201.274-.492%201.274-1.275c0-.737-.537-1.251-1.275-1.251m-13.591%209.232H37.31v-.09l3.98-5.208c.446-.604.648-1.006.648-1.43c0-.716-.582-1.14-1.342-1.14h-5.88c-.715%200-1.206.469-1.206%201.162c0%20.782.491%201.23%201.207%201.23h3.442v.088l-3.956%205.187c-.425.603-.626.961-.626%201.453c0%20.67.536%201.163%201.274%201.163h6.282c.715%200%201.229-.448%201.229-1.208c0-.715-.514-1.207-1.23-1.207m10.417%208.495h-3.264v-.09l3.354-4.493c.47-.626.648-.961.648-1.363c0-.693-.537-1.118-1.252-1.118h-5.186c-.671%200-1.163.447-1.163%201.14c0%20.715.492%201.14%201.163%201.14h2.861v.09l-3.331%204.493c-.424.581-.626.916-.626%201.364c0%20.648.514%201.095%201.207%201.095h5.59c.648%200%201.14-.425%201.14-1.14c0-.67-.492-1.118-1.14-1.118%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/speaker-zzz-fill.svg?color=%231a73e8&size=48
