escalator warning icon
escalator-warning from Material Symbols Light by Google · Regular · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- escalator-warning
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Travel
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- escalator-warning-outline
2 other variants in Material Symbols Light
The same icon in other sets
More travel icons from Material Symbols Light
airline-seat-flatairline-seat-flat-angledairline-seat-individual-suiteairline-seat-legroom-extraairline-seat-legroom-normalairline-seat-legroom-reducedairline-seat-recline-extraairline-seat-recline-normalairplane-ticketapartmentattractionsbakery-diningbath-bedrockbeach-accessbeer-mealbentobreakfast-diningbrunch-diningbungalowcabincar-rentalcar-repaircarpentercarry-on-bag
Use the escalator warning icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.309 5.307q-.501-.501-.501-1.191t.5-1.192T7.5 2.423t1.191.501t.501 1.192t-.5 1.19q-.502.502-1.192.502t-1.191-.501m10.345 6q-.529 0-.918-.379q-.39-.38-.39-.928q0-.567.39-.937q.389-.37.918-.37q.567 0 .937.37t.37.937q0 .548-.37.928t-.937.38M5.73 21.5v-6.577H4.077V9.039q0-.672.472-1.144t1.143-.472h2.923q.512 0 .914.282t.58.757l2.499 6.598l2.294-2.294q.18-.185.403-.283q.222-.098.482-.098h1.982q.51 0 .87.36q.361.36.361.87v3.462h-1V21.5h-2.692v-7.715l-1.93 1.907h-1.68L9.5 9.658V21.5z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightEscalatorWarning(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="M6.309 5.307q-.501-.501-.501-1.191t.5-1.192T7.5 2.423t1.191.501t.501 1.192t-.5 1.19q-.502.502-1.192.502t-1.191-.501m10.345 6q-.529 0-.918-.379q-.39-.38-.39-.928q0-.567.39-.937q.389-.37.918-.37q.567 0 .937.37t.37.937q0 .548-.37.928t-.937.38M5.73 21.5v-6.577H4.077V9.039q0-.672.472-1.144t1.143-.472h2.923q.512 0 .914.282t.58.757l2.499 6.598l2.294-2.294q.18-.185.403-.283q.222-.098.482-.098h1.982q.51 0 .87.36q.361.36.361.87v3.462h-1V21.5h-2.692v-7.715l-1.93 1.907h-1.68L9.5 9.658V21.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.309 5.307q-.501-.501-.501-1.191t.5-1.192T7.5 2.423t1.191.501t.501 1.192t-.5 1.19q-.502.502-1.192.502t-1.191-.501m10.345 6q-.529 0-.918-.379q-.39-.38-.39-.928q0-.567.39-.937q.389-.37.918-.37q.567 0 .937.37t.37.937q0 .548-.37.928t-.937.38M5.73 21.5v-6.577H4.077V9.039q0-.672.472-1.144t1.143-.472h2.923q.512 0 .914.282t.58.757l2.499 6.598l2.294-2.294q.18-.185.403-.283q.222-.098.482-.098h1.982q.51 0 .87.36q.361.36.361.87v3.462h-1V21.5h-2.692v-7.715l-1.93 1.907h-1.68L9.5 9.658V21.5z"/></svg> </template>
CSS
.icon-escalator-warning {
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%22M6.309%205.307q-.501-.501-.501-1.191t.5-1.192T7.5%202.423t1.191.501t.501%201.192t-.5%201.19q-.502.502-1.192.502t-1.191-.501m10.345%206q-.529%200-.918-.379q-.39-.38-.39-.928q0-.567.39-.937q.389-.37.918-.37q.567%200%20.937.37t.37.937q0%20.548-.37.928t-.937.38M5.73%2021.5v-6.577H4.077V9.039q0-.672.472-1.144t1.143-.472h2.923q.512%200%20.914.282t.58.757l2.499%206.598l2.294-2.294q.18-.185.403-.283q.222-.098.482-.098h1.982q.51%200%20.87.36q.361.36.361.87v3.462h-1V21.5h-2.692v-7.715l-1.93%201.907h-1.68L9.5%209.658V21.5z%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%22M6.309%205.307q-.501-.501-.501-1.191t.5-1.192T7.5%202.423t1.191.501t.501%201.192t-.5%201.19q-.502.502-1.192.502t-1.191-.501m10.345%206q-.529%200-.918-.379q-.39-.38-.39-.928q0-.567.39-.937q.389-.37.918-.37q.567%200%20.937.37t.37.937q0%20.548-.37.928t-.937.38M5.73%2021.5v-6.577H4.077V9.039q0-.672.472-1.144t1.143-.472h2.923q.512%200%20.914.282t.58.757l2.499%206.598l2.294-2.294q.18-.185.403-.283q.222-.098.482-.098h1.982q.51%200%20.87.36q.361.36.361.87v3.462h-1V21.5h-2.692v-7.715l-1.93%201.907h-1.68L9.5%209.658V21.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/escalator-warning.svg?color=%231a73e8&size=48
