escalator down icon

escalator-down-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
escalator-down-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

escalator-downescalator-down-boldescalator-down-duotoneescalator-down-fillescalator-down-thin

The same icon in other sets

escalator-downMaterial Design Iconsescalator-down-fillMingCute Iconescalator-downTabler Icons

Related icons in Phosphor

escalator-up

Use the escalator down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171.76 84.24a6 6 0 0 1 8.48-8.48L194 89.51V48a6 6 0 0 1 12 0v41.51l13.76-13.75a6 6 0 0 1 8.48 8.48l-24 24a6 6 0 0 1-8.48 0ZM238 160v40a14 14 0 0 1-14 14h-56a6 6 0 0 1-4.41-1.93L69.37 110H32a14 14 0 0 1-14-14V56a14 14 0 0 1 14-14h56a6 6 0 0 1 4.41 1.93L186.63 146H224a14 14 0 0 1 14 14m-12 0a2 2 0 0 0-2-2h-40a6 6 0 0 1-4.41-1.93L85.37 54H32a2 2 0 0 0-2 2v40a2 2 0 0 0 2 2h40a6 6 0 0 1 4.41 1.93L170.63 202H224a2 2 0 0 0 2-2Z"/></svg>

React

import type { SVGProps } from "react";

export function PhEscalatorDownLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171.76 84.24a6 6 0 0 1 8.48-8.48L194 89.51V48a6 6 0 0 1 12 0v41.51l13.76-13.75a6 6 0 0 1 8.48 8.48l-24 24a6 6 0 0 1-8.48 0ZM238 160v40a14 14 0 0 1-14 14h-56a6 6 0 0 1-4.41-1.93L69.37 110H32a14 14 0 0 1-14-14V56a14 14 0 0 1 14-14h56a6 6 0 0 1 4.41 1.93L186.63 146H224a14 14 0 0 1 14 14m-12 0a2 2 0 0 0-2-2h-40a6 6 0 0 1-4.41-1.93L85.37 54H32a2 2 0 0 0-2 2v40a2 2 0 0 0 2 2h40a6 6 0 0 1 4.41 1.93L170.63 202H224a2 2 0 0 0 2-2Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171.76 84.24a6 6 0 0 1 8.48-8.48L194 89.51V48a6 6 0 0 1 12 0v41.51l13.76-13.75a6 6 0 0 1 8.48 8.48l-24 24a6 6 0 0 1-8.48 0ZM238 160v40a14 14 0 0 1-14 14h-56a6 6 0 0 1-4.41-1.93L69.37 110H32a14 14 0 0 1-14-14V56a14 14 0 0 1 14-14h56a6 6 0 0 1 4.41 1.93L186.63 146H224a14 14 0 0 1 14 14m-12 0a2 2 0 0 0-2-2h-40a6 6 0 0 1-4.41-1.93L85.37 54H32a2 2 0 0 0-2 2v40a2 2 0 0 0 2 2h40a6 6 0 0 1 4.41 1.93L170.63 202H224a2 2 0 0 0 2-2Z"/></svg>
</template>

CSS

.icon-escalator-down-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M171.76%2084.24a6%206%200%200%201%208.48-8.48L194%2089.51V48a6%206%200%200%201%2012%200v41.51l13.76-13.75a6%206%200%200%201%208.48%208.48l-24%2024a6%206%200%200%201-8.48%200ZM238%20160v40a14%2014%200%200%201-14%2014h-56a6%206%200%200%201-4.41-1.93L69.37%20110H32a14%2014%200%200%201-14-14V56a14%2014%200%200%201%2014-14h56a6%206%200%200%201%204.41%201.93L186.63%20146H224a14%2014%200%200%201%2014%2014m-12%200a2%202%200%200%200-2-2h-40a6%206%200%200%201-4.41-1.93L85.37%2054H32a2%202%200%200%200-2%202v40a2%202%200%200%200%202%202h40a6%206%200%200%201%204.41%201.93L170.63%20202H224a2%202%200%200%200%202-2Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M171.76%2084.24a6%206%200%200%201%208.48-8.48L194%2089.51V48a6%206%200%200%201%2012%200v41.51l13.76-13.75a6%206%200%200%201%208.48%208.48l-24%2024a6%206%200%200%201-8.48%200ZM238%20160v40a14%2014%200%200%201-14%2014h-56a6%206%200%200%201-4.41-1.93L69.37%20110H32a14%2014%200%200%201-14-14V56a14%2014%200%200%201%2014-14h56a6%206%200%200%201%204.41%201.93L186.63%20146H224a14%2014%200%200%201%2014%2014m-12%200a2%202%200%200%200-2-2h-40a6%206%200%200%201-4.41-1.93L85.37%2054H32a2%202%200%200%200-2%202v40a2%202%200%200%200%202%202h40a6%206%200%200%201%204.41%201.93L170.63%20202H224a2%202%200%200%200%202-2Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/escalator-down-light.svg?color=%231a73e8&size=48