ladder icon

ladder-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: ladder-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

ladderBootstrap Icons ladderFluent Emoji ladderFluent Emoji Flat ladderFluent Emoji High Contrast ladderIconPark ladderIconPark Outline ladderMaterial Design Icons ladderNoto Emoji ladderOpenMoji ladderPhosphor ladderTabler Icons ladderTwitter Emoji

Use the ladder icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 1.5A1.5 1.5 0 0 1 18.5 3v18a1.5 1.5 0 0 1-3 0v-1.5h-7V21a1.5 1.5 0 0 1-3 0V3a1.5 1.5 0 1 1 3 0v1.5h7V3A1.5 1.5 0 0 1 17 1.5m-8.5 15h7v-1h-7zm0-4h7v-1h-7zm0-4h7v-1h-7z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteLadderFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 1.5A1.5 1.5 0 0 1 18.5 3v18a1.5 1.5 0 0 1-3 0v-1.5h-7V21a1.5 1.5 0 0 1-3 0V3a1.5 1.5 0 1 1 3 0v1.5h7V3A1.5 1.5 0 0 1 17 1.5m-8.5 15h7v-1h-7zm0-4h7v-1h-7zm0-4h7v-1h-7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 1.5A1.5 1.5 0 0 1 18.5 3v18a1.5 1.5 0 0 1-3 0v-1.5h-7V21a1.5 1.5 0 0 1-3 0V3a1.5 1.5 0 1 1 3 0v1.5h7V3A1.5 1.5 0 0 1 17 1.5m-8.5 15h7v-1h-7zm0-4h7v-1h-7zm0-4h7v-1h-7z"/></svg>
</template>

CSS

.icon-ladder-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%201.5A1.5%201.5%200%200%201%2018.5%203v18a1.5%201.5%200%200%201-3%200v-1.5h-7V21a1.5%201.5%200%200%201-3%200V3a1.5%201.5%200%201%201%203%200v1.5h7V3A1.5%201.5%200%200%201%2017%201.5m-8.5%2015h7v-1h-7zm0-4h7v-1h-7zm0-4h7v-1h-7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%201.5A1.5%201.5%200%200%201%2018.5%203v18a1.5%201.5%200%200%201-3%200v-1.5h-7V21a1.5%201.5%200%200%201-3%200V3a1.5%201.5%200%201%201%203%200v1.5h7V3A1.5%201.5%200%200%201%2017%201.5m-8.5%2015h7v-1h-7zm0-4h7v-1h-7zm0-4h7v-1h-7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/ladder-fill.svg?color=%231a73e8&size=48