bot message square icon
bot-message-square from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- bot-message-square
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the bot message square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M19.499 15v-3c0-1.886 0-2.828-.586-3.414C18.328 8 17.385 8 15.5 8h-7c-1.886 0-2.828 0-3.414.586S4.499 10.114 4.499 12v4.5c0 .465 0 .697.038.89a2 2 0 0 0 1.572 1.572c.193.038.425.038.89.038c0 1.374 0 2.06.376 2.36q.153.123.342.179c.461.135 1.024-.258 2.15-1.046l1.615-1.131c.257-.18.385-.27.532-.316c.146-.046.303-.046.616-.046h2.869c1.886 0 2.829 0 3.414-.586c.586-.586.586-1.528.586-3.414Z"/><path stroke-linecap="round" d="M11.999 8V5M4.5 16H4c-.943 0-1.414 0-1.707-.293S2 14.943 2 14v-1.5c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C2.801 11 3.034 11 3.5 11h1m14.996 0h.5c.943 0 1.414 0 1.707.293s.293.764.293 1.707v1c0 .943 0 1.414-.293 1.707S20.94 16 19.996 16h-.5"/><path d="M13.499 3.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M8.999 11.5v1m6-1v1m-5 3s.667.5 2 .5s2-.5 2-.5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsBotMessageSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinejoin="round" d="M19.499 15v-3c0-1.886 0-2.828-.586-3.414C18.328 8 17.385 8 15.5 8h-7c-1.886 0-2.828 0-3.414.586S4.499 10.114 4.499 12v4.5c0 .465 0 .697.038.89a2 2 0 0 0 1.572 1.572c.193.038.425.038.89.038c0 1.374 0 2.06.376 2.36q.153.123.342.179c.461.135 1.024-.258 2.15-1.046l1.615-1.131c.257-.18.385-.27.532-.316c.146-.046.303-.046.616-.046h2.869c1.886 0 2.829 0 3.414-.586c.586-.586.586-1.528.586-3.414Z"/><path strokeLinecap="round" d="M11.999 8V5M4.5 16H4c-.943 0-1.414 0-1.707-.293S2 14.943 2 14v-1.5c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C2.801 11 3.034 11 3.5 11h1m14.996 0h.5c.943 0 1.414 0 1.707.293s.293.764.293 1.707v1c0 .943 0 1.414-.293 1.707S20.94 16 19.996 16h-.5"/><path d="M13.499 3.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M8.999 11.5v1m6-1v1m-5 3s.667.5 2 .5s2-.5 2-.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M19.499 15v-3c0-1.886 0-2.828-.586-3.414C18.328 8 17.385 8 15.5 8h-7c-1.886 0-2.828 0-3.414.586S4.499 10.114 4.499 12v4.5c0 .465 0 .697.038.89a2 2 0 0 0 1.572 1.572c.193.038.425.038.89.038c0 1.374 0 2.06.376 2.36q.153.123.342.179c.461.135 1.024-.258 2.15-1.046l1.615-1.131c.257-.18.385-.27.532-.316c.146-.046.303-.046.616-.046h2.869c1.886 0 2.829 0 3.414-.586c.586-.586.586-1.528.586-3.414Z"/><path stroke-linecap="round" d="M11.999 8V5M4.5 16H4c-.943 0-1.414 0-1.707-.293S2 14.943 2 14v-1.5c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C2.801 11 3.034 11 3.5 11h1m14.996 0h.5c.943 0 1.414 0 1.707.293s.293.764.293 1.707v1c0 .943 0 1.414-.293 1.707S20.94 16 19.996 16h-.5"/><path d="M13.499 3.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M8.999 11.5v1m6-1v1m-5 3s.667.5 2 .5s2-.5 2-.5"/></g></svg> </template>
CSS
.icon-bot-message-square {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M19.499%2015v-3c0-1.886%200-2.828-.586-3.414C18.328%208%2017.385%208%2015.5%208h-7c-1.886%200-2.828%200-3.414.586S4.499%2010.114%204.499%2012v4.5c0%20.465%200%20.697.038.89a2%202%200%200%200%201.572%201.572c.193.038.425.038.89.038c0%201.374%200%202.06.376%202.36q.153.123.342.179c.461.135%201.024-.258%202.15-1.046l1.615-1.131c.257-.18.385-.27.532-.316c.146-.046.303-.046.616-.046h2.869c1.886%200%202.829%200%203.414-.586c.586-.586.586-1.528.586-3.414Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11.999%208V5M4.5%2016H4c-.943%200-1.414%200-1.707-.293S2%2014.943%202%2014v-1.5c0-.466%200-.699.076-.883a1%201%200%200%201%20.541-.54C2.801%2011%203.034%2011%203.5%2011h1m14.996%200h.5c.943%200%201.414%200%201.707.293s.293.764.293%201.707v1c0%20.943%200%201.414-.293%201.707S20.94%2016%2019.996%2016h-.5%22%2F%3E%3Cpath%20d%3D%22M13.499%203.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.999%2011.5v1m6-1v1m-5%203s.667.5%202%20.5s2-.5%202-.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M19.499%2015v-3c0-1.886%200-2.828-.586-3.414C18.328%208%2017.385%208%2015.5%208h-7c-1.886%200-2.828%200-3.414.586S4.499%2010.114%204.499%2012v4.5c0%20.465%200%20.697.038.89a2%202%200%200%200%201.572%201.572c.193.038.425.038.89.038c0%201.374%200%202.06.376%202.36q.153.123.342.179c.461.135%201.024-.258%202.15-1.046l1.615-1.131c.257-.18.385-.27.532-.316c.146-.046.303-.046.616-.046h2.869c1.886%200%202.829%200%203.414-.586c.586-.586.586-1.528.586-3.414Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11.999%208V5M4.5%2016H4c-.943%200-1.414%200-1.707-.293S2%2014.943%202%2014v-1.5c0-.466%200-.699.076-.883a1%201%200%200%201%20.541-.54C2.801%2011%203.034%2011%203.5%2011h1m14.996%200h.5c.943%200%201.414%200%201.707.293s.293.764.293%201.707v1c0%20.943%200%201.414-.293%201.707S20.94%2016%2019.996%2016h-.5%22%2F%3E%3Cpath%20d%3D%22M13.499%203.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.999%2011.5v1m6-1v1m-5%203s.667.5%202%20.5s2-.5%202-.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/bot-message-square.svg?color=%231a73e8&size=48
