Ikon Time Duration Line
mingcute:time-duration-line
Ikon Time Duration Line (mingcute:time-duration-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
- timeduration, durationline, timedurationline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.221 2.247a1 1 0 0 0-.442 1.95L14 3.224zM4.198 13.778a1 1 0 0 0-1.95.443L3.223 14zM13 7a1 1 0 1 0-2 0zm-1 5h-1a1 1 0 0 0 .293.707zm2.293 3.707a1 1 0 1 0 1.414-1.415L15 15zM2.248 9.778a1 1 0 1 0 1.95.443L3.223 10zm2.106-.14a1 1 0 1 0-1.91-.59l.955.295zM4.668 5.2a1 1 0 1 0 1.466 1.36L5.4 5.88zm1.893.933A1 1 0 0 0 5.2 4.667l.68.733zm2.488-3.69a1 1 0 1 0 .59 1.91l-.296-.955zm1.172 1.755a1 1 0 0 0-.442-1.95l.221.975zM21.001 12h-1a8 8 0 0 1-8 8v2c5.522 0 10-4.477 10-10zm-7-8.777l-.222.975A8 8 0 0 1 20 12h2c0-4.76-3.325-8.742-7.779-9.753zM12 21v-1a8 8 0 0 1-7.803-6.222L3.223 14l-.975.22C3.258 18.675 7.24 22 12 22zm0-14h-1v5h2V7zm0 5l-.708.707l3 3L15 15l.707-.707l-3-3zm-8.778-2l.975.22q.068-.294.156-.582L3.4 9.343l-.956-.295q-.111.36-.195.73zM5.4 5.88l.733.68q.206-.221.427-.427L5.88 5.4l-.68-.733q-.277.257-.533.533zm3.942-2.482l.295.956q.288-.09.583-.156L10 3.223l-.222-.976a10 10 0 0 0-.73.196z"/></svg>Cara memakai ikon Time Duration Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:time-duration-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:time-duration-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:time-duration-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--time-duration-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:time-duration-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:time-duration-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/time-duration-line.svg" alt="Ikon Time Duration Line" width="24" height="24">Ikon terkait di MingCute Icon
FAQ Ikon Time Duration Line
Apakah ikon Time Duration 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 Time Duration Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:time-duration-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Time Duration Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/time-duration-line.svg" alt="Ikon Time Duration Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.