ICONYZ
Bahasa Indonesia
Ikon Warehouse dari Lucide

Ikon Warehouse

lucide:warehouse

Ikon Warehouse (lucide:warehouse) adalah ikon SVG gratis dari set Lucide karya Lucide Contributors. Ikon ini digambar pada grid 24 × 24. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Lucide
Pembuat
Lucide Contributors
Lisensi
ISC
Ukuran
24 × 24
Tag
storage, storehouse, depot, depository, repository, stockroom, logistics, building
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11"/><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8zM6 13h12M6 17h12"/></g></svg>

Cara memakai ikon Warehouse

React

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

<Icon icon="lucide:warehouse" width="24" />

Vue

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

<template>
  <Icon icon="lucide:warehouse" width="24" />
</template>

Svelte

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

<Icon icon="lucide:warehouse" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="lucide:warehouse"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/lucide/warehouse.svg" alt="Ikon Warehouse" width="24" height="24">

Ikon Warehouse di set ikon lain

FAQ Ikon Warehouse

Apakah ikon Warehouse gratis untuk penggunaan komersial?

Ya. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Warehouse di React?

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

Bagaimana cara menambahkan ikon Warehouse ke halaman web?

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

Lihat semua Ikon Lucide →