Ikon Timeline Line
mingcute:timeline-line
Ikon Timeline Line (mingcute:timeline-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon 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
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- timelineline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 3a1 1 0 1 0-2 0zm-2 18a1 1 0 1 0 2 0zm8-15h-1v1h2V6zM6 7h1V6H5v1zm11 5h-1v1h2v-1zM4 13h1v-1H3v1zm16 5h-1v1h2v-1zM7 19h1v-1H6v1zM7 5v1h3V4H7zm7 0v1h4V4h-4zm-4 3V7H7v2h3zm8 0V7h-4v2h4zM5 11v1h5v-2H5zm9 0v1h2v-2h-2zm-4 3v-1H5v2h5zm6 0v-1h-2v2h2zm-8 3v1h2v-2H8zm6 0v1h5v-2h-5zm-4 3v-1H8v2h2zm9 0v-1h-5v2h5zM12 3h-1v18h2V3zM7 19H6a2 2 0 0 0 2 2v-2zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM7 18h1v-2a2 2 0 0 0-2 2zm-3-5H3a2 2 0 0 0 2 2v-2zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM4 12h1v-2a2 2 0 0 0-2 2zm2-5H5a2 2 0 0 0 2 2V7zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM6 6h1V4a2 2 0 0 0-2 2z"/></svg>Cara memakai ikon Timeline Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:timeline-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:timeline-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:timeline-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--timeline-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:timeline-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:timeline-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/timeline-line.svg" alt="Ikon Timeline Line" width="24" height="24">Ikon terkait di MingCute Icon
Ikon Timeline Line di set ikon lain
FAQ Ikon Timeline Line
Apakah ikon Timeline Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Timeline Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:timeline-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Timeline Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/timeline-line.svg" alt="Ikon Timeline Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.