Ikon Time
el:time
Ikon Time (el:time) adalah ikon SVG gratis dari set Elusive Icons karya Team Redux. Ikon ini digambar pada grid 1200 × 1200. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elusive Icons
- Pembuat
- Team Redux
- Lisensi
- OFL-1.1
- Ukuran
- 1200 × 1200
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C446.454 0 292.879 58.549 175.728 175.705c-234.304 234.309-234.304 614.254 0 848.562c234.303 234.311 614.241 234.311 848.543 0c234.305-234.309 234.305-614.254 0-848.562C907.121 58.549 753.546 0 600 0m0 156.734c113.438 0 226.909 43.228 313.462 129.782c173.105 173.109 173.105 453.828 0 626.938c-173.104 173.108-453.817 173.108-626.924 0c-173.106-173.109-173.105-453.829 0-626.938C373.091 199.962 486.562 156.734 600 156.734M538.626 257.44v280.291h-155.34V691.17h308.775V257.44z"/></svg>
Cara memakai ikon Time
React
import { Icon } from "@iconify/react";
<Icon icon="el:time" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:time" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:time" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--time]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:time"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:time"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/time.svg" alt="Ikon Time" width="24" height="24">
Ikon terkait di Elusive Icons
Ikon Time di set ikon lain
FAQ Ikon Time
Apakah ikon Time gratis untuk penggunaan komersial?
Ya. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Time di React?
Pasang @iconify/react lalu render <Icon icon="el:time" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Time ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/el/time.svg" alt="Ikon Time">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Elusive Icons →
ICONYZ
