ICONYZ
Bahasa Indonesia
Ikon Modal List dari Vaadin Icons

Ikon Modal List

vaadin:modal-list

Ikon Modal List (vaadin:modal-list) adalah ikon SVG gratis dari set Vaadin Icons karya Vaadin. Ikon ini digambar pada grid 24 × 24. Vaadin 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
Vaadin Icons
Pembuat
Vaadin
Lisensi
Apache-2.0
Ukuran
24 × 24
Tag
modallist
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 6h2v1H3zm3 0h7v1H6zM3 8h2v1H3zm3 0h7v1H6zm-3 2h2v1H3zm3 0h7v1H6z"/><path fill="currentColor" d="M0 1v14h16V1zm15 13H1V4h14zm0-11h-1V2h1z"/></svg>

Cara memakai ikon Modal List

React

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

<Icon icon="vaadin:modal-list" width="24" />

Vue

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

<template>
  <Icon icon="vaadin:modal-list" width="24" />
</template>

Svelte

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

<Icon icon="vaadin:modal-list" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vaadin:modal-list"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/vaadin/modal-list.svg" alt="Ikon Modal List" width="24" height="24">

Ikon terkait di Vaadin Icons

FAQ Ikon Modal List

Apakah ikon Modal List gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Modal List di React?

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

Bagaimana cara menambahkan ikon Modal List ke halaman web?

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

Lihat semua Vaadin Icons →