carry on bag inactive icon

carry-on-bag-inactive-rounded from Material Symbols Light by Google · Rounded · Travel · Apache-2.0 Free for personal and commercial use.

Name
carry-on-bag-inactive-rounded
Set
Material Symbols Light
Style
Rounded
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 carry on bag inactive icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.908 21.175l-2.82-2.75q.2.2.326.475t.124.6q0 .641-.449 1.09q-.45.449-1.091.449t-1.09-.45t-.447-1.091t.45-1.09T14 17.963q.28 0 .547.097q.266.097.466.291L13.77 17.1q-.48.029-.874.24q-.393.21-.693.527q-.287.31-.44.707t-.185.807q-.014.254-.172.436q-.159.183-.388.183H9.384v-7.342l-.884-.885V20h-.885q-.685 0-1.15-.465T6 18.385V9.539q0-.058.015-.113t.043-.107L2.292 5.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616 15.616q.14.14.152.341q.013.2-.147.36q-.146.146-.347.15t-.366-.138m-5.281-9.552l-2.25-2.25q-.379-.379-.171-.876T10.948 8H13V4h-1.115q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343 0 .576.232t.232.576v7.244q0 .534-.497.742t-.876-.171"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCarryOnBagInactiveRounded(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="m17.908 21.175l-2.82-2.75q.2.2.326.475t.124.6q0 .641-.449 1.09q-.45.449-1.091.449t-1.09-.45t-.447-1.091t.45-1.09T14 17.963q.28 0 .547.097q.266.097.466.291L13.77 17.1q-.48.029-.874.24q-.393.21-.693.527q-.287.31-.44.707t-.185.807q-.014.254-.172.436q-.159.183-.388.183H9.384v-7.342l-.884-.885V20h-.885q-.685 0-1.15-.465T6 18.385V9.539q0-.058.015-.113t.043-.107L2.292 5.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616 15.616q.14.14.152.341q.013.2-.147.36q-.146.146-.347.15t-.366-.138m-5.281-9.552l-2.25-2.25q-.379-.379-.171-.876T10.948 8H13V4h-1.115q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343 0 .576.232t.232.576v7.244q0 .534-.497.742t-.876-.171"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.908 21.175l-2.82-2.75q.2.2.326.475t.124.6q0 .641-.449 1.09q-.45.449-1.091.449t-1.09-.45t-.447-1.091t.45-1.09T14 17.963q.28 0 .547.097q.266.097.466.291L13.77 17.1q-.48.029-.874.24q-.393.21-.693.527q-.287.31-.44.707t-.185.807q-.014.254-.172.436q-.159.183-.388.183H9.384v-7.342l-.884-.885V20h-.885q-.685 0-1.15-.465T6 18.385V9.539q0-.058.015-.113t.043-.107L2.292 5.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616 15.616q.14.14.152.341q.013.2-.147.36q-.146.146-.347.15t-.366-.138m-5.281-9.552l-2.25-2.25q-.379-.379-.171-.876T10.948 8H13V4h-1.115q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343 0 .576.232t.232.576v7.244q0 .534-.497.742t-.876-.171"/></svg>
</template>

CSS

.icon-carry-on-bag-inactive-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%22m17.908%2021.175l-2.82-2.75q.2.2.326.475t.124.6q0%20.641-.449%201.09q-.45.449-1.091.449t-1.09-.45t-.447-1.091t.45-1.09T14%2017.963q.28%200%20.547.097q.266.097.466.291L13.77%2017.1q-.48.029-.874.24q-.393.21-.693.527q-.287.31-.44.707t-.185.807q-.014.254-.172.436q-.159.183-.388.183H9.384v-7.342l-.884-.885V20h-.885q-.685%200-1.15-.465T6%2018.385V9.539q0-.058.015-.113t.043-.107L2.292%205.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616%2015.616q.14.14.152.341q.013.2-.147.36q-.146.146-.347.15t-.366-.138m-5.281-9.552l-2.25-2.25q-.379-.379-.171-.876T10.948%208H13V4h-1.115q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343%200%20.576.232t.232.576v7.244q0%20.534-.497.742t-.876-.171%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%22m17.908%2021.175l-2.82-2.75q.2.2.326.475t.124.6q0%20.641-.449%201.09q-.45.449-1.091.449t-1.09-.45t-.447-1.091t.45-1.09T14%2017.963q.28%200%20.547.097q.266.097.466.291L13.77%2017.1q-.48.029-.874.24q-.393.21-.693.527q-.287.31-.44.707t-.185.807q-.014.254-.172.436q-.159.183-.388.183H9.384v-7.342l-.884-.885V20h-.885q-.685%200-1.15-.465T6%2018.385V9.539q0-.058.015-.113t.043-.107L2.292%205.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616%2015.616q.14.14.152.341q.013.2-.147.36q-.146.146-.347.15t-.366-.138m-5.281-9.552l-2.25-2.25q-.379-.379-.171-.876T10.948%208H13V4h-1.115q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343%200%20.576.232t.232.576v7.244q0%20.534-.497.742t-.876-.171%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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