Communication icon

Chat Bubble Empty icon

A free, open source chat bubble empty icon on a 24×24 grid with a 1.5px stroke. Download it as SVG or use it from the Iconoir packages for React, Vue, Flutter and CSS.

Regular
Solid

Use the chat bubble empty icon in your project

React

npm i iconoir-react

import { ChatBubbleEmpty } from 'iconoir-react';

<ChatBubbleEmpty />

Also in React Native: import { ChatBubbleEmpty } from 'iconoir-react-native'. Solid: ChatBubbleEmptySolid.

Vue

npm i @iconoir/vue

<script setup>
  import { ChatBubbleEmpty } from '@iconoir/vue';
</script>

<template>
  <ChatBubbleEmpty />
</template>

CSS

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css" />

<i class="iconoir-chat-bubble-empty"></i>

Flutter

flutter pub add iconoir_flutter

import 'package:iconoir_flutter/iconoir_flutter.dart';

const ChatBubbleEmpty()

Tags

Related icons