person voice compact icon
person-voice-compact from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- person-voice-compact
- Set
- Codicons
- Style
- Regular
- Viewbox
- 12×12
- License
- CC BY 4.0
Related icons in Codicons
Use the person voice compact icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M7.5 6h-5C1.67 6 1 6.67 1 7.5c0 1.12.46 2.01 1.21 2.61c.74.59 1.73.89 2.79.89s2.05-.29 2.79-.89C8.54 9.51 9 8.61 9 7.5C9 6.67 8.33 6 7.5 6m-.34 3.33C6.63 9.75 5.88 10 5 10s-1.64-.24-2.16-.67C2.33 8.92 2 8.31 2 7.5c0-.28.22-.5.5-.5h5c.28 0 .5.22.5.5c0 .82-.32 1.42-.84 1.83M5 5c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m0-3c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m6 1c0 .96-.22 1.88-.67 2.73c-.09.17-.26.27-.44.27c-.08 0-.16-.02-.23-.06a.5.5 0 0 1-.21-.67a4.97 4.97 0 0 0 0-4.54a.493.493 0 0 1 .21-.67c.25-.13.55-.03.67.21c.44.85.67 1.77.67 2.73M8.6 1.27C8.87 1.8 9 2.38 9 3s-.14 1.2-.4 1.73c-.09.17-.26.27-.45.27c-.08 0-.15-.02-.23-.05a.5.5 0 0 1-.22-.67c.2-.38.29-.81.29-1.27s-.1-.89-.29-1.27a.49.49 0 0 1 .22-.67c.25-.12.55-.03.67.22z"/></svg>
React
import type { SVGProps } from "react";
export function CodiconPersonVoiceCompact(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M7.5 6h-5C1.67 6 1 6.67 1 7.5c0 1.12.46 2.01 1.21 2.61c.74.59 1.73.89 2.79.89s2.05-.29 2.79-.89C8.54 9.51 9 8.61 9 7.5C9 6.67 8.33 6 7.5 6m-.34 3.33C6.63 9.75 5.88 10 5 10s-1.64-.24-2.16-.67C2.33 8.92 2 8.31 2 7.5c0-.28.22-.5.5-.5h5c.28 0 .5.22.5.5c0 .82-.32 1.42-.84 1.83M5 5c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m0-3c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m6 1c0 .96-.22 1.88-.67 2.73c-.09.17-.26.27-.44.27c-.08 0-.16-.02-.23-.06a.5.5 0 0 1-.21-.67a4.97 4.97 0 0 0 0-4.54a.493.493 0 0 1 .21-.67c.25-.13.55-.03.67.21c.44.85.67 1.77.67 2.73M8.6 1.27C8.87 1.8 9 2.38 9 3s-.14 1.2-.4 1.73c-.09.17-.26.27-.45.27c-.08 0-.15-.02-.23-.05a.5.5 0 0 1-.22-.67c.2-.38.29-.81.29-1.27s-.1-.89-.29-1.27a.49.49 0 0 1 .22-.67c.25-.12.55-.03.67.22z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M7.5 6h-5C1.67 6 1 6.67 1 7.5c0 1.12.46 2.01 1.21 2.61c.74.59 1.73.89 2.79.89s2.05-.29 2.79-.89C8.54 9.51 9 8.61 9 7.5C9 6.67 8.33 6 7.5 6m-.34 3.33C6.63 9.75 5.88 10 5 10s-1.64-.24-2.16-.67C2.33 8.92 2 8.31 2 7.5c0-.28.22-.5.5-.5h5c.28 0 .5.22.5.5c0 .82-.32 1.42-.84 1.83M5 5c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m0-3c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m6 1c0 .96-.22 1.88-.67 2.73c-.09.17-.26.27-.44.27c-.08 0-.16-.02-.23-.06a.5.5 0 0 1-.21-.67a4.97 4.97 0 0 0 0-4.54a.493.493 0 0 1 .21-.67c.25-.13.55-.03.67.21c.44.85.67 1.77.67 2.73M8.6 1.27C8.87 1.8 9 2.38 9 3s-.14 1.2-.4 1.73c-.09.17-.26.27-.45.27c-.08 0-.15-.02-.23-.05a.5.5 0 0 1-.22-.67c.2-.38.29-.81.29-1.27s-.1-.89-.29-1.27a.49.49 0 0 1 .22-.67c.25-.12.55-.03.67.22z"/></svg> </template>
CSS
.icon-person-voice-compact {
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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%206h-5C1.67%206%201%206.67%201%207.5c0%201.12.46%202.01%201.21%202.61c.74.59%201.73.89%202.79.89s2.05-.29%202.79-.89C8.54%209.51%209%208.61%209%207.5C9%206.67%208.33%206%207.5%206m-.34%203.33C6.63%209.75%205.88%2010%205%2010s-1.64-.24-2.16-.67C2.33%208.92%202%208.31%202%207.5c0-.28.22-.5.5-.5h5c.28%200%20.5.22.5.5c0%20.82-.32%201.42-.84%201.83M5%205c1.1%200%202-.9%202-2s-.9-2-2-2s-2%20.9-2%202s.9%202%202%202m0-3c.55%200%201%20.45%201%201s-.45%201-1%201s-1-.45-1-1s.45-1%201-1m6%201c0%20.96-.22%201.88-.67%202.73c-.09.17-.26.27-.44.27c-.08%200-.16-.02-.23-.06a.5.5%200%200%201-.21-.67a4.97%204.97%200%200%200%200-4.54a.493.493%200%200%201%20.21-.67c.25-.13.55-.03.67.21c.44.85.67%201.77.67%202.73M8.6%201.27C8.87%201.8%209%202.38%209%203s-.14%201.2-.4%201.73c-.09.17-.26.27-.45.27c-.08%200-.15-.02-.23-.05a.5.5%200%200%201-.22-.67c.2-.38.29-.81.29-1.27s-.1-.89-.29-1.27a.49.49%200%200%201%20.22-.67c.25-.12.55-.03.67.22z%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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%206h-5C1.67%206%201%206.67%201%207.5c0%201.12.46%202.01%201.21%202.61c.74.59%201.73.89%202.79.89s2.05-.29%202.79-.89C8.54%209.51%209%208.61%209%207.5C9%206.67%208.33%206%207.5%206m-.34%203.33C6.63%209.75%205.88%2010%205%2010s-1.64-.24-2.16-.67C2.33%208.92%202%208.31%202%207.5c0-.28.22-.5.5-.5h5c.28%200%20.5.22.5.5c0%20.82-.32%201.42-.84%201.83M5%205c1.1%200%202-.9%202-2s-.9-2-2-2s-2%20.9-2%202s.9%202%202%202m0-3c.55%200%201%20.45%201%201s-.45%201-1%201s-1-.45-1-1s.45-1%201-1m6%201c0%20.96-.22%201.88-.67%202.73c-.09.17-.26.27-.44.27c-.08%200-.16-.02-.23-.06a.5.5%200%200%201-.21-.67a4.97%204.97%200%200%200%200-4.54a.493.493%200%200%201%20.21-.67c.25-.13.55-.03.67.21c.44.85.67%201.77.67%202.73M8.6%201.27C8.87%201.8%209%202.38%209%203s-.14%201.2-.4%201.73c-.09.17-.26.27-.45.27c-.08%200-.15-.02-.23-.05a.5.5%200%200%201-.22-.67c.2-.38.29-.81.29-1.27s-.1-.89-.29-1.27a.49.49%200%200%201%20.22-.67c.25-.12.55-.03.67.22z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/person-voice-compact.svg?color=%231a73e8&size=48
