Skip to content
tablericons
Category
general
Styles
Outline
Component
IconLadder

general

Ladder icon

Download the Ladder icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.

  • climb
  • stairs
  • steps
  • equipment
  • construction
  • career
Size
Stroke
Color
Download SVG

Press C to copy SVG, J for JSX, D to download.

Code

Copy it the way you use it

ladder.svg
<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="M8 3v18" />
  <path d="M16 3v18" />
  <path d="M8 14h8" />
  <path d="M8 10h8" />
  <path d="M8 6h8" />
  <path d="M8 18h8" />
</svg>

Use the Ladder icon

For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.

React example
import { IconLadder } from '@tabler/icons-react';

<IconLadder size={24} stroke={2} />
Read the React guide
Vue example
import { IconLadder } from '@tabler/icons-vue';

<IconLadder :size="24" :stroke="2" />
Read the Vue guide
Svelte 5 example
import { IconLadder } from '@tabler/icons-svelte-runes';

<IconLadder size={24} stroke={2} />
Read the Svelte guide

Compare variants and alternatives

Related

Related icons

See all 788 general icons