Chat Alt 3 Light アイコン

Q: Chat Alt 3 Light アイコンは商用利用でも無料ですか?

はい。Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

lets-icons:chat-alt-3-light

Chat Alt 3 Light アイコン(lets-icons:chat-alt-3-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
タグ: chatalt、altlight、chataltlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19.326 5.778l-.416.278zm0 10.444l-.416-.278zm-1.104 1.104l-.277-.416zM14 17.999l-.002-.5a.5.5 0 0 0-.498.5zM14 18l.447.224A.5.5 0 0 0 14.5 18zm-4 0h-.5a.5.5 0 0 0 .053.224zm0-.001h.5a.5.5 0 0 0-.498-.5zm-4.222-.673l.278-.416zm-1.104-1.104l.416-.278zm0-10.444l.416.278zm1.104-1.104l.278.416zm12.444 0l-.277.416zM20.5 11c0-1.394 0-2.477-.087-3.337c-.088-.868-.27-1.563-.671-2.163l-.832.556c.273.408.428.92.508 1.708c.081.798.082 1.821.082 3.236zm-.758 5.5c.4-.6.583-1.295.671-2.163c.088-.86.087-1.943.087-3.337h-1c0 1.415 0 2.438-.082 3.236c-.08.788-.235 1.3-.508 1.708zM18.5 17.742a4.5 4.5 0 0 0 1.242-1.242l-.832-.556c-.255.383-.583.71-.965.966zm-4.498.757c1.077-.005 1.943-.026 2.656-.124c.721-.1 1.318-.283 1.842-.633l-.555-.832c-.358.239-.793.387-1.424.474c-.638.088-1.442.11-2.523.115zM14.5 18v-.001h-1V18zm-1.158 2.435l1.105-2.211l-.894-.448l-1.106 2.212zm-2.684 0c.553 1.105 2.13 1.105 2.684 0l-.895-.447a.5.5 0 0 1-.894 0zm-1.105-2.211l1.105 2.21l.895-.447l-1.106-2.21zm-.053-.225V18h1v-.001zm-4-.257c.524.35 1.12.533 1.842.633c.713.098 1.58.119 2.656.124l.004-1c-1.081-.005-1.885-.026-2.523-.115c-.63-.087-1.066-.235-1.423-.474zM4.258 16.5A4.5 4.5 0 0 0 5.5 17.742l.556-.832a3.5 3.5 0 0 1-.966-.966zM3.5 11c0 1.394 0 2.477.087 3.337c.088.868.27 1.563.671 2.163l.832-.556c-.273-.408-.428-.92-.508-1.709C4.5 13.439 4.5 12.416 4.5 11zm.758-5.5c-.4.6-.583 1.295-.671 2.163C3.499 8.523 3.5 9.606 3.5 11h1c0-1.415 0-2.438.082-3.236c.08-.788.235-1.3.508-1.708zM5.5 4.258A4.5 4.5 0 0 0 4.258 5.5l.832.556a3.5 3.5 0 0 1 .966-.966zM11 3.5c-1.394 0-2.477 0-3.337.087c-.868.088-1.563.27-2.163.671l.556.832c.408-.273.92-.428 1.708-.508C8.562 4.5 9.585 4.5 11 4.5zm2 0h-2v1h2zm5.5.758c-.6-.4-1.295-.583-2.163-.671c-.86-.088-1.943-.087-3.337-.087v1c1.415 0 2.438 0 3.235.082c.79.08 1.3.235 1.71.508zM19.742 5.5A4.5 4.5 0 0 0 18.5 4.258l-.555.832c.382.255.71.583.965.966z"/><circle cx="16" cy="11" r="1" fill="currentColor"/><circle cx="12" cy="11" r="1" fill="currentColor"/><circle cx="8" cy="11" r="1" fill="currentColor"/></svg>

Chat Alt 3 Light アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="lets-icons:chat-alt-3-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="lets-icons:chat-alt-3-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="lets-icons:chat-alt-3-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--chat-alt-3-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:chat-alt-3-light"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="lets-icons:chat-alt-3-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/lets-icons/chat-alt-3-light.svg" alt="Chat Alt 3 Light アイコン" width="24" height="24">

Lets Icons の関連アイコン

Chat Alt 3 Light アイコンのよくある質問

Chat Alt 3 Light アイコンは商用利用でも無料ですか?

はい。Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Chat Alt 3 Light アイコンを使うには?

@iconify/react をインストールして <Icon icon="lets-icons:chat-alt-3-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Chat Alt 3 Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lets-icons/chat-alt-3-light.svg" alt="Chat Alt 3 Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Lets Icons をすべて見る →