Comment Bubble icon
cil:comment-bubble
The Comment Bubble icon (cil:comment-bubble) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- commentbubble
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M496 496h-16a273.4 273.4 0 0 1-179.025-66.782l-16.827-14.584A291 291 0 0 1 256 416c-63.527 0-123.385-20.431-168.548-57.529C41.375 320.623 16 270.025 16 216S41.375 111.377 87.452 73.529C132.615 36.431 192.473 16 256 16s123.385 20.431 168.548 57.529C470.625 111.377 496 161.975 496 216a171.16 171.16 0 0 1-21.077 82.151a201.5 201.5 0 0 1-47.065 57.537a285.2 285.2 0 0 0 63.455 97l4.687 4.685ZM294.456 381.222l27.477 23.814a241.4 241.4 0 0 0 135 57.86a317.5 317.5 0 0 1-62.617-105.583l-4.395-12.463l9.209-7.068C440.963 305.678 464 262.429 464 216c0-92.636-93.309-168-208-168S48 123.364 48 216s93.309 168 208 168a259 259 0 0 0 31.4-1.913Z"/></svg>How to use the Comment Bubble icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:comment-bubble" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:comment-bubble" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:comment-bubble" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--comment-bubble]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:comment-bubble"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:comment-bubble"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cil/comment-bubble.svg" alt="Comment Bubble icon" width="24" height="24">Related icons in CoreUI Free
Comment Bubble icon in other icon sets
Comment Bubble icon FAQ
Is the Comment Bubble icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Comment Bubble icon in React?
Install @iconify/react and render <Icon icon="cil:comment-bubble" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Comment Bubble icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/comment-bubble.svg" alt="Comment Bubble icon">, or paste the SVG code inline to style it with CSS.