speech icon
speech-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- speech-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the speech icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 14v-1a1 1 0 0 0-.894 1.447zm18 0l.894.447A1 1 0 0 0 21 13zm-3 6v1a1 1 0 0 0 .894-.553zM6 20l-.894.447A1 1 0 0 0 6 21zm8-14h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V7a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V3a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm9 10l-.894-.447l-3 6L18 20l.894.447l3-6zm-3 6v-1H6v2h12zM6 20l.894-.447l-3-6L3 14l-.894.447l3 6zm-3-6v1h3.056v-2H3zm3.056 0l.977.212c.133-.612.669-1.421 1.596-2.096A5.8 5.8 0 0 1 12 11V9c-1.753 0-3.341.62-4.548 1.499c-1.186.863-2.105 2.053-2.373 3.289zm0 0v1h11.888v-2H6.056zm11.888 0v1H21v-2h-3.056zM12 10v1a5.78 5.78 0 0 1 3.371 1.116c.927.675 1.463 1.484 1.596 2.096l.977-.212l.977-.212c-.268-1.235-1.187-2.426-2.373-3.29C15.341 9.62 13.753 9 12 9z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSpeechLine(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="M3 14v-1a1 1 0 0 0-.894 1.447zm18 0l.894.447A1 1 0 0 0 21 13zm-3 6v1a1 1 0 0 0 .894-.553zM6 20l-.894.447A1 1 0 0 0 6 21zm8-14h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V7a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V3a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm9 10l-.894-.447l-3 6L18 20l.894.447l3-6zm-3 6v-1H6v2h12zM6 20l.894-.447l-3-6L3 14l-.894.447l3 6zm-3-6v1h3.056v-2H3zm3.056 0l.977.212c.133-.612.669-1.421 1.596-2.096A5.8 5.8 0 0 1 12 11V9c-1.753 0-3.341.62-4.548 1.499c-1.186.863-2.105 2.053-2.373 3.289zm0 0v1h11.888v-2H6.056zm11.888 0v1H21v-2h-3.056zM12 10v1a5.78 5.78 0 0 1 3.371 1.116c.927.675 1.463 1.484 1.596 2.096l.977-.212l.977-.212c-.268-1.235-1.187-2.426-2.373-3.29C15.341 9.62 13.753 9 12 9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 14v-1a1 1 0 0 0-.894 1.447zm18 0l.894.447A1 1 0 0 0 21 13zm-3 6v1a1 1 0 0 0 .894-.553zM6 20l-.894.447A1 1 0 0 0 6 21zm8-14h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V7a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V3a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm9 10l-.894-.447l-3 6L18 20l.894.447l3-6zm-3 6v-1H6v2h12zM6 20l.894-.447l-3-6L3 14l-.894.447l3 6zm-3-6v1h3.056v-2H3zm3.056 0l.977.212c.133-.612.669-1.421 1.596-2.096A5.8 5.8 0 0 1 12 11V9c-1.753 0-3.341.62-4.548 1.499c-1.186.863-2.105 2.053-2.373 3.289zm0 0v1h11.888v-2H6.056zm11.888 0v1H21v-2h-3.056zM12 10v1a5.78 5.78 0 0 1 3.371 1.116c.927.675 1.463 1.484 1.596 2.096l.977-.212l.977-.212c-.268-1.235-1.187-2.426-2.373-3.29C15.341 9.62 13.753 9 12 9z"/></svg> </template>
CSS
.icon-speech-line {
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%22M3%2014v-1a1%201%200%200%200-.894%201.447zm18%200l.894.447A1%201%200%200%200%2021%2013zm-3%206v1a1%201%200%200%200%20.894-.553zM6%2020l-.894.447A1%201%200%200%200%206%2021zm8-14h-1a1%201%200%200%201-1%201v2a3%203%200%200%200%203-3zm-2%202V7a1%201%200%200%201-1-1H9a3%203%200%200%200%203%203zm-2-2h1a1%201%200%200%201%201-1V3a3%203%200%200%200-3%203zm2-2v1a1%201%200%200%201%201%201h2a3%203%200%200%200-3-3zm9%2010l-.894-.447l-3%206L18%2020l.894.447l3-6zm-3%206v-1H6v2h12zM6%2020l.894-.447l-3-6L3%2014l-.894.447l3%206zm-3-6v1h3.056v-2H3zm3.056%200l.977.212c.133-.612.669-1.421%201.596-2.096A5.8%205.8%200%200%201%2012%2011V9c-1.753%200-3.341.62-4.548%201.499c-1.186.863-2.105%202.053-2.373%203.289zm0%200v1h11.888v-2H6.056zm11.888%200v1H21v-2h-3.056zM12%2010v1a5.78%205.78%200%200%201%203.371%201.116c.927.675%201.463%201.484%201.596%202.096l.977-.212l.977-.212c-.268-1.235-1.187-2.426-2.373-3.29C15.341%209.62%2013.753%209%2012%209z%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%22M3%2014v-1a1%201%200%200%200-.894%201.447zm18%200l.894.447A1%201%200%200%200%2021%2013zm-3%206v1a1%201%200%200%200%20.894-.553zM6%2020l-.894.447A1%201%200%200%200%206%2021zm8-14h-1a1%201%200%200%201-1%201v2a3%203%200%200%200%203-3zm-2%202V7a1%201%200%200%201-1-1H9a3%203%200%200%200%203%203zm-2-2h1a1%201%200%200%201%201-1V3a3%203%200%200%200-3%203zm2-2v1a1%201%200%200%201%201%201h2a3%203%200%200%200-3-3zm9%2010l-.894-.447l-3%206L18%2020l.894.447l3-6zm-3%206v-1H6v2h12zM6%2020l.894-.447l-3-6L3%2014l-.894.447l3%206zm-3-6v1h3.056v-2H3zm3.056%200l.977.212c.133-.612.669-1.421%201.596-2.096A5.8%205.8%200%200%201%2012%2011V9c-1.753%200-3.341.62-4.548%201.499c-1.186.863-2.105%202.053-2.373%203.289zm0%200v1h11.888v-2H6.056zm11.888%200v1H21v-2h-3.056zM12%2010v1a5.78%205.78%200%200%201%203.371%201.116c.927.675%201.463%201.484%201.596%202.096l.977-.212l.977-.212c-.268-1.235-1.187-2.426-2.373-3.29C15.341%209.62%2013.753%209%2012%209z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/speech-line.svg?color=%231a73e8&size=48
