Comments icon
ls:comments
The Comments icon (ls:comments) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 768 × 634 grid. Ligature Symbols 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 768 × 634
- Tags
- comment
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="634" viewBox="0 0 768 634"><path fill="currentColor" d="M227 507L97 594s27-72 29-124C49 429 0 362 0 287C0 162 139 60 310 60c142 0 262 71 299 166q-21-3-42-3h-14c-70 3-135 26-185 65c-55 44-85 106-83 168c1 19 5 40 12 58c-24 0-47-3-70-7m481 127l-85-46c-17 4-37 7-55 8h-12c-109 0-197-63-200-143c-4-83 86-154 200-158h11c109 0 198 61 201 142c2 49-28 93-77 123c2 35 17 74 17 74"/></svg>
How to use the Comments icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:comments" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:comments" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:comments" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--comments]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:comments"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:comments"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/comments.svg" alt="Comments icon" width="24" height="24">
Comments icon in other icon sets
Comments icon FAQ
Is the Comments icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Comments icon in React?
Install @iconify/react and render <Icon icon="ls:comments" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Comments icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/comments.svg" alt="Comments icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
