Source: https://lucide.dev/icons/chevrons-left-right

Skip to content

Return to top

chevrons-left-right

expand • horizontal • unfold

arrows

Created:

v0.31.0

Last changed:

v0.62.0

Contributors:

VanillaReactVueSveltePreactSolidAngularIcon font

js

import { createIcons, icons } from 'lucide';

createIcons({ icons });

document.body.append('<i data-lucide="chevrons-left-right"></i>');  

tsx

import { ChevronsLeftRight } from 'lucide-react';

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

export default App;

vue

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

<template>
  <ChevronsLeftRight />
</template>

svelte

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

<ChevronsLeftRight />

tsx

import { ChevronsLeftRight } from 'lucide-preact';

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

export default App;

tsx

import { ChevronsLeftRight } from 'lucide-solid';

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

export default App;

tsx

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

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

// app.component.html
<lucide-icon name="chevrons-left-right"></lucide-icon>

html

<div class="icon-chevrons-left-right"></div>

See this icon in action

ChevronsCancel

Bug

Feature

Chevrons

Documents Readme Chevrons 12

112

8

11

2

More icons like this

chevrons-left-right-ellipsis

chevrons-right-left

arrow-left-right

arrow-right-left

chevrons-left

chevrons-right

panel-left-right-dashed

arrow-big-left-dash

arrow-big-left

arrow-big-right-dash

arrow-big-right

arrow-down-left

arrow-down-right

arrow-left-from-line

arrow-left-to-line

arrow-left

arrow-right-from-line

arrow-right-to-line

arrow-right

arrow-up-left

arrow-up-right

chevron-left

chevron-right

chevrons-down-up

chevrons-down

chevrons-up-down

chevrons-up

circle-arrow-left

circle-arrow-out-down-left

circle-arrow-out-down-right

circle-arrow-out-up-left

circle-arrow-out-up-right

circle-arrow-right

circle-chevron-left

circle-chevron-right

corner-down-left

corner-down-right

corner-left-down

corner-left-up

corner-right-down

corner-right-up

corner-up-left

corner-up-right

decimals-arrow-left

decimals-arrow-right

flag-triangle-left

flag-triangle-right

layout-panel-left

list-chevrons-down-up

list-chevrons-up-down

move-down-left

move-down-right

move-left

move-right

move-up-left

move-up-right

panel-left-close

panel-left-dashed

panel-left-open

panel-left

panel-right-close

panel-right-dashed

panel-right-open

panel-right

panels-left-bottom

panels-right-bottom

panels-top-left

pilcrow-left