Background
1620243248
Lucide 1.68.0 © Lucide Contributors, ISC. Same name, grid, and stroke, so swapping keeps your layout.Migrate from Lucide
Use it
npm install vadivam-reactimport { DiagramFlowHorizontal } from "vadivam-react";
<DiagramFlowHorizontal />npm install vadivam-react-nativeimport { DiagramFlowHorizontal } from "vadivam-react-native";
<DiagramFlowHorizontal />npm install vadivam-vue<script setup>
import { DiagramFlowHorizontal } from "vadivam-vue";
</script>
<template>
<DiagramFlowHorizontal />
</template>npm install vadivam-svelte<script>
import { DiagramFlowHorizontal } from "vadivam-svelte";
</script>
<DiagramFlowHorizontal />npm install vadivam-solidimport { DiagramFlowHorizontal } from "vadivam-solid";
<DiagramFlowHorizontal />npm install vadivam-preactimport { DiagramFlowHorizontal } from "vadivam-preact";
<DiagramFlowHorizontal />npm install vadivam-astro---
import { DiagramFlowHorizontal } from "vadivam-astro";
---
<DiagramFlowHorizontal />npm install vadivam-angularimport { DiagramFlowHorizontal } from "vadivam-angular";
<svg vadivamDiagramFlowHorizontal></svg>npm install vadivam-qwikimport { DiagramFlowHorizontal } from "vadivam-qwik";
<DiagramFlowHorizontal />npm install vadivam-litimport { html } from "lit";
import { DiagramFlowHorizontal } from "vadivam-lit";
html`${DiagramFlowHorizontal()}`;flutter pub add vadivamimport 'package:vadivam/vadivam.dart';
VadivamIcon(VadivamIcons.diagramFlowHorizontal)implementation("com.praveenjuge:vadivam-compose:0.0.80")import com.praveenjuge.vadivam.*
import com.praveenjuge.vadivam.icons.DiagramFlowHorizontal
Icon(
imageVector = VadivamIcons.DiagramFlowHorizontal,
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="M2 12a3 3 0 0 1 6 0 3 3 0 0 1-6 0M18.2 2h.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C22 3.52 22 4.08 22 5.2v.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C20.48 9 19.92 9 18.8 9h-.6c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C15 7.48 15 6.92 15 5.8v-.6c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C16.52 2 17.08 2 18.2 2m0 13h.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C22 16.52 22 17.08 22 18.2v.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C20.48 22 19.92 22 18.8 22h-.6c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C15 20.48 15 19.92 15 18.8v-.6c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C16.52 15 17.08 15 18.2 15M15 18.5c-4 0-3-6.5-7-6.5 4 0 3-6.5 7-6.5"/>
</svg>import iconUrl from "vadivam/icons/diagram-flow-horizontal.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.80/dist/icons/diagram-flow-horizontal.svg" width="24" height="24" alt="" />import iconUrl from "vadivam/solid/icons/diagram-flow-horizontal.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.80/dist/solid/icons/diagram-flow-horizontal.svg" width="24" height="24" alt="" />