ICONYZ
Bahasa Indonesia
Ikon Chat dari Web Symbols Liga

Ikon Chat

websymbol:chat

Ikon Chat (websymbol:chat) adalah ikon SVG gratis dari set Web Symbols Liga karya Just Be Nice studio. Ikon ini digambar pada grid 1179 × 1000. Web Symbols Liga icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Web Symbols Liga
Pembuat
Just Be Nice studio
Lisensi
OFL-1.1
Ukuran
1179 × 1000
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1179" height="1000" viewBox="0 0 1179 1000"><path fill="currentColor" d="M1179 465q0 126-79 233.5T885 868t-296 62q-122 0-234-39l2 3L0 1001q44-59 70.5-126.5T102 769l4-38Q0 611 0 465q0-126 79-233T293.5 63T589 1t296 62t215 169t79 233m-250 0q0-29-21-50t-51-21q-29 0-50 21t-21 50q0 30 21 51t50 21q30 0 51-21t21-51m-250 0q0-29-21-50t-51-21q-29 0-50 21t-21 50q0 30 21 51t50 21q30 0 51-21t21-51m-250 0q0-29-21-50t-51-21q-29 0-50 21t-21 50q0 30 21 51t50 21q30 0 51-21t21-51"/></svg>

Cara memakai ikon Chat

React

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

<Icon icon="websymbol:chat" width="24" />

Vue

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

<template>
  <Icon icon="websymbol:chat" width="24" />
</template>

Svelte

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

<Icon icon="websymbol:chat" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="websymbol:chat"></iconify-icon>

Gambar HTML

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

Ikon Chat di set ikon lain

FAQ Ikon Chat

Apakah ikon Chat gratis untuk penggunaan komersial?

Ya. Web Symbols Liga icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Chat di React?

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

Bagaimana cara menambahkan ikon Chat ke halaman web?

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

Lihat semua Ikon Web Symbols Liga →