ICONYZ
Bahasa Indonesia
Ikon Summary dari TDesign Icons

Ikon Summary

tdesign:summary

Ikon Summary (tdesign:summary) adalah ikon SVG gratis dari set TDesign Icons karya TDesign. Ikon ini digambar pada grid 24 × 24. TDesign Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
TDesign Icons
Pembuat
TDesign
Lisensi
MIT
Ukuran
24 × 24
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="M18.002 19.732L16.351 22h-1.004l.982-2.143H15V17h3.002zm3.998 0L20.349 22h-1.003l.982-2.143H19V17h3zM13 20H2v-2h11zm9-7H2v-2h20zM3.672 4.143H5V7H2V4.268L3.651 2h1.003zm3.999 0H9V7H5.998V4.268L7.649 2h1.004zM22 6H11V4h11z"/></svg>

Cara memakai ikon Summary

React

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

<Icon icon="tdesign:summary" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:summary" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:summary" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="tdesign:summary"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/tdesign/summary.svg" alt="Ikon Summary" width="24" height="24">

Ikon Summary di set ikon lain

FAQ Ikon Summary

Apakah ikon Summary gratis untuk penggunaan komersial?

Ya. TDesign Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Summary di React?

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

Bagaimana cara menambahkan ikon Summary ke halaman web?

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

Lihat semua TDesign Icons →