1620243248

Lucide 1.64.0 © Lucide Contributors, ISC. Same name, grid, and stroke, so swapping keeps your layout.Migrate from Lucide

LayoutDashboard

Design Layout

Customize24px · 2

Size24px

Stroke width2

currentColor

Absolute stroke width

MIT License · Updated Nov 2, 2026

Use it

npm install vadivam-react

import { LayoutDashboard } from "vadivam-react";

<LayoutDashboard />

npm install vadivam-react-native

import { LayoutDashboard } from "vadivam-react-native";

<LayoutDashboard />

npm install vadivam-vue

<script setup>
import { LayoutDashboard } from "vadivam-vue";
</script>

<template>
  <LayoutDashboard />
</template>

npm install vadivam-svelte

<script>
  import { LayoutDashboard } from "vadivam-svelte";
</script>

<LayoutDashboard />

npm install vadivam-solid

import { LayoutDashboard } from "vadivam-solid";

<LayoutDashboard />

npm install vadivam-preact

import { LayoutDashboard } from "vadivam-preact";

<LayoutDashboard />

npm install vadivam-astro

---
import { LayoutDashboard } from "vadivam-astro";
---

<LayoutDashboard />

npm install vadivam-angular

import { LayoutDashboard } from "vadivam-angular";

<svg vadivamLayoutDashboard></svg>

npm install vadivam-qwik

import { LayoutDashboard } from "vadivam-qwik";

<LayoutDashboard />

npm install vadivam-lit

import { html } from "lit";
import { LayoutDashboard } from "vadivam-lit";

html`${LayoutDashboard()}`;

flutter pub add vadivam

import 'package:vadivam/vadivam.dart';

VadivamIcon(VadivamIcons.layoutDashboard)

implementation("com.praveenjuge:vadivam-compose:0.0.78")

import com.praveenjuge.vadivam.*
import com.praveenjuge.vadivam.icons.LayoutDashboard

Icon(
    imageVector = VadivamIcons.LayoutDashboard,
    contentDescription = null,
)

npm install vadivam

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 2h2c.465 0 .697 0 .891.03A2.5 2.5 0 0 1 9.97 4.11c.03.193.03.425.03.89s0 .697-.03.891A2.5 2.5 0 0 1 7.89 7.97C7.697 8 7.465 8 7 8H5c-.465 0-.697 0-.891-.03A2.5 2.5 0 0 1 2.03 5.89C2 5.697 2 5.465 2 5s0-.697.03-.891A2.5 2.5 0 0 1 4.11 2.03C4.303 2 4.535 2 5 2m1 10c1.4 0 2.1 0 2.635.273a2.5 2.5 0 0 1 1.092 1.092C10 13.9 10 14.6 10 16v2c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C8.1 22 7.4 22 6 22s-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C2 20.1 2 19.4 2 18v-2c0-1.4 0-2.1.272-2.635a2.5 2.5 0 0 1 1.093-1.092C3.9 12 4.6 12 6 12M18 2c1.4 0 2.1 0 2.635.272a2.5 2.5 0 0 1 1.092 1.093C22 3.9 22 4.6 22 6v2c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C20.1 12 19.4 12 18 12s-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.092-1.092C14 10.1 14 9.4 14 8V6c0-1.4 0-2.1.273-2.635a2.5 2.5 0 0 1 1.092-1.093C15.9 2 16.6 2 18 2m-1 14h2c.465 0 .697 0 .891.03a2.5 2.5 0 0 1 2.078 2.079c.031.194.031.426.031.891s0 .697-.03.891a2.5 2.5 0 0 1-2.079 2.078C19.697 22 19.465 22 19 22h-2c-.465 0-.697 0-.891-.03a2.5 2.5 0 0 1-2.078-2.079C14 19.697 14 19.465 14 19s0-.697.03-.891a2.5 2.5 0 0 1 2.079-2.078C16.303 16 16.535 16 17 16"/>
</svg>

import iconUrl from "vadivam/icons/layout-dashboard.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.78/dist/icons/layout-dashboard.svg" width="24" height="24" alt="" />

Related icons

Tagsmasonry brick