Ladder One icon
icon-park:ladder-one
The Ladder One icon (icon-park:ladder-one) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Industry
- Tags
- ladderone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M17 17L35 17"/><path d="M15 26L33 26"/><path d="M12 35L30 35"/><path d="M28.5652 43L38.3054 7.52959C38.655 6.25653 37.697 5 36.3768 5H22.2145C21.3374 5 20.5626 5.57158 20.3036 6.40968L9 43"/><path d="M17 18L21 42"/><path d="M35 18L39 42"/></g></svg>How to use the Ladder One icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:ladder-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:ladder-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:ladder-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--ladder-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:ladder-one"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:ladder-one"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/ladder-one.svg" alt="Ladder One icon" width="24" height="24">Related icons in IconPark
Ladder One icon in other icon sets
Ladder One icon FAQ
Is the Ladder One icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Ladder One icon in React?
Install @iconify/react and render <Icon icon="icon-park:ladder-one" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ladder One icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/ladder-one.svg" alt="Ladder One icon">, or paste the SVG code inline to style it with CSS.