Chat Bubble アイコン
cil:chat-bubble
Chat Bubble アイコン(cil:chat-bubble)は、CoreUI Free セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 512 × 512 のグリッドで描かれています。 CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Free
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- chatbubble
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M448.205 392.507c30.519-27.2 47.8-63.455 47.8-101.078c0-39.984-18.718-77.378-52.707-105.3C410.218 158.963 366.432 144 320 144s-90.218 14.963-123.293 42.131C162.718 214.051 144 251.445 144 291.429s18.718 77.378 52.707 105.3c33.075 27.168 76.861 42.13 123.293 42.13c6.187 0 12.412-.273 18.585-.816l10.546 9.141A199.85 199.85 0 0 0 480 496h16v-34.057l-4.686-4.685a199.2 199.2 0 0 1-43.109-64.751M370.089 423l-21.161-18.341l-7.056.865A180 180 0 0 1 320 406.857c-79.4 0-144-51.781-144-115.428S240.6 176 320 176s144 51.781 144 115.429c0 31.71-15.82 61.314-44.546 83.358l-9.215 7.071l4.252 12.035a231.3 231.3 0 0 0 37.882 67.817A167.84 167.84 0 0 1 370.089 423"/><path fill="currentColor" d="M60.185 317.476a220.5 220.5 0 0 0 34.808-63.023l4.22-11.975l-9.207-7.066C62.918 214.626 48 186.728 48 156.857C48 96.833 109.009 48 184 48c55.168 0 102.767 26.43 124.077 64.3c3.957-.192 7.931-.3 11.923-.3q12.027 0 23.834 1.167c-8.235-21.335-22.537-40.811-42.2-56.961C270.072 30.279 228.3 16 184 16S97.928 30.279 66.364 56.206C33.886 82.885 16 118.63 16 156.857c0 35.8 16.352 70.295 45.25 96.243a188.4 188.4 0 0 1-40.563 60.729L16 318.515V352h16a190.64 190.64 0 0 0 85.231-20.125a157.3 157.3 0 0 1-5.071-33.645a158.7 158.7 0 0 1-51.975 19.246"/></svg>
Chat Bubble アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cil:chat-bubble" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:chat-bubble" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:chat-bubble" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--chat-bubble]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:chat-bubble"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:chat-bubble"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cil/chat-bubble.svg" alt="Chat Bubble アイコン" width="24" height="24">
他のアイコンセットの Chat Bubble アイコン
Chat Bubble アイコン のよくある質問
Chat Bubble アイコンは商用利用でも無料ですか?
はい。CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Chat Bubble アイコンを使うには?
@iconify/react をインストールして <Icon icon="cil:chat-bubble" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chat Bubble アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cil/chat-bubble.svg" alt="Chat Bubble アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Free アイコン をすべて見る →
ICONYZ
