chat round off icon
chat-round-off-bold-duotone from Solar by 480 Design · Bold Duotone · Messages · CC-BY-4.0 Attribution required.
- Name
- chat-round-off-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Messages
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More messages icons from Solar
chat-round-add-boldchat-round-boldchat-round-call-boldchat-round-check-boldchat-round-close-boldchat-round-code-boldchat-round-dots-boldchat-round-like-boldchat-round-line-boldchat-round-money-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 off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M1.46967 1.46967C1.76256 1.17678 2.23732 1.17678 2.53022 1.46967L22.5302 21.4697C22.823 21.7626 22.8231 22.2374 22.5302 22.5302C22.2374 22.8231 21.7626 22.823 21.4697 22.5302L18.5195 19.58C16.7686 21.0874 14.4915 22.0009 11.9999 22.0009C10.4004 22.0009 8.88855 21.6247 7.54779 20.957C7.19156 20.7795 6.78382 20.7204 6.39936 20.8232L4.17377 21.4189C3.20744 21.6774 2.32245 20.7934 2.581 19.8271L3.1767 17.6015C3.27957 17.217 3.22128 16.8093 3.04389 16.4531C2.37608 15.1123 1.99999 13.6005 1.99994 12.0009C1.99994 9.50925 2.91241 7.23134 4.41986 5.48041L1.46967 2.53022C1.17678 2.23732 1.17678 1.76256 1.46967 1.46967Z"/><path d="M12 2C10.1213 2 8.36362 2.51807 6.862 3.41914L20.5809 17.138C21.4819 15.6364 22 13.8787 22 12C22 6.47715 17.5228 2 12 2Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarChatRoundOffBoldDuotone(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="M1.46967 1.46967C1.76256 1.17678 2.23732 1.17678 2.53022 1.46967L22.5302 21.4697C22.823 21.7626 22.8231 22.2374 22.5302 22.5302C22.2374 22.8231 21.7626 22.823 21.4697 22.5302L18.5195 19.58C16.7686 21.0874 14.4915 22.0009 11.9999 22.0009C10.4004 22.0009 8.88855 21.6247 7.54779 20.957C7.19156 20.7795 6.78382 20.7204 6.39936 20.8232L4.17377 21.4189C3.20744 21.6774 2.32245 20.7934 2.581 19.8271L3.1767 17.6015C3.27957 17.217 3.22128 16.8093 3.04389 16.4531C2.37608 15.1123 1.99999 13.6005 1.99994 12.0009C1.99994 9.50925 2.91241 7.23134 4.41986 5.48041L1.46967 2.53022C1.17678 2.23732 1.17678 1.76256 1.46967 1.46967Z"/><path d="M12 2C10.1213 2 8.36362 2.51807 6.862 3.41914L20.5809 17.138C21.4819 15.6364 22 13.8787 22 12C22 6.47715 17.5228 2 12 2Z" opacity=".5"/></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="M1.46967 1.46967C1.76256 1.17678 2.23732 1.17678 2.53022 1.46967L22.5302 21.4697C22.823 21.7626 22.8231 22.2374 22.5302 22.5302C22.2374 22.8231 21.7626 22.823 21.4697 22.5302L18.5195 19.58C16.7686 21.0874 14.4915 22.0009 11.9999 22.0009C10.4004 22.0009 8.88855 21.6247 7.54779 20.957C7.19156 20.7795 6.78382 20.7204 6.39936 20.8232L4.17377 21.4189C3.20744 21.6774 2.32245 20.7934 2.581 19.8271L3.1767 17.6015C3.27957 17.217 3.22128 16.8093 3.04389 16.4531C2.37608 15.1123 1.99999 13.6005 1.99994 12.0009C1.99994 9.50925 2.91241 7.23134 4.41986 5.48041L1.46967 2.53022C1.17678 2.23732 1.17678 1.76256 1.46967 1.46967Z"/><path d="M12 2C10.1213 2 8.36362 2.51807 6.862 3.41914L20.5809 17.138C21.4819 15.6364 22 13.8787 22 12C22 6.47715 17.5228 2 12 2Z" opacity=".5"/></g></svg> </template>
CSS
.icon-chat-round-off-bold-duotone {
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%22M1.46967%201.46967C1.76256%201.17678%202.23732%201.17678%202.53022%201.46967L22.5302%2021.4697C22.823%2021.7626%2022.8231%2022.2374%2022.5302%2022.5302C22.2374%2022.8231%2021.7626%2022.823%2021.4697%2022.5302L18.5195%2019.58C16.7686%2021.0874%2014.4915%2022.0009%2011.9999%2022.0009C10.4004%2022.0009%208.88855%2021.6247%207.54779%2020.957C7.19156%2020.7795%206.78382%2020.7204%206.39936%2020.8232L4.17377%2021.4189C3.20744%2021.6774%202.32245%2020.7934%202.581%2019.8271L3.1767%2017.6015C3.27957%2017.217%203.22128%2016.8093%203.04389%2016.4531C2.37608%2015.1123%201.99999%2013.6005%201.99994%2012.0009C1.99994%209.50925%202.91241%207.23134%204.41986%205.48041L1.46967%202.53022C1.17678%202.23732%201.17678%201.76256%201.46967%201.46967Z%22%2F%3E%3Cpath%20d%3D%22M12%202C10.1213%202%208.36362%202.51807%206.862%203.41914L20.5809%2017.138C21.4819%2015.6364%2022%2013.8787%2022%2012C22%206.47715%2017.5228%202%2012%202Z%22%20opacity%3D%22.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%22currentColor%22%3E%3Cpath%20d%3D%22M1.46967%201.46967C1.76256%201.17678%202.23732%201.17678%202.53022%201.46967L22.5302%2021.4697C22.823%2021.7626%2022.8231%2022.2374%2022.5302%2022.5302C22.2374%2022.8231%2021.7626%2022.823%2021.4697%2022.5302L18.5195%2019.58C16.7686%2021.0874%2014.4915%2022.0009%2011.9999%2022.0009C10.4004%2022.0009%208.88855%2021.6247%207.54779%2020.957C7.19156%2020.7795%206.78382%2020.7204%206.39936%2020.8232L4.17377%2021.4189C3.20744%2021.6774%202.32245%2020.7934%202.581%2019.8271L3.1767%2017.6015C3.27957%2017.217%203.22128%2016.8093%203.04389%2016.4531C2.37608%2015.1123%201.99999%2013.6005%201.99994%2012.0009C1.99994%209.50925%202.91241%207.23134%204.41986%205.48041L1.46967%202.53022C1.17678%202.23732%201.17678%201.76256%201.46967%201.46967Z%22%2F%3E%3Cpath%20d%3D%22M12%202C10.1213%202%208.36362%202.51807%206.862%203.41914L20.5809%2017.138C21.4819%2015.6364%2022%2013.8787%2022%2012C22%206.47715%2017.5228%202%2012%202Z%22%20opacity%3D%22.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/solar/chat-round-off-bold-duotone.svg?color=%231a73e8&size=48
