Ikon Table Of Contents

mdi:table-of-contents

Ikon Table Of Contents (mdi:table-of-contents) adalah ikon SVG gratis dari set Material Design Icons karya Pictogrammers. Ikon ini digambar pada grid 24 × 24. Material Design 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: Material Design Icons
Pembuat: Pictogrammers
Lisensi: Apache-2.0
Ukuran: 24 × 24
Tag: toc, tableof, ofcontents, tableofcontents, content

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 9h14V7H3zm0 4h14v-2H3zm0 4h14v-2H3zm16 0h2v-2h-2zm0-10v2h2V7zm0 6h2v-2h-2z"/></svg>

Cara memakai ikon Table Of Contents

React

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

<Icon icon="mdi:table-of-contents" width="24" />

Vue

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

<template>
  <Icon icon="mdi:table-of-contents" width="24" />
</template>

Svelte

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

<Icon icon="mdi:table-of-contents" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--table-of-contents]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:table-of-contents"></div>

Web component

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

<iconify-icon icon="mdi:table-of-contents"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/mdi/table-of-contents.svg" alt="Ikon Table Of Contents" width="24" height="24">

Ikon terkait di Material Design Icons

Ikon Table Of Contents di set ikon lain

FAQ Ikon Table Of Contents

Apakah ikon Table Of Contents gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Table Of Contents di React?

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

Bagaimana cara menambahkan ikon Table Of Contents ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mdi/table-of-contents.svg" alt="Ikon Table Of Contents">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Material Design Icons →