escalator down icon

escalator-down-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.

Name
escalator-down-filled
Set
Tabler Icons
Style
Filled
Viewbox
24×24
License
MIT

1 other variant in Tabler Icons

escalator-down

The same icon in other sets

escalator-downMaterial Design Iconsescalator-down-fillMingCute Iconescalator-downPhosphor

Related icons in Tabler Icons

escalator-up

Use the escalator down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.233 6a3 3 0 0 1 2.006.77L18.384 15H19.5a3.5 3.5 0 0 1 3.495 3.308L23 18.5a3.5 3.5 0 0 1-3.5 3.5h-2.733a3 3 0 0 1-2.006-.77L5.617 13H4.5a3.5 3.5 0 0 1-3.495-3.308L1 9.5A3.5 3.5 0 0 1 4.5 6zM18 2a1 1 0 0 1 1 1v4.584l1.293-1.291a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-.112.097l-.11.071l-.114.054l-.105.035l-.149.03L18 11l-.075-.003l-.126-.017l-.111-.03l-.111-.044l-.098-.052l-.096-.067l-.09-.08l-3-3a1 1 0 1 1 1.414-1.414L17 7.586V3a1 1 0 0 1 1-1"/></svg>

React

import type { SVGProps } from "react";

export function TablerEscalatorDownFilled(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="M7.233 6a3 3 0 0 1 2.006.77L18.384 15H19.5a3.5 3.5 0 0 1 3.495 3.308L23 18.5a3.5 3.5 0 0 1-3.5 3.5h-2.733a3 3 0 0 1-2.006-.77L5.617 13H4.5a3.5 3.5 0 0 1-3.495-3.308L1 9.5A3.5 3.5 0 0 1 4.5 6zM18 2a1 1 0 0 1 1 1v4.584l1.293-1.291a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-.112.097l-.11.071l-.114.054l-.105.035l-.149.03L18 11l-.075-.003l-.126-.017l-.111-.03l-.111-.044l-.098-.052l-.096-.067l-.09-.08l-3-3a1 1 0 1 1 1.414-1.414L17 7.586V3a1 1 0 0 1 1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.233 6a3 3 0 0 1 2.006.77L18.384 15H19.5a3.5 3.5 0 0 1 3.495 3.308L23 18.5a3.5 3.5 0 0 1-3.5 3.5h-2.733a3 3 0 0 1-2.006-.77L5.617 13H4.5a3.5 3.5 0 0 1-3.495-3.308L1 9.5A3.5 3.5 0 0 1 4.5 6zM18 2a1 1 0 0 1 1 1v4.584l1.293-1.291a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-.112.097l-.11.071l-.114.054l-.105.035l-.149.03L18 11l-.075-.003l-.126-.017l-.111-.03l-.111-.044l-.098-.052l-.096-.067l-.09-.08l-3-3a1 1 0 1 1 1.414-1.414L17 7.586V3a1 1 0 0 1 1-1"/></svg>
</template>

CSS

.icon-escalator-down-filled {
  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%22M7.233%206a3%203%200%200%201%202.006.77L18.384%2015H19.5a3.5%203.5%200%200%201%203.495%203.308L23%2018.5a3.5%203.5%200%200%201-3.5%203.5h-2.733a3%203%200%200%201-2.006-.77L5.617%2013H4.5a3.5%203.5%200%200%201-3.495-3.308L1%209.5A3.5%203.5%200%200%201%204.5%206zM18%202a1%201%200%200%201%201%201v4.584l1.293-1.291a1%201%200%200%201%201.32-.083l.094.083a1%201%200%200%201%200%201.414l-3%203a1%201%200%200%201-.112.097l-.11.071l-.114.054l-.105.035l-.149.03L18%2011l-.075-.003l-.126-.017l-.111-.03l-.111-.044l-.098-.052l-.096-.067l-.09-.08l-3-3a1%201%200%201%201%201.414-1.414L17%207.586V3a1%201%200%200%201%201-1%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%22M7.233%206a3%203%200%200%201%202.006.77L18.384%2015H19.5a3.5%203.5%200%200%201%203.495%203.308L23%2018.5a3.5%203.5%200%200%201-3.5%203.5h-2.733a3%203%200%200%201-2.006-.77L5.617%2013H4.5a3.5%203.5%200%200%201-3.495-3.308L1%209.5A3.5%203.5%200%200%201%204.5%206zM18%202a1%201%200%200%201%201%201v4.584l1.293-1.291a1%201%200%200%201%201.32-.083l.094.083a1%201%200%200%201%200%201.414l-3%203a1%201%200%200%201-.112.097l-.11.071l-.114.054l-.105.035l-.149.03L18%2011l-.075-.003l-.126-.017l-.111-.03l-.111-.044l-.098-.052l-.096-.067l-.09-.08l-3-3a1%201%200%201%201%201.414-1.414L17%207.586V3a1%201%200%200%201%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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