ICONYZ
Bahasa Indonesia
Ikon Message Box dari Element Plus

Ikon Message Box

ep:message-box

Ikon Message Box (ep:message-box) 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
messagebox
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="M288 384h448v64H288zm96-128h256v64H384zM131.5 512H384v128h256V512h252.5L722 192H302zM896 576H704v128H320V576H128v256h768zM275.8 128h472.4a32 32 0 0 1 28.6 17.7l179.9 359.5a32 32 0 0 1 3.3 14.4V864a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V519.6a32 32 0 0 1 3.4-14.4l179.8-359.5a32 32 0 0 1 28.6-17.7"/></svg>

Cara memakai ikon Message Box

React

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

<Icon icon="ep:message-box" width="24" />

Vue

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

<template>
  <Icon icon="ep:message-box" width="24" />
</template>

Svelte

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

<Icon icon="ep:message-box" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--message-box]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:message-box"></div>

Web component

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

<iconify-icon icon="ep:message-box"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ep/message-box.svg" alt="Ikon Message Box" width="24" height="24">

Ikon terkait di Element Plus

FAQ Ikon Message Box

Apakah ikon Message Box 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 Message Box di React?

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

Bagaimana cara menambahkan ikon Message Box ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ep/message-box.svg" alt="Ikon Message Box">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Element Plus →