chat x icon
chat-x from Reicon by REICON · Outline · Messages · MIT Free for personal and commercial use.
- Name
- chat-x
- Set
- Reicon
- Style
- Outline
- Category
- Messages
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More messages icons from Reicon
at-signchatchat-checkchat-dotschat-linechat-minuschat-pluschat-roundchat-round-callchat-round-checkchat-round-dotschat-round-likechat-round-linechat-round-moneychat-round-unreadchat-round-videochat-squarechat-square-arrowchat-square-callchat-square-checkchat-square-codechat-square-likechat-unreadcheck-read
Use the chat x icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.03 13.53a.75.75 0 0 1-1.06 0L12 11.56l-1.97 1.97a.75.75 0 1 1-1.06-1.06l1.97-1.97l-1.97-1.97a.75.75 0 1 1 1.06-1.06L12 9.44l1.97-1.97a.75.75 0 0 1 1.06 1.06l-1.97 1.97l1.97 1.97a.75.75 0 0 1 0 1.06"/><path fill-rule="evenodd" d="M8.367 1.25h7.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v4.43c0 1.015 0 1.82-.05 2.471c-.05.665-.156 1.23-.4 1.75a4.75 4.75 0 0 1-2.282 2.282c-.52.244-1.085.35-1.75.4c-.65.05-1.456.05-2.472.05h-.03c-.486 0-.582.007-.66.029a.75.75 0 0 0-.286.155c-.06.052-.118.13-.384.536l-.486.745c-.208.318-.391.6-.56.813c-.174.22-.397.454-.713.586a1.75 1.75 0 0 1-1.354 0c-.316-.133-.54-.367-.713-.587c-.169-.213-.352-.494-.56-.812l-.486-.745c-.266-.407-.324-.484-.384-.536a.75.75 0 0 0-.287-.155c-.077-.022-.173-.029-.659-.029h-.03c-1.016 0-1.822 0-2.472-.05c-.665-.05-1.23-.156-1.75-.4A4.75 4.75 0 0 1 1.7 17.018c-.244-.52-.35-1.085-.4-1.75c-.05-.65-.05-1.456-.05-2.472V8.368c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057M5.834 2.802c-.62.05-1.005.147-1.31.302a3.25 3.25 0 0 0-1.42 1.42c-.155.305-.251.69-.302 1.31c-.051.63-.052 1.434-.052 2.566v4.366c0 1.053 0 1.801.045 2.388c.044.58.128.94.263 1.226a3.25 3.25 0 0 0 1.562 1.562c.287.135.647.219 1.226.263c.587.045 1.335.045 2.388.045h.076c.367 0 .689 0 .994.086c.317.09.61.25.86.466c.239.207.415.477.614.784l.51.781c.232.355.378.577.498.73a1 1 0 0 0 .127.138a.25.25 0 0 0 .174 0a1 1 0 0 0 .127-.138c.12-.153.266-.375.498-.73l.51-.78c.2-.308.375-.578.614-.785a2.25 2.25 0 0 1 .86-.466c.305-.087.627-.086.994-.086h.076c1.053 0 1.801 0 2.388-.045c.58-.044.94-.128 1.226-.263a3.25 3.25 0 0 0 1.562-1.562c.135-.287.219-.647.263-1.226c.045-.587.045-1.335.045-2.388V8.4c0-1.132 0-1.937-.052-2.566c-.05-.62-.147-1.005-.302-1.31a3.25 3.25 0 0 0-1.42-1.42c-.305-.155-.69-.251-1.31-.302c-.63-.051-1.433-.052-2.566-.052H8.4c-1.132 0-1.937 0-2.566.052" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconChatX(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.03 13.53a.75.75 0 0 1-1.06 0L12 11.56l-1.97 1.97a.75.75 0 1 1-1.06-1.06l1.97-1.97l-1.97-1.97a.75.75 0 1 1 1.06-1.06L12 9.44l1.97-1.97a.75.75 0 0 1 1.06 1.06l-1.97 1.97l1.97 1.97a.75.75 0 0 1 0 1.06"/><path fillRule="evenodd" d="M8.367 1.25h7.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v4.43c0 1.015 0 1.82-.05 2.471c-.05.665-.156 1.23-.4 1.75a4.75 4.75 0 0 1-2.282 2.282c-.52.244-1.085.35-1.75.4c-.65.05-1.456.05-2.472.05h-.03c-.486 0-.582.007-.66.029a.75.75 0 0 0-.286.155c-.06.052-.118.13-.384.536l-.486.745c-.208.318-.391.6-.56.813c-.174.22-.397.454-.713.586a1.75 1.75 0 0 1-1.354 0c-.316-.133-.54-.367-.713-.587c-.169-.213-.352-.494-.56-.812l-.486-.745c-.266-.407-.324-.484-.384-.536a.75.75 0 0 0-.287-.155c-.077-.022-.173-.029-.659-.029h-.03c-1.016 0-1.822 0-2.472-.05c-.665-.05-1.23-.156-1.75-.4A4.75 4.75 0 0 1 1.7 17.018c-.244-.52-.35-1.085-.4-1.75c-.05-.65-.05-1.456-.05-2.472V8.368c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057M5.834 2.802c-.62.05-1.005.147-1.31.302a3.25 3.25 0 0 0-1.42 1.42c-.155.305-.251.69-.302 1.31c-.051.63-.052 1.434-.052 2.566v4.366c0 1.053 0 1.801.045 2.388c.044.58.128.94.263 1.226a3.25 3.25 0 0 0 1.562 1.562c.287.135.647.219 1.226.263c.587.045 1.335.045 2.388.045h.076c.367 0 .689 0 .994.086c.317.09.61.25.86.466c.239.207.415.477.614.784l.51.781c.232.355.378.577.498.73a1 1 0 0 0 .127.138a.25.25 0 0 0 .174 0a1 1 0 0 0 .127-.138c.12-.153.266-.375.498-.73l.51-.78c.2-.308.375-.578.614-.785a2.25 2.25 0 0 1 .86-.466c.305-.087.627-.086.994-.086h.076c1.053 0 1.801 0 2.388-.045c.58-.044.94-.128 1.226-.263a3.25 3.25 0 0 0 1.562-1.562c.135-.287.219-.647.263-1.226c.045-.587.045-1.335.045-2.388V8.4c0-1.132 0-1.937-.052-2.566c-.05-.62-.147-1.005-.302-1.31a3.25 3.25 0 0 0-1.42-1.42c-.305-.155-.69-.251-1.31-.302c-.63-.051-1.433-.052-2.566-.052H8.4c-1.132 0-1.937 0-2.566.052" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.03 13.53a.75.75 0 0 1-1.06 0L12 11.56l-1.97 1.97a.75.75 0 1 1-1.06-1.06l1.97-1.97l-1.97-1.97a.75.75 0 1 1 1.06-1.06L12 9.44l1.97-1.97a.75.75 0 0 1 1.06 1.06l-1.97 1.97l1.97 1.97a.75.75 0 0 1 0 1.06"/><path fill-rule="evenodd" d="M8.367 1.25h7.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v4.43c0 1.015 0 1.82-.05 2.471c-.05.665-.156 1.23-.4 1.75a4.75 4.75 0 0 1-2.282 2.282c-.52.244-1.085.35-1.75.4c-.65.05-1.456.05-2.472.05h-.03c-.486 0-.582.007-.66.029a.75.75 0 0 0-.286.155c-.06.052-.118.13-.384.536l-.486.745c-.208.318-.391.6-.56.813c-.174.22-.397.454-.713.586a1.75 1.75 0 0 1-1.354 0c-.316-.133-.54-.367-.713-.587c-.169-.213-.352-.494-.56-.812l-.486-.745c-.266-.407-.324-.484-.384-.536a.75.75 0 0 0-.287-.155c-.077-.022-.173-.029-.659-.029h-.03c-1.016 0-1.822 0-2.472-.05c-.665-.05-1.23-.156-1.75-.4A4.75 4.75 0 0 1 1.7 17.018c-.244-.52-.35-1.085-.4-1.75c-.05-.65-.05-1.456-.05-2.472V8.368c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057M5.834 2.802c-.62.05-1.005.147-1.31.302a3.25 3.25 0 0 0-1.42 1.42c-.155.305-.251.69-.302 1.31c-.051.63-.052 1.434-.052 2.566v4.366c0 1.053 0 1.801.045 2.388c.044.58.128.94.263 1.226a3.25 3.25 0 0 0 1.562 1.562c.287.135.647.219 1.226.263c.587.045 1.335.045 2.388.045h.076c.367 0 .689 0 .994.086c.317.09.61.25.86.466c.239.207.415.477.614.784l.51.781c.232.355.378.577.498.73a1 1 0 0 0 .127.138a.25.25 0 0 0 .174 0a1 1 0 0 0 .127-.138c.12-.153.266-.375.498-.73l.51-.78c.2-.308.375-.578.614-.785a2.25 2.25 0 0 1 .86-.466c.305-.087.627-.086.994-.086h.076c1.053 0 1.801 0 2.388-.045c.58-.044.94-.128 1.226-.263a3.25 3.25 0 0 0 1.562-1.562c.135-.287.219-.647.263-1.226c.045-.587.045-1.335.045-2.388V8.4c0-1.132 0-1.937-.052-2.566c-.05-.62-.147-1.005-.302-1.31a3.25 3.25 0 0 0-1.42-1.42c-.305-.155-.69-.251-1.31-.302c-.63-.051-1.433-.052-2.566-.052H8.4c-1.132 0-1.937 0-2.566.052" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-chat-x {
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%22currentColor%22%3E%3Cpath%20d%3D%22M15.03%2013.53a.75.75%200%200%201-1.06%200L12%2011.56l-1.97%201.97a.75.75%200%201%201-1.06-1.06l1.97-1.97l-1.97-1.97a.75.75%200%201%201%201.06-1.06L12%209.44l1.97-1.97a.75.75%200%200%201%201.06%201.06l-1.97%201.97l1.97%201.97a.75.75%200%200%201%200%201.06%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.367%201.25h7.266c1.092%200%201.958%200%202.655.057c.714.058%201.317.18%201.869.46a4.75%204.75%200%200%201%202.075%202.077c.281.55.403%201.154.461%201.868c.057.697.057%201.563.057%202.655v4.43c0%201.015%200%201.82-.05%202.471c-.05.665-.156%201.23-.4%201.75a4.75%204.75%200%200%201-2.282%202.282c-.52.244-1.085.35-1.75.4c-.65.05-1.456.05-2.472.05h-.03c-.486%200-.582.007-.66.029a.75.75%200%200%200-.286.155c-.06.052-.118.13-.384.536l-.486.745c-.208.318-.391.6-.56.813c-.174.22-.397.454-.713.586a1.75%201.75%200%200%201-1.354%200c-.316-.133-.54-.367-.713-.587c-.169-.213-.352-.494-.56-.812l-.486-.745c-.266-.407-.324-.484-.384-.536a.75.75%200%200%200-.287-.155c-.077-.022-.173-.029-.659-.029h-.03c-1.016%200-1.822%200-2.472-.05c-.665-.05-1.23-.156-1.75-.4A4.75%204.75%200%200%201%201.7%2017.018c-.244-.52-.35-1.085-.4-1.75c-.05-.65-.05-1.456-.05-2.472V8.368c0-1.092%200-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75%204.75%200%200%201%202.077-2.076c.55-.281%201.154-.403%201.868-.461c.697-.057%201.563-.057%202.655-.057M5.834%202.802c-.62.05-1.005.147-1.31.302a3.25%203.25%200%200%200-1.42%201.42c-.155.305-.251.69-.302%201.31c-.051.63-.052%201.434-.052%202.566v4.366c0%201.053%200%201.801.045%202.388c.044.58.128.94.263%201.226a3.25%203.25%200%200%200%201.562%201.562c.287.135.647.219%201.226.263c.587.045%201.335.045%202.388.045h.076c.367%200%20.689%200%20.994.086c.317.09.61.25.86.466c.239.207.415.477.614.784l.51.781c.232.355.378.577.498.73a1%201%200%200%200%20.127.138a.25.25%200%200%200%20.174%200a1%201%200%200%200%20.127-.138c.12-.153.266-.375.498-.73l.51-.78c.2-.308.375-.578.614-.785a2.25%202.25%200%200%201%20.86-.466c.305-.087.627-.086.994-.086h.076c1.053%200%201.801%200%202.388-.045c.58-.044.94-.128%201.226-.263a3.25%203.25%200%200%200%201.562-1.562c.135-.287.219-.647.263-1.226c.045-.587.045-1.335.045-2.388V8.4c0-1.132%200-1.937-.052-2.566c-.05-.62-.147-1.005-.302-1.31a3.25%203.25%200%200%200-1.42-1.42c-.305-.155-.69-.251-1.31-.302c-.63-.051-1.433-.052-2.566-.052H8.4c-1.132%200-1.937%200-2.566.052%22%20clip-rule%3D%22evenodd%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%22currentColor%22%3E%3Cpath%20d%3D%22M15.03%2013.53a.75.75%200%200%201-1.06%200L12%2011.56l-1.97%201.97a.75.75%200%201%201-1.06-1.06l1.97-1.97l-1.97-1.97a.75.75%200%201%201%201.06-1.06L12%209.44l1.97-1.97a.75.75%200%200%201%201.06%201.06l-1.97%201.97l1.97%201.97a.75.75%200%200%201%200%201.06%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.367%201.25h7.266c1.092%200%201.958%200%202.655.057c.714.058%201.317.18%201.869.46a4.75%204.75%200%200%201%202.075%202.077c.281.55.403%201.154.461%201.868c.057.697.057%201.563.057%202.655v4.43c0%201.015%200%201.82-.05%202.471c-.05.665-.156%201.23-.4%201.75a4.75%204.75%200%200%201-2.282%202.282c-.52.244-1.085.35-1.75.4c-.65.05-1.456.05-2.472.05h-.03c-.486%200-.582.007-.66.029a.75.75%200%200%200-.286.155c-.06.052-.118.13-.384.536l-.486.745c-.208.318-.391.6-.56.813c-.174.22-.397.454-.713.586a1.75%201.75%200%200%201-1.354%200c-.316-.133-.54-.367-.713-.587c-.169-.213-.352-.494-.56-.812l-.486-.745c-.266-.407-.324-.484-.384-.536a.75.75%200%200%200-.287-.155c-.077-.022-.173-.029-.659-.029h-.03c-1.016%200-1.822%200-2.472-.05c-.665-.05-1.23-.156-1.75-.4A4.75%204.75%200%200%201%201.7%2017.018c-.244-.52-.35-1.085-.4-1.75c-.05-.65-.05-1.456-.05-2.472V8.368c0-1.092%200-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75%204.75%200%200%201%202.077-2.076c.55-.281%201.154-.403%201.868-.461c.697-.057%201.563-.057%202.655-.057M5.834%202.802c-.62.05-1.005.147-1.31.302a3.25%203.25%200%200%200-1.42%201.42c-.155.305-.251.69-.302%201.31c-.051.63-.052%201.434-.052%202.566v4.366c0%201.053%200%201.801.045%202.388c.044.58.128.94.263%201.226a3.25%203.25%200%200%200%201.562%201.562c.287.135.647.219%201.226.263c.587.045%201.335.045%202.388.045h.076c.367%200%20.689%200%20.994.086c.317.09.61.25.86.466c.239.207.415.477.614.784l.51.781c.232.355.378.577.498.73a1%201%200%200%200%20.127.138a.25.25%200%200%200%20.174%200a1%201%200%200%200%20.127-.138c.12-.153.266-.375.498-.73l.51-.78c.2-.308.375-.578.614-.785a2.25%202.25%200%200%201%20.86-.466c.305-.087.627-.086.994-.086h.076c1.053%200%201.801%200%202.388-.045c.58-.044.94-.128%201.226-.263a3.25%203.25%200%200%200%201.562-1.562c.135-.287.219-.647.263-1.226c.045-.587.045-1.335.045-2.388V8.4c0-1.132%200-1.937-.052-2.566c-.05-.62-.147-1.005-.302-1.31a3.25%203.25%200%200%200-1.42-1.42c-.305-.155-.69-.251-1.31-.302c-.63-.051-1.433-.052-2.566-.052H8.4c-1.132%200-1.937%200-2.566.052%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/chat-x.svg?color=%231a73e8&size=48
