livechat logo

livechat from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
livechat
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the livechat logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.849 14.91c-.24 2.94-2.73 5.22-5.7 5.19h-3.15l-6 3.9v-3.9l6-3.9h3.15c.93.03 1.71-.66 1.83-1.59c.18-3 .18-6-.06-9c-.06-.84-.75-1.47-1.56-1.53c-2.04-.09-4.2-.18-6.36-.18s-4.32.06-6.36.21c-.84.06-1.5.69-1.56 1.53c-.21 3-.24 6-.06 9c.09.93.9 1.59 1.83 1.56h3.15v3.9h-3.15a5.644 5.644 0 0 1-5.7-5.19c-.21-3.21-.18-6.39.06-9.6a5.57 5.57 0 0 1 5.19-5.1c2.1-.15 4.35-.21 6.6-.21s4.5.06 6.63.24a5.57 5.57 0 0 1 5.19 5.1c.21 3.18.24 6.39.03 9.57"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsLivechat(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="M23.849 14.91c-.24 2.94-2.73 5.22-5.7 5.19h-3.15l-6 3.9v-3.9l6-3.9h3.15c.93.03 1.71-.66 1.83-1.59c.18-3 .18-6-.06-9c-.06-.84-.75-1.47-1.56-1.53c-2.04-.09-4.2-.18-6.36-.18s-4.32.06-6.36.21c-.84.06-1.5.69-1.56 1.53c-.21 3-.24 6-.06 9c.09.93.9 1.59 1.83 1.56h3.15v3.9h-3.15a5.644 5.644 0 0 1-5.7-5.19c-.21-3.21-.18-6.39.06-9.6a5.57 5.57 0 0 1 5.19-5.1c2.1-.15 4.35-.21 6.6-.21s4.5.06 6.63.24a5.57 5.57 0 0 1 5.19 5.1c.21 3.18.24 6.39.03 9.57"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.849 14.91c-.24 2.94-2.73 5.22-5.7 5.19h-3.15l-6 3.9v-3.9l6-3.9h3.15c.93.03 1.71-.66 1.83-1.59c.18-3 .18-6-.06-9c-.06-.84-.75-1.47-1.56-1.53c-2.04-.09-4.2-.18-6.36-.18s-4.32.06-6.36.21c-.84.06-1.5.69-1.56 1.53c-.21 3-.24 6-.06 9c.09.93.9 1.59 1.83 1.56h3.15v3.9h-3.15a5.644 5.644 0 0 1-5.7-5.19c-.21-3.21-.18-6.39.06-9.6a5.57 5.57 0 0 1 5.19-5.1c2.1-.15 4.35-.21 6.6-.21s4.5.06 6.63.24a5.57 5.57 0 0 1 5.19 5.1c.21 3.18.24 6.39.03 9.57"/></svg>
</template>

CSS

.icon-livechat {
  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%22M23.849%2014.91c-.24%202.94-2.73%205.22-5.7%205.19h-3.15l-6%203.9v-3.9l6-3.9h3.15c.93.03%201.71-.66%201.83-1.59c.18-3%20.18-6-.06-9c-.06-.84-.75-1.47-1.56-1.53c-2.04-.09-4.2-.18-6.36-.18s-4.32.06-6.36.21c-.84.06-1.5.69-1.56%201.53c-.21%203-.24%206-.06%209c.09.93.9%201.59%201.83%201.56h3.15v3.9h-3.15a5.644%205.644%200%200%201-5.7-5.19c-.21-3.21-.18-6.39.06-9.6a5.57%205.57%200%200%201%205.19-5.1c2.1-.15%204.35-.21%206.6-.21s4.5.06%206.63.24a5.57%205.57%200%200%201%205.19%205.1c.21%203.18.24%206.39.03%209.57%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%22M23.849%2014.91c-.24%202.94-2.73%205.22-5.7%205.19h-3.15l-6%203.9v-3.9l6-3.9h3.15c.93.03%201.71-.66%201.83-1.59c.18-3%20.18-6-.06-9c-.06-.84-.75-1.47-1.56-1.53c-2.04-.09-4.2-.18-6.36-.18s-4.32.06-6.36.21c-.84.06-1.5.69-1.56%201.53c-.21%203-.24%206-.06%209c.09.93.9%201.59%201.83%201.56h3.15v3.9h-3.15a5.644%205.644%200%200%201-5.7-5.19c-.21-3.21-.18-6.39.06-9.6a5.57%205.57%200%200%201%205.19-5.1c2.1-.15%204.35-.21%206.6-.21s4.5.06%206.63.24a5.57%205.57%200%200%201%205.19%205.1c.21%203.18.24%206.39.03%209.57%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/livechat.svg?color=%231a73e8&size=48