ICONYZ
Bahasa Indonesia
Ikon Red Envelope dari IconPark

Ikon Red Envelope

icon-park:red-envelope

Ikon Red Envelope (icon-park:red-envelope) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
IconPark
Pembuat
ByteDance
Lisensi
Apache-2.0
Ukuran
48 × 48
Kategori
Uang
Tag
redenvelope
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M39 4H9V10L24 14L39 10V4Z"/><path d="M39 17V44H9V17"/><path d="M19 19L24 25L29 19"/><path d="M18 31H30"/><path d="M18 25H30"/><path d="M24 25V37"/></g></svg>

Cara memakai ikon Red Envelope

React

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

<Icon icon="icon-park:red-envelope" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:red-envelope" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:red-envelope" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--red-envelope]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:red-envelope"></div>

Web component

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

<iconify-icon icon="icon-park:red-envelope"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/red-envelope.svg" alt="Ikon Red Envelope" width="24" height="24">

Ikon terkait di IconPark

Ikon Red Envelope di set ikon lain

FAQ Ikon Red Envelope

Apakah ikon Red Envelope gratis untuk penggunaan komersial?

Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Red Envelope di React?

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

Bagaimana cara menambahkan ikon Red Envelope ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/red-envelope.svg" alt="Ikon Red Envelope">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon IconPark →