No Comment Bubble icon
vs:no-comment-bubble
The No Comment Bubble icon (vs:no-comment-bubble) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1792 × 1664 grid. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1792 × 1664
- Tags
- nocomment, commentbubble, nocommentbubble
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1664" viewBox="0 0 1792 1664"><path fill="currentColor" d="M1792 768q0 150-91.5 282T1450 1271L793 132q68-4 103-4q244 0 450 85.5t326 233T1792 768M539 21q256 444 457.5 793t362.5 629q9 14 4.5 31t-18.5 25l-108 62q-15 8-31.5 4t-24.5-19l-89-153q-95 15-196 15q-70 0-145-8q-198 175-460 242q-49 14-114 22q-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10t4.5-9.5l6-9l7-8.5l8-9q7-8 31-34.5t34.5-38t31-39.5t32.5-51t27-59t26-76q-157-89-247.5-220T0 768q0-168 113-311.5T419 226l-59-102q-8-14-4-31t19-25L482 6q15-8 31.5-3.5T539 21"/></svg>How to use the No Comment Bubble icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:no-comment-bubble" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:no-comment-bubble" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:no-comment-bubble" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--no-comment-bubble]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:no-comment-bubble"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:no-comment-bubble"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/no-comment-bubble.svg" alt="No Comment Bubble icon" width="24" height="24">Related icons in Vesper Icons
No Comment Bubble icon FAQ
Is the No Comment Bubble icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the No Comment Bubble icon in React?
Install @iconify/react and render <Icon icon="vs:no-comment-bubble" />, or use “Copy code” on this page to get a standalone React component.
How do I add the No Comment Bubble icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/no-comment-bubble.svg" alt="No Comment Bubble icon">, or paste the SVG code inline to style it with CSS.