carry on bag inactive icon

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

Name
carry-on-bag-inactive-outline-rounded
Set
Material Symbols Light
Style
Outline 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="M14 3.808v8.188q0 .213-.144.357t-.357.143t-.356-.143t-.143-.357V9H9.985q-.213 0-.357-.144t-.144-.357t.144-.356T9.985 8H13V4h-1.115q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343 0 .576.232t.232.576m3.908 17.361L16.4 19.662q-.063.934-.735 1.598q-.673.663-1.665.663q-.975 0-1.612-.61T11.642 20H7.616q-.691 0-1.153-.462T6 18.384V9.616q0-.064.014-.154t.044-.143L2.292 5.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616 15.616q.14.14.15.344t-.15.363t-.354.16t-.354-.16M8.5 19v-7.227l-1.5-1.5v8.112q0 .269.173.442t.443.173zm6.594 1.594q.444-.444.444-1.094t-.444-1.094T14 17.962t-1.094.444t-.444 1.094t.444 1.094t1.094.444t1.094-.444M9.5 19h2.161q.068-.523.46-1.009t.879-.633v-1.085l-3.5-3.5zm-1 0v-7.227zm1 0v-6.227zm4.5.5"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCarryOnBagInactiveOutlineRounded(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="M14 3.808v8.188q0 .213-.144.357t-.357.143t-.356-.143t-.143-.357V9H9.985q-.213 0-.357-.144t-.144-.357t.144-.356T9.985 8H13V4h-1.115q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343 0 .576.232t.232.576m3.908 17.361L16.4 19.662q-.063.934-.735 1.598q-.673.663-1.665.663q-.975 0-1.612-.61T11.642 20H7.616q-.691 0-1.153-.462T6 18.384V9.616q0-.064.014-.154t.044-.143L2.292 5.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616 15.616q.14.14.15.344t-.15.363t-.354.16t-.354-.16M8.5 19v-7.227l-1.5-1.5v8.112q0 .269.173.442t.443.173zm6.594 1.594q.444-.444.444-1.094t-.444-1.094T14 17.962t-1.094.444t-.444 1.094t.444 1.094t1.094.444t1.094-.444M9.5 19h2.161q.068-.523.46-1.009t.879-.633v-1.085l-3.5-3.5zm-1 0v-7.227zm1 0v-6.227zm4.5.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 3.808v8.188q0 .213-.144.357t-.357.143t-.356-.143t-.143-.357V9H9.985q-.213 0-.357-.144t-.144-.357t.144-.356T9.985 8H13V4h-1.115q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343 0 .576.232t.232.576m3.908 17.361L16.4 19.662q-.063.934-.735 1.598q-.673.663-1.665.663q-.975 0-1.612-.61T11.642 20H7.616q-.691 0-1.153-.462T6 18.384V9.616q0-.064.014-.154t.044-.143L2.292 5.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616 15.616q.14.14.15.344t-.15.363t-.354.16t-.354-.16M8.5 19v-7.227l-1.5-1.5v8.112q0 .269.173.442t.443.173zm6.594 1.594q.444-.444.444-1.094t-.444-1.094T14 17.962t-1.094.444t-.444 1.094t.444 1.094t1.094.444t1.094-.444M9.5 19h2.161q.068-.523.46-1.009t.879-.633v-1.085l-3.5-3.5zm-1 0v-7.227zm1 0v-6.227zm4.5.5"/></svg>
</template>

CSS

.icon-carry-on-bag-inactive-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%22M14%203.808v8.188q0%20.213-.144.357t-.357.143t-.356-.143t-.143-.357V9H9.985q-.213%200-.357-.144t-.144-.357t.144-.356T9.985%208H13V4h-1.115q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343%200%20.576.232t.232.576m3.908%2017.361L16.4%2019.662q-.063.934-.735%201.598q-.673.663-1.665.663q-.975%200-1.612-.61T11.642%2020H7.616q-.691%200-1.153-.462T6%2018.384V9.616q0-.064.014-.154t.044-.143L2.292%205.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616%2015.616q.14.14.15.344t-.15.363t-.354.16t-.354-.16M8.5%2019v-7.227l-1.5-1.5v8.112q0%20.269.173.442t.443.173zm6.594%201.594q.444-.444.444-1.094t-.444-1.094T14%2017.962t-1.094.444t-.444%201.094t.444%201.094t1.094.444t1.094-.444M9.5%2019h2.161q.068-.523.46-1.009t.879-.633v-1.085l-3.5-3.5zm-1%200v-7.227zm1%200v-6.227zm4.5.5%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%22M14%203.808v8.188q0%20.213-.144.357t-.357.143t-.356-.143t-.143-.357V9H9.985q-.213%200-.357-.144t-.144-.357t.144-.356T9.985%208H13V4h-1.115q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h1.308q.343%200%20.576.232t.232.576m3.908%2017.361L16.4%2019.662q-.063.934-.735%201.598q-.673.663-1.665.663q-.975%200-1.612-.61T11.642%2020H7.616q-.691%200-1.153-.462T6%2018.384V9.616q0-.064.014-.154t.044-.143L2.292%205.554q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l15.616%2015.616q.14.14.15.344t-.15.363t-.354.16t-.354-.16M8.5%2019v-7.227l-1.5-1.5v8.112q0%20.269.173.442t.443.173zm6.594%201.594q.444-.444.444-1.094t-.444-1.094T14%2017.962t-1.094.444t-.444%201.094t.444%201.094t1.094.444t1.094-.444M9.5%2019h2.161q.068-.523.46-1.009t.879-.633v-1.085l-3.5-3.5zm-1%200v-7.227zm1%200v-6.227zm4.5.5%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-outline-rounded.svg?color=%231a73e8&size=48