Source: https://lucide.dev/icons/align-vertical-space-between

Skip to content

Return to top

align-vertical-space-between

center • items • flex • justify • distribute • between

layout

Created:

v0.17.4

Last changed:

v0.133.0

Contributors:

VanillaReactVueSveltePreactSolidAngularIcon font

js

import { createIcons, icons } from 'lucide';

createIcons({ icons });

document.body.append('<i data-lucide="align-vertical-space-between"></i>');  

tsx

import { AlignVerticalSpaceBetween } from 'lucide-react';

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

export default App;

vue

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

<template>
  <AlignVerticalSpaceBetween />
</template>

svelte

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

<AlignVerticalSpaceBetween />

tsx

import { AlignVerticalSpaceBetween } from 'lucide-preact';

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

export default App;

tsx

import { AlignVerticalSpaceBetween } from 'lucide-solid';

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

export default App;

tsx

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

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

// app.component.html
<lucide-icon name="align-vertical-space-between"></lucide-icon>

html

<div class="icon-align-vertical-space-between"></div>

See this icon in action

AlignCancel

Bug

Feature

Align

Documents Readme Align 12

112

8

11

2

More icons like this

align-horizontal-space-between

align-vertical-space-around

align-center-vertical

align-end-vertical

align-horizontal-space-around

align-start-vertical

align-vertical-distribute-center

align-vertical-distribute-end

align-vertical-distribute-start

align-vertical-justify-center

align-vertical-justify-end

align-vertical-justify-start

between-vertical-end

between-vertical-start

align-center-horizontal

align-end-horizontal

align-horizontal-distribute-center

align-horizontal-distribute-end

align-horizontal-distribute-start

align-horizontal-justify-center

align-horizontal-justify-end

align-horizontal-justify-start

align-start-horizontal

between-horizontal-end

between-horizontal-start

ellipsis-vertical

flip-vertical-2

flip-vertical

fold-vertical

gallery-vertical-end

gallery-vertical

git-commit-vertical

grip-vertical

move-vertical

paintbrush-vertical

rectangle-vertical

separator-vertical

sliders-vertical

space

square-split-vertical

stretch-vertical

text-align-center

text-align-end

text-align-justify

text-align-start

unfold-vertical