ICONYZ
Bahasa Indonesia
Ikon Add Four dari IconPark

Ikon Add Four

icon-park:add-four

Ikon Add Four (icon-park:add-four) 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
Edit
Tag
addfour
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 d="M16 6H8C6.89543 6 6 6.89543 6 8V16"/><path d="M16 42H8C6.89543 42 6 41.1046 6 40V32"/><path d="M32 42H40C41.1046 42 42 41.1046 42 40V32"/><path d="M32 6H40C41.1046 6 42 6.89543 42 8V16"/><path d="M32 24L16 24"/><path d="M24 32L24 16"/></g></svg>

Cara memakai ikon Add Four

React

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

<Icon icon="icon-park:add-four" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:add-four" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:add-four" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="icon-park:add-four"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/add-four.svg" alt="Ikon Add Four" width="24" height="24">

Ikon terkait di IconPark

Ikon Add Four di set ikon lain

FAQ Ikon Add Four

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

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

Bagaimana cara menambahkan ikon Add Four ke halaman web?

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

Lihat semua Ikon IconPark →