Source: https://lucide.dev/icons/align-horizontal-distribute-start

Skip to content

Return to top

align-horizontal-distribute-start

left • items • flex • justify

layout

Created:

v0.0.0

Last changed:

v0.133.0

Contributors:

VanillaReactVueSveltePreactSolidAngularIcon font

js

import { createIcons, icons } from 'lucide';

createIcons({ icons });

document.body.append('<i data-lucide="align-horizontal-distribute-start"></i>');  

tsx

import { AlignHorizontalDistributeStart } from 'lucide-react';

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

export default App;

vue

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

<template>
  <AlignHorizontalDistributeStart />
</template>

svelte

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

<AlignHorizontalDistributeStart />

tsx

import { AlignHorizontalDistributeStart } from 'lucide-preact';

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

export default App;

tsx

import { AlignHorizontalDistributeStart } from 'lucide-solid';

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

export default App;

tsx

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

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

// app.component.html
<lucide-icon name="align-horizontal-distribute-start"></lucide-icon>

html

<div class="icon-align-horizontal-distribute-start"></div>

See this icon in action

AlignCancel

Bug

Feature

Align

Documents Readme Align 12

112

8

11

2

More icons like this

align-horizontal-distribute-center

align-horizontal-distribute-end

align-horizontal-justify-start

align-start-horizontal

align-vertical-distribute-start

align-center-horizontal

align-end-horizontal

align-horizontal-justify-center

align-horizontal-justify-end

align-horizontal-space-around

align-horizontal-space-between

align-start-vertical

align-vertical-distribute-center

align-vertical-distribute-end

align-vertical-justify-start

between-horizontal-start

text-align-start

align-center-vertical

align-end-vertical

align-vertical-justify-center

align-vertical-justify-end

align-vertical-space-around

align-vertical-space-between

between-horizontal-end

between-vertical-start

flip-horizontal-2

flip-horizontal

fold-horizontal

gallery-horizontal-end

gallery-horizontal

git-commit-horizontal

grip-horizontal

list-start

move-horizontal

rectangle-horizontal

send-horizontal

separator-horizontal

sliders-horizontal

square-split-horizontal

stretch-horizontal

text-align-center

text-align-end

text-align-justify

unfold-horizontal