1620243248

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

AlignHorizontalDistributeCenter

Layout

Customize24px · 2

Size24px

Stroke width2

currentColor

Absolute stroke width

MIT License · Updated Nov 10, 2026

Use it

npm install vadivam-react

import { AlignHorizontalDistributeCenter } from "vadivam-react";

<AlignHorizontalDistributeCenter />

npm install vadivam-react-native react-native-svg

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

<AlignHorizontalDistributeCenter />

npm install vadivam-vue

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

<template>
  <AlignHorizontalDistributeCenter />
</template>

npm install vadivam-svelte

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

<AlignHorizontalDistributeCenter />

npm install vadivam-solid

import { AlignHorizontalDistributeCenter } from "vadivam-solid";

<AlignHorizontalDistributeCenter />

npm install vadivam-preact

import { AlignHorizontalDistributeCenter } from "vadivam-preact";

<AlignHorizontalDistributeCenter />

npm install vadivam-astro

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

<AlignHorizontalDistributeCenter />

npm install vadivam-angular

import { AlignHorizontalDistributeCenter } from "vadivam-angular";

<svg vadivamAlignHorizontalDistributeCenter></svg>

npm install vadivam-qwik

import { AlignHorizontalDistributeCenter } from "vadivam-qwik";

<AlignHorizontalDistributeCenter />

npm install vadivam-lit

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

html`${AlignHorizontalDistributeCenter()}`;

flutter pub add vadivam

import 'package:vadivam/vadivam.dart';

VadivamIcon(VadivamIcons.alignHorizontalDistributeCenter)

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

import com.praveenjuge.vadivam.*
import com.praveenjuge.vadivam.icons.AlignHorizontalDistributeCenter

Icon(
    imageVector = VadivamIcons.AlignHorizontalDistributeCenter,
    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="M7 2v2c1.657 0 3 1.075 3 2.4v11.2c0 1.325-1.343 2.4-3 2.4s-3-1.075-3-2.4V6.4C4 5.075 5.343 4 7 4m0 16v2M17 2v4.4c-1.657 0-3 1.075-3 2.4v6.4c0 1.326 1.343 2.4 3 2.4s3-1.074 3-2.4V8.8c0-1.325-1.343-2.4-3-2.4m0 11.2V22"/>
</svg>

import iconUrl from "vadivam/icons/align-horizontal-distribute-center.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.81/dist/icons/align-horizontal-distribute-center.svg" width="24" height="24" alt="" />

import iconUrl from "vadivam/solid/icons/align-horizontal-distribute-center.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.81/dist/solid/icons/align-horizontal-distribute-center.svg" width="24" height="24" alt="" />

Use it

Related icons