speaker zzz icon
speaker-zzz from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- speaker-zzz
- Set
- Framework7 Icons
- Style
- Outline
- 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="M25.507 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.811.537-3.018 1.61l-10.507 9.322c-.135.134-.336.201-.56.201H4.74c-3.175 0-4.74 1.588-4.74 4.963v8.898c0 3.375 1.565 4.962 4.74 4.962h6.639c.223 0 .425.067.559.202l10.507 9.411c1.095.984 1.967 1.453 3.062 1.453m-1.296-4.717c-.112 0-.246-.067-.38-.2l-9.904-8.92c-.536-.492-.983-.604-1.587-.604H4.896c-.872 0-1.297-.403-1.297-1.297v-9.479c0-.871.425-1.296 1.297-1.296h7.444c.604 0 1.028-.09 1.587-.604l9.904-8.986c.111-.09.246-.18.38-.18c.2 0 .313.135.313.314V44.06c0 .201-.112.335-.313.335m30.514-21.26H49.25v-.134l5.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.233H37.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 F7SpeakerZzz(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="M25.507 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.811.537-3.018 1.61l-10.507 9.322c-.135.134-.336.201-.56.201H4.74c-3.175 0-4.74 1.588-4.74 4.963v8.898c0 3.375 1.565 4.962 4.74 4.962h6.639c.223 0 .425.067.559.202l10.507 9.411c1.095.984 1.967 1.453 3.062 1.453m-1.296-4.717c-.112 0-.246-.067-.38-.2l-9.904-8.92c-.536-.492-.983-.604-1.587-.604H4.896c-.872 0-1.297-.403-1.297-1.297v-9.479c0-.871.425-1.296 1.297-1.296h7.444c.604 0 1.028-.09 1.587-.604l9.904-8.986c.111-.09.246-.18.38-.18c.2 0 .313.135.313.314V44.06c0 .201-.112.335-.313.335m30.514-21.26H49.25v-.134l5.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.233H37.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="M25.507 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.811.537-3.018 1.61l-10.507 9.322c-.135.134-.336.201-.56.201H4.74c-3.175 0-4.74 1.588-4.74 4.963v8.898c0 3.375 1.565 4.962 4.74 4.962h6.639c.223 0 .425.067.559.202l10.507 9.411c1.095.984 1.967 1.453 3.062 1.453m-1.296-4.717c-.112 0-.246-.067-.38-.2l-9.904-8.92c-.536-.492-.983-.604-1.587-.604H4.896c-.872 0-1.297-.403-1.297-1.297v-9.479c0-.871.425-1.296 1.297-1.296h7.444c.604 0 1.028-.09 1.587-.604l9.904-8.986c.111-.09.246-.18.38-.18c.2 0 .313.135.313.314V44.06c0 .201-.112.335-.313.335m30.514-21.26H49.25v-.134l5.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.233H37.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 {
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%22M25.507%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.811.537-3.018%201.61l-10.507%209.322c-.135.134-.336.201-.56.201H4.74c-3.175%200-4.74%201.588-4.74%204.963v8.898c0%203.375%201.565%204.962%204.74%204.962h6.639c.223%200%20.425.067.559.202l10.507%209.411c1.095.984%201.967%201.453%203.062%201.453m-1.296-4.717c-.112%200-.246-.067-.38-.2l-9.904-8.92c-.536-.492-.983-.604-1.587-.604H4.896c-.872%200-1.297-.403-1.297-1.297v-9.479c0-.871.425-1.296%201.297-1.296h7.444c.604%200%201.028-.09%201.587-.604l9.904-8.986c.111-.09.246-.18.38-.18c.2%200%20.313.135.313.314V44.06c0%20.201-.112.335-.313.335m30.514-21.26H49.25v-.134l5.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.233H37.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%22M25.507%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.811.537-3.018%201.61l-10.507%209.322c-.135.134-.336.201-.56.201H4.74c-3.175%200-4.74%201.588-4.74%204.963v8.898c0%203.375%201.565%204.962%204.74%204.962h6.639c.223%200%20.425.067.559.202l10.507%209.411c1.095.984%201.967%201.453%203.062%201.453m-1.296-4.717c-.112%200-.246-.067-.38-.2l-9.904-8.92c-.536-.492-.983-.604-1.587-.604H4.896c-.872%200-1.297-.403-1.297-1.297v-9.479c0-.871.425-1.296%201.297-1.296h7.444c.604%200%201.028-.09%201.587-.604l9.904-8.986c.111-.09.246-.18.38-.18c.2%200%20.313.135.313.314V44.06c0%20.201-.112.335-.313.335m30.514-21.26H49.25v-.134l5.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.233H37.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.svg?color=%231a73e8&size=48
