ICONYZ
Bahasa Indonesia
Ikon Present dari Element Plus

Ikon Present

ep:present

Ikon Present (ep:present) 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
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="M480 896V640H192v-64h288V320H192v576zm64 0h288V320H544v256h288v64H544zM128 256h768v672a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32z"/><path fill="currentColor" d="M96 256h832q32 0 32 32t-32 32H96q-32 0-32-32t32-32"/><path fill="currentColor" d="M416 256a64 64 0 1 0 0-128a64 64 0 0 0 0 128m0 64a128 128 0 1 1 0-256a128 128 0 0 1 0 256"/><path fill="currentColor" d="M608 256a64 64 0 1 0 0-128a64 64 0 0 0 0 128m0 64a128 128 0 1 1 0-256a128 128 0 0 1 0 256"/></svg>

Cara memakai ikon Present

React

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

<Icon icon="ep:present" width="24" />

Vue

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

<template>
  <Icon icon="ep:present" width="24" />
</template>

Svelte

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

<Icon icon="ep:present" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ep:present"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ep/present.svg" alt="Ikon Present" width="24" height="24">

Ikon Present di set ikon lain

FAQ Ikon Present

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

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

Bagaimana cara menambahkan ikon Present ke halaman web?

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

Lihat semua Ikon Element Plus →