Ikon Collection Item

zmdi:collection-item

Ikon Collection Item (zmdi:collection-item) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 472 × 480. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Design Iconic Font
Pembuat: MDI Community
Lisensi: OFL-1.1
Ukuran: 472 × 480
Tag: collectionitem

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="472" height="480" viewBox="0 0 472 480"><path fill="currentColor" d="M43 91v341h341v43H43q-18 0-30.5-12.5T0 432V91zM427 5q17 0 29.5 12.5T469 48v299q0 17-12.5 29.5T427 389H128q-18 0-30.5-12.5T85 347V48q0-18 12.5-30.5T128 5zm0 342V48H128v299z"/></svg>

Cara memakai ikon Collection Item

React

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

<Icon icon="zmdi:collection-item" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:collection-item" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:collection-item" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--collection-item]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:collection-item"></div>

Web component

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

<iconify-icon icon="zmdi:collection-item"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/zmdi/collection-item.svg" alt="Ikon Collection Item" width="24" height="24">

Ikon terkait di Material Design Iconic Font

FAQ Ikon Collection Item

Apakah ikon Collection Item gratis untuk penggunaan komersial?

Ya. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Collection Item di React?

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

Bagaimana cara menambahkan ikon Collection Item ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/zmdi/collection-item.svg" alt="Ikon Collection Item">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Design Iconic Font →