Gantt icon
vs:gantt
The Gantt icon (vs:gantt) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1792 × 1472 grid. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1792 × 1472
SVG code
<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>How to use the Gantt icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/vs/gantt.svg" alt="Gantt icon" width="24" height="24">Related icons in Vesper Icons
Gantt icon FAQ
Is the Gantt icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Gantt icon in React?
Install @iconify/react and render <Icon icon="vs:gantt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gantt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/gantt.svg" alt="Gantt icon">, or paste the SVG code inline to style it with CSS.