concierge-outline from Material Symbols Light by Google · Outline · Travel · Apache-2.0 Free for personal and commercial use.

Name
concierge-outline
Set
Material Symbols Light
Style
Outline
Category
Travel
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More travel icons from Material Symbols Light

Use the concierge icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21v-1h11v1zm1-2.384q0-1.737 1.15-3.01q1.15-1.271 2.85-1.448v-.414q0-.194.143-.347t.357-.153q.194 0 .347.153t.153.347v.414q1.694.177 2.847 1.449T21 18.616zm1.202-1.006h6.565q-.301-1.098-1.193-1.809q-.891-.71-2.074-.71q-1.188 0-2.092.71t-1.206 1.809M2.039 11.923V3.769h4v1.296l7.615-2.219l7 2.192V5.5q0 .865-.692 1.49t-1.654.625h-2.539V8.1q0 .51-.353.936q-.353.425-.832.612l-6.172 2.275zm1-1h2V4.769h-2zm3 0h2.215l5.992-2.202q.237-.08.38-.28q.143-.199.143-.46v-.365H12.84l-2.925.969l-.33-.958l3.105-1.011h5.618q.34 0 .774-.211q.433-.21.51-.647l-5.988-1.85l-7.565 2.208z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightConciergeOutline(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="M11 21v-1h11v1zm1-2.384q0-1.737 1.15-3.01q1.15-1.271 2.85-1.448v-.414q0-.194.143-.347t.357-.153q.194 0 .347.153t.153.347v.414q1.694.177 2.847 1.449T21 18.616zm1.202-1.006h6.565q-.301-1.098-1.193-1.809q-.891-.71-2.074-.71q-1.188 0-2.092.71t-1.206 1.809M2.039 11.923V3.769h4v1.296l7.615-2.219l7 2.192V5.5q0 .865-.692 1.49t-1.654.625h-2.539V8.1q0 .51-.353.936q-.353.425-.832.612l-6.172 2.275zm1-1h2V4.769h-2zm3 0h2.215l5.992-2.202q.237-.08.38-.28q.143-.199.143-.46v-.365H12.84l-2.925.969l-.33-.958l3.105-1.011h5.618q.34 0 .774-.211q.433-.21.51-.647l-5.988-1.85l-7.565 2.208z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21v-1h11v1zm1-2.384q0-1.737 1.15-3.01q1.15-1.271 2.85-1.448v-.414q0-.194.143-.347t.357-.153q.194 0 .347.153t.153.347v.414q1.694.177 2.847 1.449T21 18.616zm1.202-1.006h6.565q-.301-1.098-1.193-1.809q-.891-.71-2.074-.71q-1.188 0-2.092.71t-1.206 1.809M2.039 11.923V3.769h4v1.296l7.615-2.219l7 2.192V5.5q0 .865-.692 1.49t-1.654.625h-2.539V8.1q0 .51-.353.936q-.353.425-.832.612l-6.172 2.275zm1-1h2V4.769h-2zm3 0h2.215l5.992-2.202q.237-.08.38-.28q.143-.199.143-.46v-.365H12.84l-2.925.969l-.33-.958l3.105-1.011h5.618q.34 0 .774-.211q.433-.21.51-.647l-5.988-1.85l-7.565 2.208z"/></svg>
</template>

CSS

.icon-concierge-outline {
  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%22M11%2021v-1h11v1zm1-2.384q0-1.737%201.15-3.01q1.15-1.271%202.85-1.448v-.414q0-.194.143-.347t.357-.153q.194%200%20.347.153t.153.347v.414q1.694.177%202.847%201.449T21%2018.616zm1.202-1.006h6.565q-.301-1.098-1.193-1.809q-.891-.71-2.074-.71q-1.188%200-2.092.71t-1.206%201.809M2.039%2011.923V3.769h4v1.296l7.615-2.219l7%202.192V5.5q0%20.865-.692%201.49t-1.654.625h-2.539V8.1q0%20.51-.353.936q-.353.425-.832.612l-6.172%202.275zm1-1h2V4.769h-2zm3%200h2.215l5.992-2.202q.237-.08.38-.28q.143-.199.143-.46v-.365H12.84l-2.925.969l-.33-.958l3.105-1.011h5.618q.34%200%20.774-.211q.433-.21.51-.647l-5.988-1.85l-7.565%202.208z%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%22M11%2021v-1h11v1zm1-2.384q0-1.737%201.15-3.01q1.15-1.271%202.85-1.448v-.414q0-.194.143-.347t.357-.153q.194%200%20.347.153t.153.347v.414q1.694.177%202.847%201.449T21%2018.616zm1.202-1.006h6.565q-.301-1.098-1.193-1.809q-.891-.71-2.074-.71q-1.188%200-2.092.71t-1.206%201.809M2.039%2011.923V3.769h4v1.296l7.615-2.219l7%202.192V5.5q0%20.865-.692%201.49t-1.654.625h-2.539V8.1q0%20.51-.353.936q-.353.425-.832.612l-6.172%202.275zm1-1h2V4.769h-2zm3%200h2.215l5.992-2.202q.237-.08.38-.28q.143-.199.143-.46v-.365H12.84l-2.925.969l-.33-.958l3.105-1.011h5.618q.34%200%20.774-.211q.433-.21.51-.647l-5.988-1.85l-7.565%202.208z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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