short stay icon

short-stay-outline-sharp from Material Symbols Light by Google · Outline Sharp · Social · Apache-2.0 Free for personal and commercial use.

Name: short-stay-outline-sharp
Set: Material Symbols Light
Style: Outline Sharp
Category: Social
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

short-stay short-stay-outline short-stay-outline-rounded short-stay-rounded short-stay-sharp

The same icon in other sets

short-stayMaterial Symbols

More social icons from Material Symbols Light

Use the short stay icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.23 20h5.58zm-1 1V3h11v7.364q-.288.075-.528.157q-.24.083-.471.173V4h-9v7h8.154v.156q-.339.195-.631.425t-.5.419H5.23v8h5.579q.16.292.31.545t.326.455zM8.666 8.566Q8.23 8.133 8.23 7.5t.434-1.066Q9.098 6 9.73 6t1.066.434t.434 1.066t-.434 1.066Q10.364 9 9.731 9t-1.066-.434M9.23 18.5h.948v-1.538q-.029-.181-.046-.362q-.017-.18-.017-.361q0-.235.028-.45t.087-.427V13.5h-1v2h-2v1h2zm4.587 1.685Q12.5 18.869 12.5 17.003t1.316-3.185t3.181-1.318q1.867 0 3.185 1.316Q21.5 15.13 21.5 16.997t-1.315 3.185t-3.182 1.318t-3.185-1.315m4.857-.964l.546-.546l-1.836-1.829v-2.73h-.77v3.046z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightShortStayOutlineSharp(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="M5.23 20h5.58zm-1 1V3h11v7.364q-.288.075-.528.157q-.24.083-.471.173V4h-9v7h8.154v.156q-.339.195-.631.425t-.5.419H5.23v8h5.579q.16.292.31.545t.326.455zM8.666 8.566Q8.23 8.133 8.23 7.5t.434-1.066Q9.098 6 9.73 6t1.066.434t.434 1.066t-.434 1.066Q10.364 9 9.731 9t-1.066-.434M9.23 18.5h.948v-1.538q-.029-.181-.046-.362q-.017-.18-.017-.361q0-.235.028-.45t.087-.427V13.5h-1v2h-2v1h2zm4.587 1.685Q12.5 18.869 12.5 17.003t1.316-3.185t3.181-1.318q1.867 0 3.185 1.316Q21.5 15.13 21.5 16.997t-1.315 3.185t-3.182 1.318t-3.185-1.315m4.857-.964l.546-.546l-1.836-1.829v-2.73h-.77v3.046z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.23 20h5.58zm-1 1V3h11v7.364q-.288.075-.528.157q-.24.083-.471.173V4h-9v7h8.154v.156q-.339.195-.631.425t-.5.419H5.23v8h5.579q.16.292.31.545t.326.455zM8.666 8.566Q8.23 8.133 8.23 7.5t.434-1.066Q9.098 6 9.73 6t1.066.434t.434 1.066t-.434 1.066Q10.364 9 9.731 9t-1.066-.434M9.23 18.5h.948v-1.538q-.029-.181-.046-.362q-.017-.18-.017-.361q0-.235.028-.45t.087-.427V13.5h-1v2h-2v1h2zm4.587 1.685Q12.5 18.869 12.5 17.003t1.316-3.185t3.181-1.318q1.867 0 3.185 1.316Q21.5 15.13 21.5 16.997t-1.315 3.185t-3.182 1.318t-3.185-1.315m4.857-.964l.546-.546l-1.836-1.829v-2.73h-.77v3.046z"/></svg>
</template>

CSS

.icon-short-stay-outline-sharp {
  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%22M5.23%2020h5.58zm-1%201V3h11v7.364q-.288.075-.528.157q-.24.083-.471.173V4h-9v7h8.154v.156q-.339.195-.631.425t-.5.419H5.23v8h5.579q.16.292.31.545t.326.455zM8.666%208.566Q8.23%208.133%208.23%207.5t.434-1.066Q9.098%206%209.73%206t1.066.434t.434%201.066t-.434%201.066Q10.364%209%209.731%209t-1.066-.434M9.23%2018.5h.948v-1.538q-.029-.181-.046-.362q-.017-.18-.017-.361q0-.235.028-.45t.087-.427V13.5h-1v2h-2v1h2zm4.587%201.685Q12.5%2018.869%2012.5%2017.003t1.316-3.185t3.181-1.318q1.867%200%203.185%201.316Q21.5%2015.13%2021.5%2016.997t-1.315%203.185t-3.182%201.318t-3.185-1.315m4.857-.964l.546-.546l-1.836-1.829v-2.73h-.77v3.046z%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%22M5.23%2020h5.58zm-1%201V3h11v7.364q-.288.075-.528.157q-.24.083-.471.173V4h-9v7h8.154v.156q-.339.195-.631.425t-.5.419H5.23v8h5.579q.16.292.31.545t.326.455zM8.666%208.566Q8.23%208.133%208.23%207.5t.434-1.066Q9.098%206%209.73%206t1.066.434t.434%201.066t-.434%201.066Q10.364%209%209.731%209t-1.066-.434M9.23%2018.5h.948v-1.538q-.029-.181-.046-.362q-.017-.18-.017-.361q0-.235.028-.45t.087-.427V13.5h-1v2h-2v1h2zm4.587%201.685Q12.5%2018.869%2012.5%2017.003t1.316-3.185t3.181-1.318q1.867%200%203.185%201.316Q21.5%2015.13%2021.5%2016.997t-1.315%203.185t-3.182%201.318t-3.185-1.315m4.857-.964l.546-.546l-1.836-1.829v-2.73h-.77v3.046z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/short-stay-outline-sharp.svg?color=%231a73e8&size=48