Comment Light アイコン
lets-icons:comment-light
Comment Light アイコン(lets-icons:comment-light)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lets Icons
- 作者
- Leonid Tsvetkov
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- SNS
- タグ
- commentlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m4.827 7.138l.445.227zm.441 11.594l.354.353zm12.594-2.559l-.227-.445zm1.311-1.311l-.445-.227zm0-7.724l-.445.227zm-1.311-1.311l.227-.446zm-11.724 0l.227.445zm1.07 10.966l.353.353zM5 10.3c0-.848 0-1.455.04-1.93c.038-.469.11-.766.232-1.005l-.89-.454c-.206.403-.296.847-.34 1.378C4 8.814 4 9.469 4 10.3zm0 1.2v-1.2H4v1.2zm-1 0v5h1v-5zm0 5v1.914h1V16.5zm0 1.914c0 .846 1.023 1.27 1.622.671l-.707-.707a.1.1 0 0 1 .028-.013l.026.002a.06.06 0 0 1 .03.046zm1.622.671l1.939-1.939l-.707-.707l-1.94 1.94zM14.7 16H7.914v1H14.7zm2.935-.273c-.239.122-.536.195-1.005.234c-.476.039-1.082.039-1.93.039v1c.832 0 1.486 0 2.011-.043c.531-.043.975-.133 1.378-.338zm1.092-1.092a2.5 2.5 0 0 1-1.092 1.092l.454.892a3.5 3.5 0 0 0 1.53-1.53zM19 11.7c0 .848 0 1.455-.04 1.93c-.038.469-.11.766-.233 1.005l.892.454c.205-.403.295-.847.338-1.378c.043-.525.043-1.18.043-2.011zm0-1.4v1.4h1v-1.4zm-.273-2.935c.122.239.195.536.234 1.005C19 8.845 19 9.452 19 10.3h1c0-.832 0-1.486-.043-2.011c-.043-.531-.133-.975-.338-1.378zm-1.092-1.093a2.5 2.5 0 0 1 1.092 1.093l.892-.454a3.5 3.5 0 0 0-1.53-1.53zM14.7 6c.848 0 1.454 0 1.93.04c.469.038.766.11 1.005.232l.454-.89c-.403-.206-.847-.296-1.378-.34C16.186 5 15.531 5 14.7 5zM9.3 6h5.4V5H9.3zm-2.935.272c.239-.121.536-.194 1.005-.233C7.845 6 8.452 6 9.3 6V5c-.832 0-1.486 0-2.011.043c-.531.043-.975.133-1.378.338zM5.272 7.365a2.5 2.5 0 0 1 1.093-1.093l-.454-.89a3.5 3.5 0 0 0-1.53 1.529zm2.289 9.781A.5.5 0 0 1 7.914 17v-1a1.5 1.5 0 0 0-1.06.44z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.5 9.5h7m-7 3h5"/></g></svg>Comment Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:comment-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:comment-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:comment-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--comment-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:comment-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:comment-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lets-icons/comment-light.svg" alt="Comment Light アイコン" width="24" height="24">Lets Icons の関連アイコン
他のアイコンセットの Comment Light アイコン
Comment Light アイコン のよくある質問
Comment Light アイコンは商用利用でも無料ですか?
はい。Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Comment Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="lets-icons:comment-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Comment Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lets-icons/comment-light.svg" alt="Comment Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。