hotel class icon
hotel-class-outline-rounded from Material Symbols Light by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- hotel-class-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the hotel class icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.508 14.116l3.473-3l.15.011q.234.028.365.199t.131.368q0 .114-.042.216t-.154.179l-2.754 2.39l.833 3.625q.005.028.005.063v.062q0 .237-.155.39q-.156.152-.383.152q-.071 0-.149-.008t-.145-.065l-.122-.075zM13.6 8.219l-.973-2.296l.052-.127q.066-.17.204-.263t.295-.093t.307.093t.217.257l1.067 2.539zm-6.25 8.606l3.15-1.9l3.15 1.925l-.825-3.6l2.775-2.4l-3.65-.325l-1.45-3.4L9.05 10.5l-3.65.325l2.775 2.425zm-1.096.24l.812-3.456l-2.676-2.328q-.142-.131-.214-.286t-.072-.31q0-.286.199-.532q.199-.245.547-.276l3.533-.311L9.748 6.31q.101-.243.313-.364t.434-.121t.438.121t.319.364l1.366 3.256l3.532.311q.348.03.547.276q.2.244.2.53q0 .163-.073.315q-.072.152-.214.283l-2.675 2.328l.818 3.457q.018.055.018.178q0 .347-.24.581q-.242.235-.563.235q-.06 0-.433-.131L10.5 16.102l-3.034 1.827q-.106.056-.217.093t-.212.038q-.364 0-.626-.295t-.157-.7m4.246-4.584"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHotelClassOutlineRounded(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="m15.508 14.116l3.473-3l.15.011q.234.028.365.199t.131.368q0 .114-.042.216t-.154.179l-2.754 2.39l.833 3.625q.005.028.005.063v.062q0 .237-.155.39q-.156.152-.383.152q-.071 0-.149-.008t-.145-.065l-.122-.075zM13.6 8.219l-.973-2.296l.052-.127q.066-.17.204-.263t.295-.093t.307.093t.217.257l1.067 2.539zm-6.25 8.606l3.15-1.9l3.15 1.925l-.825-3.6l2.775-2.4l-3.65-.325l-1.45-3.4L9.05 10.5l-3.65.325l2.775 2.425zm-1.096.24l.812-3.456l-2.676-2.328q-.142-.131-.214-.286t-.072-.31q0-.286.199-.532q.199-.245.547-.276l3.533-.311L9.748 6.31q.101-.243.313-.364t.434-.121t.438.121t.319.364l1.366 3.256l3.532.311q.348.03.547.276q.2.244.2.53q0 .163-.073.315q-.072.152-.214.283l-2.675 2.328l.818 3.457q.018.055.018.178q0 .347-.24.581q-.242.235-.563.235q-.06 0-.433-.131L10.5 16.102l-3.034 1.827q-.106.056-.217.093t-.212.038q-.364 0-.626-.295t-.157-.7m4.246-4.584"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.508 14.116l3.473-3l.15.011q.234.028.365.199t.131.368q0 .114-.042.216t-.154.179l-2.754 2.39l.833 3.625q.005.028.005.063v.062q0 .237-.155.39q-.156.152-.383.152q-.071 0-.149-.008t-.145-.065l-.122-.075zM13.6 8.219l-.973-2.296l.052-.127q.066-.17.204-.263t.295-.093t.307.093t.217.257l1.067 2.539zm-6.25 8.606l3.15-1.9l3.15 1.925l-.825-3.6l2.775-2.4l-3.65-.325l-1.45-3.4L9.05 10.5l-3.65.325l2.775 2.425zm-1.096.24l.812-3.456l-2.676-2.328q-.142-.131-.214-.286t-.072-.31q0-.286.199-.532q.199-.245.547-.276l3.533-.311L9.748 6.31q.101-.243.313-.364t.434-.121t.438.121t.319.364l1.366 3.256l3.532.311q.348.03.547.276q.2.244.2.53q0 .163-.073.315q-.072.152-.214.283l-2.675 2.328l.818 3.457q.018.055.018.178q0 .347-.24.581q-.242.235-.563.235q-.06 0-.433-.131L10.5 16.102l-3.034 1.827q-.106.056-.217.093t-.212.038q-.364 0-.626-.295t-.157-.7m4.246-4.584"/></svg> </template>
CSS
.icon-hotel-class-outline-rounded {
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%22m15.508%2014.116l3.473-3l.15.011q.234.028.365.199t.131.368q0%20.114-.042.216t-.154.179l-2.754%202.39l.833%203.625q.005.028.005.063v.062q0%20.237-.155.39q-.156.152-.383.152q-.071%200-.149-.008t-.145-.065l-.122-.075zM13.6%208.219l-.973-2.296l.052-.127q.066-.17.204-.263t.295-.093t.307.093t.217.257l1.067%202.539zm-6.25%208.606l3.15-1.9l3.15%201.925l-.825-3.6l2.775-2.4l-3.65-.325l-1.45-3.4L9.05%2010.5l-3.65.325l2.775%202.425zm-1.096.24l.812-3.456l-2.676-2.328q-.142-.131-.214-.286t-.072-.31q0-.286.199-.532q.199-.245.547-.276l3.533-.311L9.748%206.31q.101-.243.313-.364t.434-.121t.438.121t.319.364l1.366%203.256l3.532.311q.348.03.547.276q.2.244.2.53q0%20.163-.073.315q-.072.152-.214.283l-2.675%202.328l.818%203.457q.018.055.018.178q0%20.347-.24.581q-.242.235-.563.235q-.06%200-.433-.131L10.5%2016.102l-3.034%201.827q-.106.056-.217.093t-.212.038q-.364%200-.626-.295t-.157-.7m4.246-4.584%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%22m15.508%2014.116l3.473-3l.15.011q.234.028.365.199t.131.368q0%20.114-.042.216t-.154.179l-2.754%202.39l.833%203.625q.005.028.005.063v.062q0%20.237-.155.39q-.156.152-.383.152q-.071%200-.149-.008t-.145-.065l-.122-.075zM13.6%208.219l-.973-2.296l.052-.127q.066-.17.204-.263t.295-.093t.307.093t.217.257l1.067%202.539zm-6.25%208.606l3.15-1.9l3.15%201.925l-.825-3.6l2.775-2.4l-3.65-.325l-1.45-3.4L9.05%2010.5l-3.65.325l2.775%202.425zm-1.096.24l.812-3.456l-2.676-2.328q-.142-.131-.214-.286t-.072-.31q0-.286.199-.532q.199-.245.547-.276l3.533-.311L9.748%206.31q.101-.243.313-.364t.434-.121t.438.121t.319.364l1.366%203.256l3.532.311q.348.03.547.276q.2.244.2.53q0%20.163-.073.315q-.072.152-.214.283l-2.675%202.328l.818%203.457q.018.055.018.178q0%20.347-.24.581q-.242.235-.563.235q-.06%200-.433-.131L10.5%2016.102l-3.034%201.827q-.106.056-.217.093t-.212.038q-.364%200-.626-.295t-.157-.7m4.246-4.584%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/hotel-class-outline-rounded.svg?color=%231a73e8&size=48
