messages square icon
messages-square-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- messages-square-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the messages square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 9L19 9C20.6569 9 22 10.3431 22 12L22 21C22 21.5523 21.5523 22 21 22C20.7348 22 20.4804 21.8946 20.2929 21.7071L17.5858 19L14 19C12.3431 19 11 17.6569 11 16L11 12C11 10.3431 12.3431 9 14 9ZM6.7071 13.7071L3.7071 16.7071C3.5196 16.8946 3.2652 17 3 17C2.4477 17 2 16.5523 2 16L2 5C2 3.3431 3.3431 2 5 2L14 2C15.6569 2 17 3.3431 17 5L17 6C17 6.5523 16.5523 7 16 7C15.4477 7 15 6.5523 15 6L15 5C15 4.4477 14.5523 4 14 4L5 4C4.4477 4 4 4.4477 4 5L4 13.5858L5.2929 12.2929C5.4804 12.1054 5.7348 12 6 12C6.5523 12 7 12.4477 7 13C7 13.2652 6.8946 13.5196 6.7071 13.7071Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsMessagesSquareFill(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="M14 9L19 9C20.6569 9 22 10.3431 22 12L22 21C22 21.5523 21.5523 22 21 22C20.7348 22 20.4804 21.8946 20.2929 21.7071L17.5858 19L14 19C12.3431 19 11 17.6569 11 16L11 12C11 10.3431 12.3431 9 14 9ZM6.7071 13.7071L3.7071 16.7071C3.5196 16.8946 3.2652 17 3 17C2.4477 17 2 16.5523 2 16L2 5C2 3.3431 3.3431 2 5 2L14 2C15.6569 2 17 3.3431 17 5L17 6C17 6.5523 16.5523 7 16 7C15.4477 7 15 6.5523 15 6L15 5C15 4.4477 14.5523 4 14 4L5 4C4.4477 4 4 4.4477 4 5L4 13.5858L5.2929 12.2929C5.4804 12.1054 5.7348 12 6 12C6.5523 12 7 12.4477 7 13C7 13.2652 6.8946 13.5196 6.7071 13.7071Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 9L19 9C20.6569 9 22 10.3431 22 12L22 21C22 21.5523 21.5523 22 21 22C20.7348 22 20.4804 21.8946 20.2929 21.7071L17.5858 19L14 19C12.3431 19 11 17.6569 11 16L11 12C11 10.3431 12.3431 9 14 9ZM6.7071 13.7071L3.7071 16.7071C3.5196 16.8946 3.2652 17 3 17C2.4477 17 2 16.5523 2 16L2 5C2 3.3431 3.3431 2 5 2L14 2C15.6569 2 17 3.3431 17 5L17 6C17 6.5523 16.5523 7 16 7C15.4477 7 15 6.5523 15 6L15 5C15 4.4477 14.5523 4 14 4L5 4C4.4477 4 4 4.4477 4 5L4 13.5858L5.2929 12.2929C5.4804 12.1054 5.7348 12 6 12C6.5523 12 7 12.4477 7 13C7 13.2652 6.8946 13.5196 6.7071 13.7071Z"/></svg> </template>
CSS
.icon-messages-square-fill {
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%22M14%209L19%209C20.6569%209%2022%2010.3431%2022%2012L22%2021C22%2021.5523%2021.5523%2022%2021%2022C20.7348%2022%2020.4804%2021.8946%2020.2929%2021.7071L17.5858%2019L14%2019C12.3431%2019%2011%2017.6569%2011%2016L11%2012C11%2010.3431%2012.3431%209%2014%209ZM6.7071%2013.7071L3.7071%2016.7071C3.5196%2016.8946%203.2652%2017%203%2017C2.4477%2017%202%2016.5523%202%2016L2%205C2%203.3431%203.3431%202%205%202L14%202C15.6569%202%2017%203.3431%2017%205L17%206C17%206.5523%2016.5523%207%2016%207C15.4477%207%2015%206.5523%2015%206L15%205C15%204.4477%2014.5523%204%2014%204L5%204C4.4477%204%204%204.4477%204%205L4%2013.5858L5.2929%2012.2929C5.4804%2012.1054%205.7348%2012%206%2012C6.5523%2012%207%2012.4477%207%2013C7%2013.2652%206.8946%2013.5196%206.7071%2013.7071Z%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%22M14%209L19%209C20.6569%209%2022%2010.3431%2022%2012L22%2021C22%2021.5523%2021.5523%2022%2021%2022C20.7348%2022%2020.4804%2021.8946%2020.2929%2021.7071L17.5858%2019L14%2019C12.3431%2019%2011%2017.6569%2011%2016L11%2012C11%2010.3431%2012.3431%209%2014%209ZM6.7071%2013.7071L3.7071%2016.7071C3.5196%2016.8946%203.2652%2017%203%2017C2.4477%2017%202%2016.5523%202%2016L2%205C2%203.3431%203.3431%202%205%202L14%202C15.6569%202%2017%203.3431%2017%205L17%206C17%206.5523%2016.5523%207%2016%207C15.4477%207%2015%206.5523%2015%206L15%205C15%204.4477%2014.5523%204%2014%204L5%204C4.4477%204%204%204.4477%204%205L4%2013.5858L5.2929%2012.2929C5.4804%2012.1054%205.7348%2012%206%2012C6.5523%2012%207%2012.4477%207%2013C7%2013.2652%206.8946%2013.5196%206.7071%2013.7071Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/messages-square-fill.svg?color=%231a73e8&size=48
