ICONYZ
Bahasa Indonesia
Ikon List Dropdown dari Carbon

Ikon List Dropdown

carbon:list-dropdown

Ikon List Dropdown (carbon:list-dropdown) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon 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
Carbon
Pembuat
IBM
Lisensi
Apache-2.0
Ukuran
32 × 32
Kategori
Organisasi
Tag
listdropdown
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M26 6V2H2v10h9v18h19V6ZM4 10V4h20v2H11v4Zm24 18H13V8h15Z"/><path fill="currentColor" d="M15 11h2v2h-2zm4 0h7v2h-7zm-4 6h2v2h-2zm4 0h7v2h-7zm-4 6h2v2h-2zm4 0h7v2h-7z"/></svg>

Cara memakai ikon List Dropdown

React

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

<Icon icon="carbon:list-dropdown" width="24" />

Vue

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

<template>
  <Icon icon="carbon:list-dropdown" width="24" />
</template>

Svelte

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

<Icon icon="carbon:list-dropdown" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--list-dropdown]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:list-dropdown"></div>

Web component

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

<iconify-icon icon="carbon:list-dropdown"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/list-dropdown.svg" alt="Ikon List Dropdown" width="24" height="24">

Ikon terkait di Carbon

FAQ Ikon List Dropdown

Apakah ikon List Dropdown gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon List Dropdown di React?

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

Bagaimana cara menambahkan ikon List Dropdown ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/list-dropdown.svg" alt="Ikon List Dropdown">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →