no-luggage from Material Symbols Light by Google · Regular · Travel · Apache-2.0 Free for personal and commercial use.

Name
no-luggage
Set
Material Symbols Light
Style
Regular
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 no luggage icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.11 22.53l-3.294-3.293q-.181.355-.515.56q-.334.203-.762.203v.23q0 .31-.23.54t-.54.23t-.54-.23t-.229-.54V20H9v.23q0 .31-.23.54t-.54.23t-.539-.23t-.23-.54V20q-.67 0-1.143-.472q-.472-.472-.472-1.144V8q0-.165.029-.309t.106-.289L1.887 3.308l.713-.714l19.223 19.223zm-11.494-5.3h1v-5.193l-1-1zm3.769 0h1v-1.424l-1-1zm4.769-2.47l-3.77-3.77V9.155h-1v.837L9.617 6.22V4.616q0-.672.472-1.144T11.23 3h1.538q.671 0 1.143.472t.472 1.144v1.769h2.154q.671 0 1.144.472T18.154 8zm-7.538-8.375h2.769v-1.77q0-.269-.173-.442T12.769 4h-1.538q-.27 0-.442.173q-.173.173-.173.443z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightNoLuggage(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="m21.11 22.53l-3.294-3.293q-.181.355-.515.56q-.334.203-.762.203v.23q0 .31-.23.54t-.54.23t-.54-.23t-.229-.54V20H9v.23q0 .31-.23.54t-.54.23t-.539-.23t-.23-.54V20q-.67 0-1.143-.472q-.472-.472-.472-1.144V8q0-.165.029-.309t.106-.289L1.887 3.308l.713-.714l19.223 19.223zm-11.494-5.3h1v-5.193l-1-1zm3.769 0h1v-1.424l-1-1zm4.769-2.47l-3.77-3.77V9.155h-1v.837L9.617 6.22V4.616q0-.672.472-1.144T11.23 3h1.538q.671 0 1.143.472t.472 1.144v1.769h2.154q.671 0 1.144.472T18.154 8zm-7.538-8.375h2.769v-1.77q0-.269-.173-.442T12.769 4h-1.538q-.27 0-.442.173q-.173.173-.173.443z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.11 22.53l-3.294-3.293q-.181.355-.515.56q-.334.203-.762.203v.23q0 .31-.23.54t-.54.23t-.54-.23t-.229-.54V20H9v.23q0 .31-.23.54t-.54.23t-.539-.23t-.23-.54V20q-.67 0-1.143-.472q-.472-.472-.472-1.144V8q0-.165.029-.309t.106-.289L1.887 3.308l.713-.714l19.223 19.223zm-11.494-5.3h1v-5.193l-1-1zm3.769 0h1v-1.424l-1-1zm4.769-2.47l-3.77-3.77V9.155h-1v.837L9.617 6.22V4.616q0-.672.472-1.144T11.23 3h1.538q.671 0 1.143.472t.472 1.144v1.769h2.154q.671 0 1.144.472T18.154 8zm-7.538-8.375h2.769v-1.77q0-.269-.173-.442T12.769 4h-1.538q-.27 0-.442.173q-.173.173-.173.443z"/></svg>
</template>

CSS

.icon-no-luggage {
  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%22m21.11%2022.53l-3.294-3.293q-.181.355-.515.56q-.334.203-.762.203v.23q0%20.31-.23.54t-.54.23t-.54-.23t-.229-.54V20H9v.23q0%20.31-.23.54t-.54.23t-.539-.23t-.23-.54V20q-.67%200-1.143-.472q-.472-.472-.472-1.144V8q0-.165.029-.309t.106-.289L1.887%203.308l.713-.714l19.223%2019.223zm-11.494-5.3h1v-5.193l-1-1zm3.769%200h1v-1.424l-1-1zm4.769-2.47l-3.77-3.77V9.155h-1v.837L9.617%206.22V4.616q0-.672.472-1.144T11.23%203h1.538q.671%200%201.143.472t.472%201.144v1.769h2.154q.671%200%201.144.472T18.154%208zm-7.538-8.375h2.769v-1.77q0-.269-.173-.442T12.769%204h-1.538q-.27%200-.442.173q-.173.173-.173.443z%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%22m21.11%2022.53l-3.294-3.293q-.181.355-.515.56q-.334.203-.762.203v.23q0%20.31-.23.54t-.54.23t-.54-.23t-.229-.54V20H9v.23q0%20.31-.23.54t-.54.23t-.539-.23t-.23-.54V20q-.67%200-1.143-.472q-.472-.472-.472-1.144V8q0-.165.029-.309t.106-.289L1.887%203.308l.713-.714l19.223%2019.223zm-11.494-5.3h1v-5.193l-1-1zm3.769%200h1v-1.424l-1-1zm4.769-2.47l-3.77-3.77V9.155h-1v.837L9.617%206.22V4.616q0-.672.472-1.144T11.23%203h1.538q.671%200%201.143.472t.472%201.144v1.769h2.154q.671%200%201.144.472T18.154%208zm-7.538-8.375h2.769v-1.77q0-.269-.173-.442T12.769%204h-1.538q-.27%200-.442.173q-.173.173-.173.443z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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