Comments Dot アイコン
gravity-ui:comments-dot
Comments Dot アイコン(gravity-ui:comments-dot)は、Gravity UI Icons セットの無料 SVG アイコンです（作者: YANDEX LLC）。 24 × 24 のグリッドで描かれています。 Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Gravity UI Icons
- 作者
- YANDEX LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- commentsdot、comment
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M10 1a10 10 0 0 1 .596.019a.75.75 0 0 1-.097 1.497A8 8 0 0 0 10 2.5l-.265.004c-1.305.042-2.358.394-3.064.936S5.5 4.786 5.5 6s.465 2.018 1.17 2.56c.755.578 1.903.94 3.33.94h.621l1.95 1.95a.174.174 0 0 0 .296-.136l-.002-.002l-.173-2.261l.435-.336a1 1 0 0 1 .126-.12q.406-.3.684-.69c.185-.26.33-.554.426-.887a.75.75 0 0 1 1.448.387h.01a4.34 4.34 0 0 1-1.571 2.34l.111 1.453a1.673 1.673 0 0 1-2.851 1.312l-.992-.992C9.418 12.504 7.803 13 6 13l-1.51 1.51a1.673 1.673 0 0 1-2.852-1.312l.112-1.455C.67 10.91 0 9.663 0 8c0-2.97 2.132-4.615 4.94-4.94C6.004 1.688 7.872 1 10 1M4.145 4.735c-.587.163-1.083.405-1.473.704C1.966 5.981 1.5 6.786 1.5 8c0 1.21.463 2.013 1.166 2.555l.642.495l-.173 2.262l-.001.002a.174.174 0 0 0 .296.135L5.38 11.5H6c1.104 0 2.041-.217 2.758-.583C6.04 10.544 4 8.905 4 6q.001-.678.145-1.265"/><path d="M14 5.5a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/></g></svg>Comments Dot アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:comments-dot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:comments-dot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:comments-dot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--comments-dot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:comments-dot"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:comments-dot"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gravity-ui/comments-dot.svg" alt="Comments Dot アイコン" width="24" height="24">Gravity UI Icons の関連アイコン
Comments Dot アイコン のよくある質問
Comments Dot アイコンは商用利用でも無料ですか?
はい。Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Comments Dot アイコンを使うには?
@iconify/react をインストールして <Icon icon="gravity-ui:comments-dot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Comments Dot アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gravity-ui/comments-dot.svg" alt="Comments Dot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。