Ikon Gantt
vs:gantt
Ikon Gantt (vs:gantt) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 1792 × 1472. Vesper 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
- Vesper Icons
- Pembuat
- TableCheck
- Lisensi
- OFL-1.1
- Ukuran
- 1792 × 1472
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1472" viewBox="0 0 1792 1472"><path fill="currentColor" d="M198 992h154V480H70q-28 0-49-21T0 410V166q0-28 21-49t49-21h282V32q0-14 9-23t23-9t23 9t9 23v64h448V32q0-14 9-23t23-9t23 9t9 23v64h154q29 0 49.5 20.5T1152 166v244q0 28-21 49t-49 21H928v64h448V32q0-14 9-23t23-9t23 9t9 23v512h282q29 0 49.5 20.5T1792 614v244q0 28-21 49t-49 21h-282v512q0 14-9 23t-23 9t-23-9t-9-23V928H928v64h282q28 0 49 21t21 49v244q0 28-21 49t-49 21H928v64q0 14-9 23t-23 9t-23-9t-9-23v-64H416v64q0 14-9 23t-23 9t-23-9t-9-23v-64H198q-28 0-49-21t-21-49v-244q0-28 21-49t49-21m666 0v-64H710q-28 0-49-21t-21-49V614q0-29 20.5-49.5T710 544h154v-64H416v512z"/></svg>Cara memakai ikon Gantt
React
import { Icon } from "@iconify/react";
<Icon icon="vs:gantt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:gantt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:gantt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--gantt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:gantt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:gantt"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/vs/gantt.svg" alt="Ikon Gantt" width="24" height="24">Ikon terkait di Vesper Icons
FAQ Ikon Gantt
Apakah ikon Gantt gratis untuk penggunaan komersial?
Ya. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gantt di React?
Pasang @iconify/react lalu render <Icon icon="vs:gantt" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gantt ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vs/gantt.svg" alt="Ikon Gantt">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.