hifispeaker icon
hifispeaker from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- hifispeaker
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Use the hifispeaker icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.68 7.856v40.289c0 4.921 2.437 7.359 7.265 7.359h26.11c4.828 0 7.265-2.438 7.265-7.36V7.857c0-4.899-2.437-7.36-7.265-7.36h-26.11c-4.828 0-7.265 2.461-7.265 7.36m3.773.046c0-2.343 1.266-3.632 3.703-3.632h25.688c2.437 0 3.703 1.289 3.703 3.632v40.196c0 2.297-1.266 3.633-3.703 3.633H15.156c-2.437 0-3.703-1.337-3.703-3.633Zm16.524 13.149c3.632 0 6.586-2.906 6.562-6.563c-.023-3.633-2.93-6.492-6.562-6.515c-3.633-.024-6.516 2.882-6.516 6.515c0 3.657 2.883 6.563 6.516 6.563M28 17.863a3.39 3.39 0 0 1-3.375-3.375c0-1.875 1.5-3.328 3.375-3.328c1.805 0 3.375 1.477 3.375 3.328A3.39 3.39 0 0 1 28 17.863m0 30.211c6.54 0 11.813-5.273 11.813-11.86c0-6.562-5.274-11.765-11.813-11.812c-6.54-.023-11.812 5.25-11.812 11.813c0 6.586 5.273 11.86 11.812 11.86m0-6.843c-2.742 0-5.016-2.227-5.016-5.016c0-2.836 2.227-4.992 5.016-4.992s5.016 2.156 5.016 4.992A4.99 4.99 0 0 1 28 41.23"/></svg>
React
import type { SVGProps } from "react";
export function F7Hifispeaker(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="M7.68 7.856v40.289c0 4.921 2.437 7.359 7.265 7.359h26.11c4.828 0 7.265-2.438 7.265-7.36V7.857c0-4.899-2.437-7.36-7.265-7.36h-26.11c-4.828 0-7.265 2.461-7.265 7.36m3.773.046c0-2.343 1.266-3.632 3.703-3.632h25.688c2.437 0 3.703 1.289 3.703 3.632v40.196c0 2.297-1.266 3.633-3.703 3.633H15.156c-2.437 0-3.703-1.337-3.703-3.633Zm16.524 13.149c3.632 0 6.586-2.906 6.562-6.563c-.023-3.633-2.93-6.492-6.562-6.515c-3.633-.024-6.516 2.882-6.516 6.515c0 3.657 2.883 6.563 6.516 6.563M28 17.863a3.39 3.39 0 0 1-3.375-3.375c0-1.875 1.5-3.328 3.375-3.328c1.805 0 3.375 1.477 3.375 3.328A3.39 3.39 0 0 1 28 17.863m0 30.211c6.54 0 11.813-5.273 11.813-11.86c0-6.562-5.274-11.765-11.813-11.812c-6.54-.023-11.812 5.25-11.812 11.813c0 6.586 5.273 11.86 11.812 11.86m0-6.843c-2.742 0-5.016-2.227-5.016-5.016c0-2.836 2.227-4.992 5.016-4.992s5.016 2.156 5.016 4.992A4.99 4.99 0 0 1 28 41.23"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.68 7.856v40.289c0 4.921 2.437 7.359 7.265 7.359h26.11c4.828 0 7.265-2.438 7.265-7.36V7.857c0-4.899-2.437-7.36-7.265-7.36h-26.11c-4.828 0-7.265 2.461-7.265 7.36m3.773.046c0-2.343 1.266-3.632 3.703-3.632h25.688c2.437 0 3.703 1.289 3.703 3.632v40.196c0 2.297-1.266 3.633-3.703 3.633H15.156c-2.437 0-3.703-1.337-3.703-3.633Zm16.524 13.149c3.632 0 6.586-2.906 6.562-6.563c-.023-3.633-2.93-6.492-6.562-6.515c-3.633-.024-6.516 2.882-6.516 6.515c0 3.657 2.883 6.563 6.516 6.563M28 17.863a3.39 3.39 0 0 1-3.375-3.375c0-1.875 1.5-3.328 3.375-3.328c1.805 0 3.375 1.477 3.375 3.328A3.39 3.39 0 0 1 28 17.863m0 30.211c6.54 0 11.813-5.273 11.813-11.86c0-6.562-5.274-11.765-11.813-11.812c-6.54-.023-11.812 5.25-11.812 11.813c0 6.586 5.273 11.86 11.812 11.86m0-6.843c-2.742 0-5.016-2.227-5.016-5.016c0-2.836 2.227-4.992 5.016-4.992s5.016 2.156 5.016 4.992A4.99 4.99 0 0 1 28 41.23"/></svg> </template>
CSS
.icon-hifispeaker {
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%22M7.68%207.856v40.289c0%204.921%202.437%207.359%207.265%207.359h26.11c4.828%200%207.265-2.438%207.265-7.36V7.857c0-4.899-2.437-7.36-7.265-7.36h-26.11c-4.828%200-7.265%202.461-7.265%207.36m3.773.046c0-2.343%201.266-3.632%203.703-3.632h25.688c2.437%200%203.703%201.289%203.703%203.632v40.196c0%202.297-1.266%203.633-3.703%203.633H15.156c-2.437%200-3.703-1.337-3.703-3.633Zm16.524%2013.149c3.632%200%206.586-2.906%206.562-6.563c-.023-3.633-2.93-6.492-6.562-6.515c-3.633-.024-6.516%202.882-6.516%206.515c0%203.657%202.883%206.563%206.516%206.563M28%2017.863a3.39%203.39%200%200%201-3.375-3.375c0-1.875%201.5-3.328%203.375-3.328c1.805%200%203.375%201.477%203.375%203.328A3.39%203.39%200%200%201%2028%2017.863m0%2030.211c6.54%200%2011.813-5.273%2011.813-11.86c0-6.562-5.274-11.765-11.813-11.812c-6.54-.023-11.812%205.25-11.812%2011.813c0%206.586%205.273%2011.86%2011.812%2011.86m0-6.843c-2.742%200-5.016-2.227-5.016-5.016c0-2.836%202.227-4.992%205.016-4.992s5.016%202.156%205.016%204.992A4.99%204.99%200%200%201%2028%2041.23%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%22M7.68%207.856v40.289c0%204.921%202.437%207.359%207.265%207.359h26.11c4.828%200%207.265-2.438%207.265-7.36V7.857c0-4.899-2.437-7.36-7.265-7.36h-26.11c-4.828%200-7.265%202.461-7.265%207.36m3.773.046c0-2.343%201.266-3.632%203.703-3.632h25.688c2.437%200%203.703%201.289%203.703%203.632v40.196c0%202.297-1.266%203.633-3.703%203.633H15.156c-2.437%200-3.703-1.337-3.703-3.633Zm16.524%2013.149c3.632%200%206.586-2.906%206.562-6.563c-.023-3.633-2.93-6.492-6.562-6.515c-3.633-.024-6.516%202.882-6.516%206.515c0%203.657%202.883%206.563%206.516%206.563M28%2017.863a3.39%203.39%200%200%201-3.375-3.375c0-1.875%201.5-3.328%203.375-3.328c1.805%200%203.375%201.477%203.375%203.328A3.39%203.39%200%200%201%2028%2017.863m0%2030.211c6.54%200%2011.813-5.273%2011.813-11.86c0-6.562-5.274-11.765-11.813-11.812c-6.54-.023-11.812%205.25-11.812%2011.813c0%206.586%205.273%2011.86%2011.812%2011.86m0-6.843c-2.742%200-5.016-2.227-5.016-5.016c0-2.836%202.227-4.992%205.016-4.992s5.016%202.156%205.016%204.992A4.99%204.99%200%200%201%2028%2041.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/hifispeaker.svg?color=%231a73e8&size=48
