Ikon To Do Line

mingcute:to-do-line

Ikon To Do Line (mingcute:to-do-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: todo, doline, todoline

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 9v1h2V9zm0 6.5a1 1 0 1 0-2 0zM17 17h-1a1 1 0 0 0 1 1zm1 1a1 1 0 1 0 0-2zM9 7a1 1 0 0 0 0 2zm6 2a1 1 0 1 0 0-2zm-6 2a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zm1 8v-1H6v2h5zm-6-1h1V4H4v16zM6 3v1h12V2H6zm13 1h-1v5h2V4zm-2 11.5h-1V17h2v-1.5zm0 1.5v1h1v-2h-1zm4 0h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-4 4v-1a3 3 0 0 1-3-3h-2a5 5 0 0 0 5 5zm-4-4h1a3 3 0 0 1 3-3v-2a5 5 0 0 0-5 5zm4-4v1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM9 8v1h6V7H9zm0 4v1h1v-2H9zm9-9v1h2a2 2 0 0 0-2-2zM5 4h1V2a2 2 0 0 0-2 2zm1 17v-1H4a2 2 0 0 0 2 2z"/></svg>

Cara memakai ikon To Do Line

React

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

<Icon icon="mingcute:to-do-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:to-do-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:to-do-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--to-do-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:to-do-line"></div>

Web component

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

<iconify-icon icon="mingcute:to-do-line"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/mingcute/to-do-line.svg" alt="Ikon To Do Line" width="24" height="24">

Ikon terkait di MingCute Icon

FAQ Ikon To Do Line

Apakah ikon To Do 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 To Do Line di React?

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

Bagaimana cara menambahkan ikon To Do Line ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/to-do-line.svg" alt="Ikon To Do Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon MingCute Icon →