elevator icon

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

Name: elevator-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

elevator elevator-bold elevator-duotone elevator-fill elevator-thin

The same icon in other sets

elevatorFont Awesome 6 Solid elevator-20-filledFluent UI System Icons elevatorFluent Emoji elevatorFluent Emoji Flat elevatorFluent Emoji High Contrast elevatorIconoir elevatorMaterial Symbols elevatorMaterial Design Icons elevatorNoto Emoji elevatorOpenMoji elevatorTabler Icons elevatorTwitter Emoji

Use the elevator icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 34H48a14 14 0 0 0-14 14v160a14 14 0 0 0 14 14h160a14 14 0 0 0 14-14V48a14 14 0 0 0-14-14m-30 76v100h-44V110Zm-56 100H78V110h44Zm88-2a2 2 0 0 1-2 2h-18V104a6 6 0 0 0-6-6H72a6 6 0 0 0-6 6v106H48a2 2 0 0 1-2-2V48a2 2 0 0 1 2-2h160a2 2 0 0 1 2 2ZM150 72a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg>

React

import type { SVGProps } from "react";

export function PhElevatorLight(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="M208 34H48a14 14 0 0 0-14 14v160a14 14 0 0 0 14 14h160a14 14 0 0 0 14-14V48a14 14 0 0 0-14-14m-30 76v100h-44V110Zm-56 100H78V110h44Zm88-2a2 2 0 0 1-2 2h-18V104a6 6 0 0 0-6-6H72a6 6 0 0 0-6 6v106H48a2 2 0 0 1-2-2V48a2 2 0 0 1 2-2h160a2 2 0 0 1 2 2ZM150 72a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 34H48a14 14 0 0 0-14 14v160a14 14 0 0 0 14 14h160a14 14 0 0 0 14-14V48a14 14 0 0 0-14-14m-30 76v100h-44V110Zm-56 100H78V110h44Zm88-2a2 2 0 0 1-2 2h-18V104a6 6 0 0 0-6-6H72a6 6 0 0 0-6 6v106H48a2 2 0 0 1-2-2V48a2 2 0 0 1 2-2h160a2 2 0 0 1 2 2ZM150 72a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg>
</template>

CSS

.icon-elevator-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%22M208%2034H48a14%2014%200%200%200-14%2014v160a14%2014%200%200%200%2014%2014h160a14%2014%200%200%200%2014-14V48a14%2014%200%200%200-14-14m-30%2076v100h-44V110Zm-56%20100H78V110h44Zm88-2a2%202%200%200%201-2%202h-18V104a6%206%200%200%200-6-6H72a6%206%200%200%200-6%206v106H48a2%202%200%200%201-2-2V48a2%202%200%200%201%202-2h160a2%202%200%200%201%202%202ZM150%2072a6%206%200%200%201-6%206h-32a6%206%200%200%201%200-12h32a6%206%200%200%201%206%206%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%22M208%2034H48a14%2014%200%200%200-14%2014v160a14%2014%200%200%200%2014%2014h160a14%2014%200%200%200%2014-14V48a14%2014%200%200%200-14-14m-30%2076v100h-44V110Zm-56%20100H78V110h44Zm88-2a2%202%200%200%201-2%202h-18V104a6%206%200%200%200-6-6H72a6%206%200%200%200-6%206v106H48a2%202%200%200%201-2-2V48a2%202%200%200%201%202-2h160a2%202%200%200%201%202%202ZM150%2072a6%206%200%200%201-6%206h-32a6%206%200%200%201%200-12h32a6%206%200%200%201%206%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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