Ikon Chat Dot Square

ep:chat-dot-square

Ikon Chat Dot Square (ep:chat-dot-square) adalah ikon SVG gratis dari set Element Plus. Ikon ini digambar pada grid 1024 × 1024. Element Plus 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: Element Plus
Pembuat: Element Plus
Lisensi: MIT
Ukuran: 1024 × 1024
Tag: chatdot, dotsquare, chatdotsquare

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M273.5 736H800a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H224a64 64 0 0 0-64 64v570.9zm22.5 64L148 918.4a32 32 0 0 1-52-25V256a128 128 0 0 1 128-128h576a128 128 0 0 1 128 128v416a128 128 0 0 1-128 128z"/><path fill="currentColor" d="M512 499.2a51.2 51.2 0 1 1 0-102.4a51.2 51.2 0 0 1 0 102.4m192 0a51.2 51.2 0 1 1 0-102.4a51.2 51.2 0 0 1 0 102.4m-384 0a51.2 51.2 0 1 1 0-102.4a51.2 51.2 0 0 1 0 102.4"/></svg>

Cara memakai ikon Chat Dot Square

React

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

<Icon icon="ep:chat-dot-square" width="24" />

Vue

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

<template>
  <Icon icon="ep:chat-dot-square" width="24" />
</template>

Svelte

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

<Icon icon="ep:chat-dot-square" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ep:chat-dot-square"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ep/chat-dot-square.svg" alt="Ikon Chat Dot Square" width="24" height="24">

Ikon terkait di Element Plus

FAQ Ikon Chat Dot Square

Apakah ikon Chat Dot Square gratis untuk penggunaan komersial?

Ya. Element Plus icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Chat Dot Square di React?

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

Bagaimana cara menambahkan ikon Chat Dot Square ke halaman web?

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

Lihat semua Ikon Element Plus →