Ikon Chat Text

bi:chat-text

Ikon Chat Text (bi:chat-text) adalah ikon SVG gratis dari set Bootstrap Icons karya The Bootstrap Authors. Ikon ini digambar pada grid 24 × 24. Bootstrap Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Bootstrap Icons
Pembuat: The Bootstrap Authors
Lisensi: MIT
Ukuran: 24 × 24
Tag: chattext

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.678 11.894a1 1 0 0 1 .287.801a11 11 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8 8 0 0 0 8 14c3.996 0 7-2.807 7-6s-3.004-6-7-6s-7 2.808-7 6c0 1.468.617 2.83 1.678 3.894m-.493 3.905a22 22 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a10 10 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7s-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105"/><path d="M4 5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8m0 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5"/></g></svg>

Cara memakai ikon Chat Text

React

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

<Icon icon="bi:chat-text" width="24" />

Vue

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

<template>
  <Icon icon="bi:chat-text" width="24" />
</template>

Svelte

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

<Icon icon="bi:chat-text" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--chat-text]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:chat-text"></div>

Web component

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

<iconify-icon icon="bi:chat-text"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/bi/chat-text.svg" alt="Ikon Chat Text" width="24" height="24">

Ikon terkait di Bootstrap Icons

Ikon Chat Text di set ikon lain

FAQ Ikon Chat Text

Apakah ikon Chat Text gratis untuk penggunaan komersial?

Ya. Bootstrap Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Chat Text di React?

Pasang @iconify/react lalu render <Icon icon="bi:chat-text" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Chat Text ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/bi/chat-text.svg" alt="Ikon Chat Text">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Bootstrap Icons →