chat round close icon
chat-round-close-outline from Solar by 480 Design · Outline · Messages · CC-BY-4.0 Attribution required.
- Name
- chat-round-close-outline
- Set
- Solar
- Style
- Outline
- Category
- Messages
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More messages icons from Solar
chat-round-add-boldchat-round-boldchat-round-call-boldchat-round-check-boldchat-round-code-boldchat-round-dots-boldchat-round-like-boldchat-round-line-boldchat-round-money-boldchat-round-off-boldchat-round-question-mark-boldchat-round-quote-boldchat-round-replay-boldchat-round-unread-boldchat-round-video-boldchat-round-warning-boldchat-square-add-boldchat-square-arrow-boldchat-square-boldchat-square-call-boldchat-square-check-boldchat-square-close-boldchat-square-code-boldchat-square-dots-bold
Use the chat round close icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 13.7183 1.65371 15.3445 2.37213 16.7869C2.47933 17.0021 2.50208 17.2219 2.4526 17.4068L1.857 19.6328C1.44927 21.1566 2.84337 22.5507 4.3672 22.143L6.59324 21.5474C6.77814 21.4979 6.99791 21.5207 7.21315 21.6279C8.65553 22.3463 10.2817 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12ZM12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C10.5189 21.25 9.12121 20.9025 7.88191 20.2852C7.38451 20.0375 6.78973 19.9421 6.20553 20.0984L3.97949 20.694C3.57066 20.8034 3.19663 20.4293 3.30602 20.0205L3.90163 17.7945C4.05794 17.2103 3.96254 16.6155 3.7148 16.1181C3.09752 14.8788 2.75 13.4811 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75Z" clip-rule="evenodd"/><path d="M13.9697 8.96966C14.2626 8.67679 14.7373 8.67678 15.0302 8.96966C15.3231 9.26255 15.3231 9.73732 15.0302 10.0302L13.0605 11.9999L15.0302 13.9697C15.3231 14.2626 15.3231 14.7373 15.0302 15.0302C14.7373 15.3231 14.2626 15.3231 13.9697 15.0302L11.9999 13.0605L10.0302 15.0302C9.73732 15.3231 9.26256 15.3231 8.96967 15.0302C8.67678 14.7373 8.67678 14.2626 8.96967 13.9697L10.9394 11.9999L8.96967 10.0302C8.67678 9.73732 8.67678 9.26256 8.96967 8.96966C9.26256 8.67678 9.73733 8.67677 10.0302 8.96966L11.9999 10.9394L13.9697 8.96966Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarChatRoundCloseOutline(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 fillRule="evenodd" d="M22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 13.7183 1.65371 15.3445 2.37213 16.7869C2.47933 17.0021 2.50208 17.2219 2.4526 17.4068L1.857 19.6328C1.44927 21.1566 2.84337 22.5507 4.3672 22.143L6.59324 21.5474C6.77814 21.4979 6.99791 21.5207 7.21315 21.6279C8.65553 22.3463 10.2817 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12ZM12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C10.5189 21.25 9.12121 20.9025 7.88191 20.2852C7.38451 20.0375 6.78973 19.9421 6.20553 20.0984L3.97949 20.694C3.57066 20.8034 3.19663 20.4293 3.30602 20.0205L3.90163 17.7945C4.05794 17.2103 3.96254 16.6155 3.7148 16.1181C3.09752 14.8788 2.75 13.4811 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75Z" clipRule="evenodd"/><path d="M13.9697 8.96966C14.2626 8.67679 14.7373 8.67678 15.0302 8.96966C15.3231 9.26255 15.3231 9.73732 15.0302 10.0302L13.0605 11.9999L15.0302 13.9697C15.3231 14.2626 15.3231 14.7373 15.0302 15.0302C14.7373 15.3231 14.2626 15.3231 13.9697 15.0302L11.9999 13.0605L10.0302 15.0302C9.73732 15.3231 9.26256 15.3231 8.96967 15.0302C8.67678 14.7373 8.67678 14.2626 8.96967 13.9697L10.9394 11.9999L8.96967 10.0302C8.67678 9.73732 8.67678 9.26256 8.96967 8.96966C9.26256 8.67678 9.73733 8.67677 10.0302 8.96966L11.9999 10.9394L13.9697 8.96966Z"/></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 fill-rule="evenodd" d="M22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 13.7183 1.65371 15.3445 2.37213 16.7869C2.47933 17.0021 2.50208 17.2219 2.4526 17.4068L1.857 19.6328C1.44927 21.1566 2.84337 22.5507 4.3672 22.143L6.59324 21.5474C6.77814 21.4979 6.99791 21.5207 7.21315 21.6279C8.65553 22.3463 10.2817 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12ZM12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C10.5189 21.25 9.12121 20.9025 7.88191 20.2852C7.38451 20.0375 6.78973 19.9421 6.20553 20.0984L3.97949 20.694C3.57066 20.8034 3.19663 20.4293 3.30602 20.0205L3.90163 17.7945C4.05794 17.2103 3.96254 16.6155 3.7148 16.1181C3.09752 14.8788 2.75 13.4811 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75Z" clip-rule="evenodd"/><path d="M13.9697 8.96966C14.2626 8.67679 14.7373 8.67678 15.0302 8.96966C15.3231 9.26255 15.3231 9.73732 15.0302 10.0302L13.0605 11.9999L15.0302 13.9697C15.3231 14.2626 15.3231 14.7373 15.0302 15.0302C14.7373 15.3231 14.2626 15.3231 13.9697 15.0302L11.9999 13.0605L10.0302 15.0302C9.73732 15.3231 9.26256 15.3231 8.96967 15.0302C8.67678 14.7373 8.67678 14.2626 8.96967 13.9697L10.9394 11.9999L8.96967 10.0302C8.67678 9.73732 8.67678 9.26256 8.96967 8.96966C9.26256 8.67678 9.73733 8.67677 10.0302 8.96966L11.9999 10.9394L13.9697 8.96966Z"/></g></svg> </template>
CSS
.icon-chat-round-close-outline {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M22.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2013.7183%201.65371%2015.3445%202.37213%2016.7869C2.47933%2017.0021%202.50208%2017.2219%202.4526%2017.4068L1.857%2019.6328C1.44927%2021.1566%202.84337%2022.5507%204.3672%2022.143L6.59324%2021.5474C6.77814%2021.4979%206.99791%2021.5207%207.21315%2021.6279C8.65553%2022.3463%2010.2817%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012ZM12%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C10.5189%2021.25%209.12121%2020.9025%207.88191%2020.2852C7.38451%2020.0375%206.78973%2019.9421%206.20553%2020.0984L3.97949%2020.694C3.57066%2020.8034%203.19663%2020.4293%203.30602%2020.0205L3.90163%2017.7945C4.05794%2017.2103%203.96254%2016.6155%203.7148%2016.1181C3.09752%2014.8788%202.75%2013.4811%202.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.9697%208.96966C14.2626%208.67679%2014.7373%208.67678%2015.0302%208.96966C15.3231%209.26255%2015.3231%209.73732%2015.0302%2010.0302L13.0605%2011.9999L15.0302%2013.9697C15.3231%2014.2626%2015.3231%2014.7373%2015.0302%2015.0302C14.7373%2015.3231%2014.2626%2015.3231%2013.9697%2015.0302L11.9999%2013.0605L10.0302%2015.0302C9.73732%2015.3231%209.26256%2015.3231%208.96967%2015.0302C8.67678%2014.7373%208.67678%2014.2626%208.96967%2013.9697L10.9394%2011.9999L8.96967%2010.0302C8.67678%209.73732%208.67678%209.26256%208.96967%208.96966C9.26256%208.67678%209.73733%208.67677%2010.0302%208.96966L11.9999%2010.9394L13.9697%208.96966Z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M22.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2013.7183%201.65371%2015.3445%202.37213%2016.7869C2.47933%2017.0021%202.50208%2017.2219%202.4526%2017.4068L1.857%2019.6328C1.44927%2021.1566%202.84337%2022.5507%204.3672%2022.143L6.59324%2021.5474C6.77814%2021.4979%206.99791%2021.5207%207.21315%2021.6279C8.65553%2022.3463%2010.2817%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012ZM12%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C10.5189%2021.25%209.12121%2020.9025%207.88191%2020.2852C7.38451%2020.0375%206.78973%2019.9421%206.20553%2020.0984L3.97949%2020.694C3.57066%2020.8034%203.19663%2020.4293%203.30602%2020.0205L3.90163%2017.7945C4.05794%2017.2103%203.96254%2016.6155%203.7148%2016.1181C3.09752%2014.8788%202.75%2013.4811%202.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.9697%208.96966C14.2626%208.67679%2014.7373%208.67678%2015.0302%208.96966C15.3231%209.26255%2015.3231%209.73732%2015.0302%2010.0302L13.0605%2011.9999L15.0302%2013.9697C15.3231%2014.2626%2015.3231%2014.7373%2015.0302%2015.0302C14.7373%2015.3231%2014.2626%2015.3231%2013.9697%2015.0302L11.9999%2013.0605L10.0302%2015.0302C9.73732%2015.3231%209.26256%2015.3231%208.96967%2015.0302C8.67678%2014.7373%208.67678%2014.2626%208.96967%2013.9697L10.9394%2011.9999L8.96967%2010.0302C8.67678%209.73732%208.67678%209.26256%208.96967%208.96966C9.26256%208.67678%209.73733%208.67677%2010.0302%208.96966L11.9999%2010.9394L13.9697%208.96966Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/chat-round-close-outline.svg?color=%231a73e8&size=48
