chat round like icon

chat-round-like-linear from Solar by 480 Design · Linear · Messages · CC-BY-4.0 Attribution required.

Name
chat-round-like-linear
Set
Solar
Style
Linear
Category
Messages
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

chat-round-like-boldchat-round-like-bold-duotonechat-round-like-brokenchat-round-like-line-duotonechat-round-like-outline

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-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 like 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 d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22Z"/><path stroke-linejoin="round" d="M7.5 11.1093C7.5 12.4777 8.81884 13.9135 10.0286 14.9426C10.8524 15.6435 11.2644 15.9939 12 15.9939C12.7356 15.9939 13.1476 15.6435 13.9714 14.9426C15.1812 13.9135 16.5 12.4777 16.5 11.1093C16.5 8.43212 14.0249 7.4326 12 9.50069C9.97507 7.4326 7.5 8.43212 7.5 11.1093Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarChatRoundLikeLinear(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 d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22Z"/><path strokeLinejoin="round" d="M7.5 11.1093C7.5 12.4777 8.81884 13.9135 10.0286 14.9426C10.8524 15.6435 11.2644 15.9939 12 15.9939C12.7356 15.9939 13.1476 15.6435 13.9714 14.9426C15.1812 13.9135 16.5 12.4777 16.5 11.1093C16.5 8.43212 14.0249 7.4326 12 9.50069C9.97507 7.4326 7.5 8.43212 7.5 11.1093Z"/></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 d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22Z"/><path stroke-linejoin="round" d="M7.5 11.1093C7.5 12.4777 8.81884 13.9135 10.0286 14.9426C10.8524 15.6435 11.2644 15.9939 12 15.9939C12.7356 15.9939 13.1476 15.6435 13.9714 14.9426C15.1812 13.9135 16.5 12.4777 16.5 11.1093C16.5 8.43212 14.0249 7.4326 12 9.50069C9.97507 7.4326 7.5 8.43212 7.5 11.1093Z"/></g></svg>
</template>

CSS

.icon-chat-round-like-linear {
  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%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2013.5997%202.37562%2015.1116%203.04346%2016.4525C3.22094%2016.8088%203.28001%2017.2161%203.17712%2017.6006L2.58151%2019.8267C2.32295%2020.793%203.20701%2021.677%204.17335%2021.4185L6.39939%2020.8229C6.78393%2020.72%207.19121%2020.7791%207.54753%2020.9565C8.88837%2021.6244%2010.4003%2022%2012%2022Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%2011.1093C7.5%2012.4777%208.81884%2013.9135%2010.0286%2014.9426C10.8524%2015.6435%2011.2644%2015.9939%2012%2015.9939C12.7356%2015.9939%2013.1476%2015.6435%2013.9714%2014.9426C15.1812%2013.9135%2016.5%2012.4777%2016.5%2011.1093C16.5%208.43212%2014.0249%207.4326%2012%209.50069C9.97507%207.4326%207.5%208.43212%207.5%2011.1093Z%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%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2013.5997%202.37562%2015.1116%203.04346%2016.4525C3.22094%2016.8088%203.28001%2017.2161%203.17712%2017.6006L2.58151%2019.8267C2.32295%2020.793%203.20701%2021.677%204.17335%2021.4185L6.39939%2020.8229C6.78393%2020.72%207.19121%2020.7791%207.54753%2020.9565C8.88837%2021.6244%2010.4003%2022%2012%2022Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%2011.1093C7.5%2012.4777%208.81884%2013.9135%2010.0286%2014.9426C10.8524%2015.6435%2011.2644%2015.9939%2012%2015.9939C12.7356%2015.9939%2013.1476%2015.6435%2013.9714%2014.9426C15.1812%2013.9135%2016.5%2012.4777%2016.5%2011.1093C16.5%208.43212%2014.0249%207.4326%2012%209.50069C9.97507%207.4326%207.5%208.43212%207.5%2011.1093Z%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-like-linear.svg?color=%231a73e8&size=48