round speaker phone icon
round-speaker-phone from Google Material Icons by Material Design Authors · Baseline · Communication · Apache-2.0 Free for personal and commercial use.
- Name
- round-speaker-phone
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Communication
- Viewbox
- 24×24
- License
- Apache 2.0
More communication icons from Google Material Icons
baseline-3pbaseline-add-ic-callbaseline-alternate-emailbaseline-app-registrationbaseline-businessbaseline-callbaseline-call-endbaseline-call-madebaseline-call-mergebaseline-call-missedbaseline-call-missed-outgoingbaseline-call-receivedbaseline-call-splitbaseline-cancel-presentationbaseline-cell-towerbaseline-cell-wifibaseline-chatbaseline-chat-bubblebaseline-clear-allbaseline-co-presentbaseline-commentbaseline-comments-disabledbaseline-contact-emergencybaseline-contact-mail
Use the round speaker phone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.76 7.83l.02.02c.35.35.89.38 1.3.09c.83-.57 1.84-.92 2.92-.92s2.09.35 2.92.93c.4.29.95.26 1.3-.09l.02-.02c.42-.42.39-1.14-.09-1.49C14.98 5.5 13.55 5 12 5s-2.98.5-4.14 1.34c-.49.35-.52 1.07-.1 1.49"/><path fill="currentColor" d="M12 1c-2.62 0-5.03.93-6.92 2.47A1 1 0 0 0 5 4.96c.36.36.93.39 1.32.07C7.86 3.76 9.85 3 12 3s4.14.76 5.69 2.03c.39.32.96.29 1.32-.07c.42-.42.38-1.11-.08-1.49C17.03 1.93 14.62 1 12 1m3 9H9c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.99c.55 0 1-.45 1-1L16 11c0-.55-.45-1-1-1m0 10H9v-8h6z"/></svg>
React
import type { SVGProps } from "react";
export function IcRoundSpeakerPhone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.76 7.83l.02.02c.35.35.89.38 1.3.09c.83-.57 1.84-.92 2.92-.92s2.09.35 2.92.93c.4.29.95.26 1.3-.09l.02-.02c.42-.42.39-1.14-.09-1.49C14.98 5.5 13.55 5 12 5s-2.98.5-4.14 1.34c-.49.35-.52 1.07-.1 1.49"/><path fill="currentColor" d="M12 1c-2.62 0-5.03.93-6.92 2.47A1 1 0 0 0 5 4.96c.36.36.93.39 1.32.07C7.86 3.76 9.85 3 12 3s4.14.76 5.69 2.03c.39.32.96.29 1.32-.07c.42-.42.38-1.11-.08-1.49C17.03 1.93 14.62 1 12 1m3 9H9c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.99c.55 0 1-.45 1-1L16 11c0-.55-.45-1-1-1m0 10H9v-8h6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.76 7.83l.02.02c.35.35.89.38 1.3.09c.83-.57 1.84-.92 2.92-.92s2.09.35 2.92.93c.4.29.95.26 1.3-.09l.02-.02c.42-.42.39-1.14-.09-1.49C14.98 5.5 13.55 5 12 5s-2.98.5-4.14 1.34c-.49.35-.52 1.07-.1 1.49"/><path fill="currentColor" d="M12 1c-2.62 0-5.03.93-6.92 2.47A1 1 0 0 0 5 4.96c.36.36.93.39 1.32.07C7.86 3.76 9.85 3 12 3s4.14.76 5.69 2.03c.39.32.96.29 1.32-.07c.42-.42.38-1.11-.08-1.49C17.03 1.93 14.62 1 12 1m3 9H9c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.99c.55 0 1-.45 1-1L16 11c0-.55-.45-1-1-1m0 10H9v-8h6z"/></svg> </template>
CSS
.icon-round-speaker-phone {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.76%207.83l.02.02c.35.35.89.38%201.3.09c.83-.57%201.84-.92%202.92-.92s2.09.35%202.92.93c.4.29.95.26%201.3-.09l.02-.02c.42-.42.39-1.14-.09-1.49C14.98%205.5%2013.55%205%2012%205s-2.98.5-4.14%201.34c-.49.35-.52%201.07-.1%201.49%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201c-2.62%200-5.03.93-6.92%202.47A1%201%200%200%200%205%204.96c.36.36.93.39%201.32.07C7.86%203.76%209.85%203%2012%203s4.14.76%205.69%202.03c.39.32.96.29%201.32-.07c.42-.42.38-1.11-.08-1.49C17.03%201.93%2014.62%201%2012%201m3%209H9c-.55%200-1%20.45-1%201v10c0%20.55.45%201%201%201h5.99c.55%200%201-.45%201-1L16%2011c0-.55-.45-1-1-1m0%2010H9v-8h6z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.76%207.83l.02.02c.35.35.89.38%201.3.09c.83-.57%201.84-.92%202.92-.92s2.09.35%202.92.93c.4.29.95.26%201.3-.09l.02-.02c.42-.42.39-1.14-.09-1.49C14.98%205.5%2013.55%205%2012%205s-2.98.5-4.14%201.34c-.49.35-.52%201.07-.1%201.49%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201c-2.62%200-5.03.93-6.92%202.47A1%201%200%200%200%205%204.96c.36.36.93.39%201.32.07C7.86%203.76%209.85%203%2012%203s4.14.76%205.69%202.03c.39.32.96.29%201.32-.07c.42-.42.38-1.11-.08-1.49C17.03%201.93%2014.62%201%2012%201m3%209H9c-.55%200-1%20.45-1%201v10c0%20.55.45%201%201%201h5.99c.55%200%201-.45%201-1L16%2011c0-.55-.45-1-1-1m0%2010H9v-8h6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-speaker-phone.svg?color=%231a73e8&size=48
