Source: https://lucide.dev/icons/chart-gantt

Skip to content

Return to top

chart-gantt

diagram • graph • timeline • planning

charts

Created:

v0.430.0

Last changed:

v0.430.0

Contributors:

VanillaReactVueSveltePreactSolidAngularIcon font

js

import { createIcons, icons } from 'lucide';

createIcons({ icons });

document.body.append('<i data-lucide="chart-gantt"></i>');  

tsx

import { ChartGantt } from 'lucide-react';

const App = () => {
  return (
    <ChartGantt />
  );
};

export default App;

vue

<script setup>
import { ChartGantt } from 'lucide-vue-next';
</script>

<template>
  <ChartGantt />
</template>

svelte

<script>
import { ChartGantt } from 'lucide-svelte';
</script>

<ChartGantt />

tsx

import { ChartGantt } from 'lucide-preact';

const App = () => {
  return (
    <ChartGantt />
  );
};

export default App;

tsx

import { ChartGantt } from 'lucide-solid';

const App = () => {
  return (
    <ChartGantt />
  );
};

export default App;

tsx

// app.module.ts
import { LucideAngularModule, ChartGantt } from 'lucide-angular';

@NgModule({
  imports: [\
    LucideAngularModule.pick({ ChartGantt })\
  ],
})

// app.component.html
<lucide-icon name="chart-gantt"></lucide-icon>

html

<div class="icon-chart-gantt"></div>

See this icon in action

ChartCancel

Bug

Feature

Chart

Documents Readme Chart 12

112

8

11

2

More icons like this

chart-no-axes-gantt

square-chart-gantt

chart-area

chart-bar-big

chart-bar-decreasing

chart-bar-increasing

chart-bar-stacked

chart-bar

chart-candlestick

chart-column-big

chart-column-decreasing

chart-column-increasing

chart-column-stacked

chart-column

chart-line

chart-network

chart-no-axes-column-decreasing

chart-no-axes-column-increasing

chart-no-axes-column

chart-no-axes-combined

chart-pie

chart-scatter

chart-spline

file-chart-column-increasing

file-chart-column

file-chart-line

file-chart-pie