speaker 3 icon
speaker-3 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- speaker-3
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the speaker 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M47.937 49.384c.737.497 1.713.298 2.29-.518C53.87 43.65 56 36.941 56 29.834S53.85 16 50.227 10.783c-.577-.816-1.553-1.015-2.29-.498c-.756.518-.876 1.513-.298 2.35c3.205 4.717 5.196 10.77 5.196 17.2s-1.931 12.561-5.196 17.2c-.578.816-.458 1.811.298 2.349M22.715 48.01c1.353 0 2.329-.995 2.329-2.33V13.929c0-1.334-.976-2.448-2.37-2.448c-.975 0-1.612.477-2.687 1.433l-9.356 8.301a.7.7 0 0 1-.498.18H4.22c-2.826 0-4.22 1.413-4.22 4.42v7.922c0 3.006 1.394 4.42 4.22 4.42h5.913c.199 0 .378.06.498.179l9.356 8.381c.976.876 1.752 1.294 2.728 1.294m17.2-4.061c.776.517 1.732.318 2.289-.478c2.628-3.663 4.16-8.54 4.16-13.637c0-5.116-1.512-9.993-4.16-13.656c-.577-.777-1.513-.976-2.29-.458c-.756.518-.875 1.493-.278 2.35c2.17 3.184 3.524 7.365 3.524 11.764c0 4.4-1.314 8.62-3.524 11.766c-.577.856-.478 1.831.279 2.349m-18.355-.14c-.1 0-.22-.06-.339-.179l-8.819-7.943c-.477-.438-.875-.537-1.413-.537h-6.63c-.776 0-1.154-.359-1.154-1.155v-8.44c0-.777.378-1.155 1.155-1.155h6.629c.537 0 .916-.08 1.413-.538l8.82-8.003c.099-.08.218-.159.338-.159c.179 0 .279.12.279.279v27.53c0 .18-.1.298-.28.298m10.412-5.235c.676.478 1.652.318 2.23-.458c1.552-2.09 2.487-5.156 2.487-8.282c0-3.125-.955-6.17-2.488-8.301c-.577-.776-1.533-.936-2.23-.458c-.875.577-.975 1.593-.338 2.469c1.155 1.552 1.851 3.921 1.851 6.29s-.736 4.738-1.87 6.311c-.598.856-.499 1.832.357 2.429"/></svg>
React
import type { SVGProps } from "react";
export function F7Speaker3(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="M47.937 49.384c.737.497 1.713.298 2.29-.518C53.87 43.65 56 36.941 56 29.834S53.85 16 50.227 10.783c-.577-.816-1.553-1.015-2.29-.498c-.756.518-.876 1.513-.298 2.35c3.205 4.717 5.196 10.77 5.196 17.2s-1.931 12.561-5.196 17.2c-.578.816-.458 1.811.298 2.349M22.715 48.01c1.353 0 2.329-.995 2.329-2.33V13.929c0-1.334-.976-2.448-2.37-2.448c-.975 0-1.612.477-2.687 1.433l-9.356 8.301a.7.7 0 0 1-.498.18H4.22c-2.826 0-4.22 1.413-4.22 4.42v7.922c0 3.006 1.394 4.42 4.22 4.42h5.913c.199 0 .378.06.498.179l9.356 8.381c.976.876 1.752 1.294 2.728 1.294m17.2-4.061c.776.517 1.732.318 2.289-.478c2.628-3.663 4.16-8.54 4.16-13.637c0-5.116-1.512-9.993-4.16-13.656c-.577-.777-1.513-.976-2.29-.458c-.756.518-.875 1.493-.278 2.35c2.17 3.184 3.524 7.365 3.524 11.764c0 4.4-1.314 8.62-3.524 11.766c-.577.856-.478 1.831.279 2.349m-18.355-.14c-.1 0-.22-.06-.339-.179l-8.819-7.943c-.477-.438-.875-.537-1.413-.537h-6.63c-.776 0-1.154-.359-1.154-1.155v-8.44c0-.777.378-1.155 1.155-1.155h6.629c.537 0 .916-.08 1.413-.538l8.82-8.003c.099-.08.218-.159.338-.159c.179 0 .279.12.279.279v27.53c0 .18-.1.298-.28.298m10.412-5.235c.676.478 1.652.318 2.23-.458c1.552-2.09 2.487-5.156 2.487-8.282c0-3.125-.955-6.17-2.488-8.301c-.577-.776-1.533-.936-2.23-.458c-.875.577-.975 1.593-.338 2.469c1.155 1.552 1.851 3.921 1.851 6.29s-.736 4.738-1.87 6.311c-.598.856-.499 1.832.357 2.429"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M47.937 49.384c.737.497 1.713.298 2.29-.518C53.87 43.65 56 36.941 56 29.834S53.85 16 50.227 10.783c-.577-.816-1.553-1.015-2.29-.498c-.756.518-.876 1.513-.298 2.35c3.205 4.717 5.196 10.77 5.196 17.2s-1.931 12.561-5.196 17.2c-.578.816-.458 1.811.298 2.349M22.715 48.01c1.353 0 2.329-.995 2.329-2.33V13.929c0-1.334-.976-2.448-2.37-2.448c-.975 0-1.612.477-2.687 1.433l-9.356 8.301a.7.7 0 0 1-.498.18H4.22c-2.826 0-4.22 1.413-4.22 4.42v7.922c0 3.006 1.394 4.42 4.22 4.42h5.913c.199 0 .378.06.498.179l9.356 8.381c.976.876 1.752 1.294 2.728 1.294m17.2-4.061c.776.517 1.732.318 2.289-.478c2.628-3.663 4.16-8.54 4.16-13.637c0-5.116-1.512-9.993-4.16-13.656c-.577-.777-1.513-.976-2.29-.458c-.756.518-.875 1.493-.278 2.35c2.17 3.184 3.524 7.365 3.524 11.764c0 4.4-1.314 8.62-3.524 11.766c-.577.856-.478 1.831.279 2.349m-18.355-.14c-.1 0-.22-.06-.339-.179l-8.819-7.943c-.477-.438-.875-.537-1.413-.537h-6.63c-.776 0-1.154-.359-1.154-1.155v-8.44c0-.777.378-1.155 1.155-1.155h6.629c.537 0 .916-.08 1.413-.538l8.82-8.003c.099-.08.218-.159.338-.159c.179 0 .279.12.279.279v27.53c0 .18-.1.298-.28.298m10.412-5.235c.676.478 1.652.318 2.23-.458c1.552-2.09 2.487-5.156 2.487-8.282c0-3.125-.955-6.17-2.488-8.301c-.577-.776-1.533-.936-2.23-.458c-.875.577-.975 1.593-.338 2.469c1.155 1.552 1.851 3.921 1.851 6.29s-.736 4.738-1.87 6.311c-.598.856-.499 1.832.357 2.429"/></svg> </template>
CSS
.icon-speaker-3 {
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%22M47.937%2049.384c.737.497%201.713.298%202.29-.518C53.87%2043.65%2056%2036.941%2056%2029.834S53.85%2016%2050.227%2010.783c-.577-.816-1.553-1.015-2.29-.498c-.756.518-.876%201.513-.298%202.35c3.205%204.717%205.196%2010.77%205.196%2017.2s-1.931%2012.561-5.196%2017.2c-.578.816-.458%201.811.298%202.349M22.715%2048.01c1.353%200%202.329-.995%202.329-2.33V13.929c0-1.334-.976-2.448-2.37-2.448c-.975%200-1.612.477-2.687%201.433l-9.356%208.301a.7.7%200%200%201-.498.18H4.22c-2.826%200-4.22%201.413-4.22%204.42v7.922c0%203.006%201.394%204.42%204.22%204.42h5.913c.199%200%20.378.06.498.179l9.356%208.381c.976.876%201.752%201.294%202.728%201.294m17.2-4.061c.776.517%201.732.318%202.289-.478c2.628-3.663%204.16-8.54%204.16-13.637c0-5.116-1.512-9.993-4.16-13.656c-.577-.777-1.513-.976-2.29-.458c-.756.518-.875%201.493-.278%202.35c2.17%203.184%203.524%207.365%203.524%2011.764c0%204.4-1.314%208.62-3.524%2011.766c-.577.856-.478%201.831.279%202.349m-18.355-.14c-.1%200-.22-.06-.339-.179l-8.819-7.943c-.477-.438-.875-.537-1.413-.537h-6.63c-.776%200-1.154-.359-1.154-1.155v-8.44c0-.777.378-1.155%201.155-1.155h6.629c.537%200%20.916-.08%201.413-.538l8.82-8.003c.099-.08.218-.159.338-.159c.179%200%20.279.12.279.279v27.53c0%20.18-.1.298-.28.298m10.412-5.235c.676.478%201.652.318%202.23-.458c1.552-2.09%202.487-5.156%202.487-8.282c0-3.125-.955-6.17-2.488-8.301c-.577-.776-1.533-.936-2.23-.458c-.875.577-.975%201.593-.338%202.469c1.155%201.552%201.851%203.921%201.851%206.29s-.736%204.738-1.87%206.311c-.598.856-.499%201.832.357%202.429%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%22M47.937%2049.384c.737.497%201.713.298%202.29-.518C53.87%2043.65%2056%2036.941%2056%2029.834S53.85%2016%2050.227%2010.783c-.577-.816-1.553-1.015-2.29-.498c-.756.518-.876%201.513-.298%202.35c3.205%204.717%205.196%2010.77%205.196%2017.2s-1.931%2012.561-5.196%2017.2c-.578.816-.458%201.811.298%202.349M22.715%2048.01c1.353%200%202.329-.995%202.329-2.33V13.929c0-1.334-.976-2.448-2.37-2.448c-.975%200-1.612.477-2.687%201.433l-9.356%208.301a.7.7%200%200%201-.498.18H4.22c-2.826%200-4.22%201.413-4.22%204.42v7.922c0%203.006%201.394%204.42%204.22%204.42h5.913c.199%200%20.378.06.498.179l9.356%208.381c.976.876%201.752%201.294%202.728%201.294m17.2-4.061c.776.517%201.732.318%202.289-.478c2.628-3.663%204.16-8.54%204.16-13.637c0-5.116-1.512-9.993-4.16-13.656c-.577-.777-1.513-.976-2.29-.458c-.756.518-.875%201.493-.278%202.35c2.17%203.184%203.524%207.365%203.524%2011.764c0%204.4-1.314%208.62-3.524%2011.766c-.577.856-.478%201.831.279%202.349m-18.355-.14c-.1%200-.22-.06-.339-.179l-8.819-7.943c-.477-.438-.875-.537-1.413-.537h-6.63c-.776%200-1.154-.359-1.154-1.155v-8.44c0-.777.378-1.155%201.155-1.155h6.629c.537%200%20.916-.08%201.413-.538l8.82-8.003c.099-.08.218-.159.338-.159c.179%200%20.279.12.279.279v27.53c0%20.18-.1.298-.28.298m10.412-5.235c.676.478%201.652.318%202.23-.458c1.552-2.09%202.487-5.156%202.487-8.282c0-3.125-.955-6.17-2.488-8.301c-.577-.776-1.533-.936-2.23-.458c-.875.577-.975%201.593-.338%202.469c1.155%201.552%201.851%203.921%201.851%206.29s-.736%204.738-1.87%206.311c-.598.856-.499%201.832.357%202.429%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/speaker-3.svg?color=%231a73e8&size=48
