gentleface

Gentleface › Buildings › escalator

escalator icon

Escalator: escalator, moving stairs, moving staircase. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M6.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L6.707 2L1.854 6.854C1.756 6.951 1.638 7 1.5 7C1.362 7 1.244 6.951 1.146 6.854C1.049 6.756 1 6.638 1 6.5C1 6.362 1.049 6.244 1.146 6.146L6.146 1.146C6.244 1.049 6.362 1 6.5 1ZM4 7.5C4 7.359 4.048 7.241 4.144 7.144C4.241 7.048 4.359 7 4.5 7L6 7L6 5.5C6 5.359 6.048 5.241 6.144 5.144C6.241 5.048 6.359 5 6.5 5L8 5L8 3.5C8 3.359 8.048 3.241 8.144 3.144C8.241 3.048 8.359 3 8.5 3L14.5 3C14.641 3 14.759 3.048 14.856 3.144C14.952 3.241 15 3.359 15 3.5L15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L11.5 8C11.246 8 11.002 8.049 10.767 8.146C10.533 8.243 10.326 8.381 10.146 8.561L5.561 13.146C5.287 13.42 4.972 13.63 4.615 13.778C4.258 13.926 3.886 14 3.5 14L1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5L1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L4 9L4 7.5ZM4.233 12.854C4.467 12.757 4.674 12.619 4.854 12.439L9.439 7.854C9.713 7.58 10.028 7.37 10.385 7.222C10.742 7.074 11.114 7 11.5 7L14 7L14 4L9 4L9 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6L7 6L7 7.5C7 7.641 6.952 7.759 6.856 7.856C6.759 7.952 6.641 8 6.5 8L5 8L5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L2 10L2 13L3.5 13C3.754 13 3.998 12.951 4.233 12.854Z"/></svg>
React
// Gentleface "escalator" (line-round), MIT. https://gentleface.com/icons/escalator
import type { SVGProps } from 'react';

export function EscalatorIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M6.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L6.707 2L1.854 6.854C1.756 6.951 1.638 7 1.5 7C1.362 7 1.244 6.951 1.146 6.854C1.049 6.756 1 6.638 1 6.5C1 6.362 1.049 6.244 1.146 6.146L6.146 1.146C6.244 1.049 6.362 1 6.5 1ZM4 7.5C4 7.359 4.048 7.241 4.144 7.144C4.241 7.048 4.359 7 4.5 7L6 7L6 5.5C6 5.359 6.048 5.241 6.144 5.144C6.241 5.048 6.359 5 6.5 5L8 5L8 3.5C8 3.359 8.048 3.241 8.144 3.144C8.241 3.048 8.359 3 8.5 3L14.5 3C14.641 3 14.759 3.048 14.856 3.144C14.952 3.241 15 3.359 15 3.5L15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L11.5 8C11.246 8 11.002 8.049 10.767 8.146C10.533 8.243 10.326 8.381 10.146 8.561L5.561 13.146C5.287 13.42 4.972 13.63 4.615 13.778C4.258 13.926 3.886 14 3.5 14L1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5L1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L4 9L4 7.5ZM4.233 12.854C4.467 12.757 4.674 12.619 4.854 12.439L9.439 7.854C9.713 7.58 10.028 7.37 10.385 7.222C10.742 7.074 11.114 7 11.5 7L14 7L14 4L9 4L9 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6L7 6L7 7.5C7 7.641 6.952 7.759 6.856 7.856C6.759 7.952 6.641 8 6.5 8L5 8L5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L2 10L2 13L3.5 13C3.754 13 3.998 12.951 4.233 12.854Z" />
    </svg>
  );
}
Vue
Vue: see /icons/escalator.md
Svelte
Svelte: see /icons/escalator.md
HTML img
HTML img: see /icons/escalator.md
CSS
CSS: see /icons/escalator.md
Data URL
Data URL: see /icons/escalator.md
Sprite
Sprite: see /icons/escalator.md
SwiftUI
SwiftUI: see /icons/escalator.md
Compose
Compose: see /icons/escalator.md
Android XML
Android XML: see /icons/escalator.md
Flutter
Flutter: see /icons/escalator.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { EscalatorIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
escalator, moving stairs, moving staircase
Alternatives
Also fits
  • elevator: an escalator
  • stairs: an escalator
Tags
escalator, moving-stairs, moving-staircase, mall, station, airport, upstairs, downstairs, floor, level
Category
Buildings
Component name
EscalatorIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More buildings icons

balcony building building-apartment building-gear building-pencil building-plus building-search buildings castle city cottage dam dome elevator factory farm · all buildings icons

For agents

Metadata: /icons/escalator.json · Markdown: /icons/escalator.md · SVG: https://gentleface.com/svg/{style}/16/escalator.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/escalator.png