elevator emoji
elevator from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- elevator
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
elevatorFont Awesome 6 SolidelevatorFont Awesome Solidelevator-20-filledFluent UI System IconselevatorFluent EmojielevatorFluent Emoji FlatelevatorFluent Emoji High ContrastelevatorIconParkelevatorIconPark OutlineelevatorIconPark SolidelevatorIconPark TwoToneelevatorIconoirelevatorMaterial SymbolselevatorMaterial Symbols LightelevatorMaterial Design IconselevatorMyna UI IconselevatorNoto EmojielevatorPhosphorelevatorTabler IconselevatorTwitter Emoji
More extras openmoji icons from OpenMoji
Use the elevator emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M22 19h28v34H22z"/><path fill="#fff" d="m29 53l19-34H22v34z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M22 19h28v34H22zm-6 42V11m20 38V23m20 38V11"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiElevator(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M22 19h28v34H22z"/><path fill="#fff" d="m29 53l19-34H22v34z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M22 19h28v34H22zm-6 42V11m20 38V23m20 38V11"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M22 19h28v34H22z"/><path fill="#fff" d="m29 53l19-34H22v34z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M22 19h28v34H22zm-6 42V11m20 38V23m20 38V11"/></svg> </template>
CSS
.icon-elevator {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M22%2019h28v34H22z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m29%2053l19-34H22v34z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M22%2019h28v34H22zm-6%2042V11m20%2038V23m20%2038V11%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M22%2019h28v34H22z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m29%2053l19-34H22v34z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M22%2019h28v34H22zm-6%2042V11m20%2038V23m20%2038V11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/elevator.svg?color=%231a73e8&size=48
