carry on bag checked icon

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

Name
carry-on-bag-checked-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 checked icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.608 18.596l-1.121-1.121q-.112-.111-.27-.121q-.157-.01-.288.121t-.131.279t.13.279l1.114 1.113q.242.242.566.242t.565-.242l2.514-2.513q.111-.112.12-.27q.01-.157-.12-.288t-.28-.13t-.278.13zM9.5 19V9h-.885q-.269 0-.442.173T8 9.616v8.769q0 .269.173.442t.443.173zm-.885 1q-.69 0-1.152-.462T7 18.384V9.616q0-.691.463-1.153T8.616 8H14V4h-1.115q-.214 0-.357-.143q-.144-.144-.144-.357t.144-.357Q12.671 3 12.884 3h1.308q.348 0 .578.23t.23.578v8.06q0 .25-.159.374q-.158.125-.341.125t-.341-.125Q14 12.117 14 11.867V9h-3.5v10h.775q.214 0 .357.143t.143.357t-.143.357t-.357.143zm11.528-5.143q1.165 1.164 1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164t-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165M9.5 19V9zm1 0V9z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCarryOnBagCheckedOutlineRounded(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="m16.608 18.596l-1.121-1.121q-.112-.111-.27-.121q-.157-.01-.288.121t-.131.279t.13.279l1.114 1.113q.242.242.566.242t.565-.242l2.514-2.513q.111-.112.12-.27q.01-.157-.12-.288t-.28-.13t-.278.13zM9.5 19V9h-.885q-.269 0-.442.173T8 9.616v8.769q0 .269.173.442t.443.173zm-.885 1q-.69 0-1.152-.462T7 18.384V9.616q0-.691.463-1.153T8.616 8H14V4h-1.115q-.214 0-.357-.143q-.144-.144-.144-.357t.144-.357Q12.671 3 12.884 3h1.308q.348 0 .578.23t.23.578v8.06q0 .25-.159.374q-.158.125-.341.125t-.341-.125Q14 12.117 14 11.867V9h-3.5v10h.775q.214 0 .357.143t.143.357t-.143.357t-.357.143zm11.528-5.143q1.165 1.164 1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164t-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165M9.5 19V9zm1 0V9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.608 18.596l-1.121-1.121q-.112-.111-.27-.121q-.157-.01-.288.121t-.131.279t.13.279l1.114 1.113q.242.242.566.242t.565-.242l2.514-2.513q.111-.112.12-.27q.01-.157-.12-.288t-.28-.13t-.278.13zM9.5 19V9h-.885q-.269 0-.442.173T8 9.616v8.769q0 .269.173.442t.443.173zm-.885 1q-.69 0-1.152-.462T7 18.384V9.616q0-.691.463-1.153T8.616 8H14V4h-1.115q-.214 0-.357-.143q-.144-.144-.144-.357t.144-.357Q12.671 3 12.884 3h1.308q.348 0 .578.23t.23.578v8.06q0 .25-.159.374q-.158.125-.341.125t-.341-.125Q14 12.117 14 11.867V9h-3.5v10h.775q.214 0 .357.143t.143.357t-.143.357t-.357.143zm11.528-5.143q1.165 1.164 1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164t-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165M9.5 19V9zm1 0V9z"/></svg>
</template>

CSS

.icon-carry-on-bag-checked-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%22m16.608%2018.596l-1.121-1.121q-.112-.111-.27-.121q-.157-.01-.288.121t-.131.279t.13.279l1.114%201.113q.242.242.566.242t.565-.242l2.514-2.513q.111-.112.12-.27q.01-.157-.12-.288t-.28-.13t-.278.13zM9.5%2019V9h-.885q-.269%200-.442.173T8%209.616v8.769q0%20.269.173.442t.443.173zm-.885%201q-.69%200-1.152-.462T7%2018.384V9.616q0-.691.463-1.153T8.616%208H14V4h-1.115q-.214%200-.357-.143q-.144-.144-.144-.357t.144-.357Q12.671%203%2012.884%203h1.308q.348%200%20.578.23t.23.578v8.06q0%20.25-.159.374q-.158.125-.341.125t-.341-.125Q14%2012.117%2014%2011.867V9h-3.5v10h.775q.214%200%20.357.143t.143.357t-.143.357t-.357.143zm11.528-5.143q1.165%201.164%201.165%202.835t-1.165%202.836t-2.835%201.164t-2.836-1.164t-1.164-2.836q0-1.67%201.164-2.835q1.165-1.165%202.836-1.165t2.835%201.165M9.5%2019V9zm1%200V9z%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%22m16.608%2018.596l-1.121-1.121q-.112-.111-.27-.121q-.157-.01-.288.121t-.131.279t.13.279l1.114%201.113q.242.242.566.242t.565-.242l2.514-2.513q.111-.112.12-.27q.01-.157-.12-.288t-.28-.13t-.278.13zM9.5%2019V9h-.885q-.269%200-.442.173T8%209.616v8.769q0%20.269.173.442t.443.173zm-.885%201q-.69%200-1.152-.462T7%2018.384V9.616q0-.691.463-1.153T8.616%208H14V4h-1.115q-.214%200-.357-.143q-.144-.144-.144-.357t.144-.357Q12.671%203%2012.884%203h1.308q.348%200%20.578.23t.23.578v8.06q0%20.25-.159.374q-.158.125-.341.125t-.341-.125Q14%2012.117%2014%2011.867V9h-3.5v10h.775q.214%200%20.357.143t.143.357t-.143.357t-.357.143zm11.528-5.143q1.165%201.164%201.165%202.835t-1.165%202.836t-2.835%201.164t-2.836-1.164t-1.164-2.836q0-1.67%201.164-2.835q1.165-1.165%202.836-1.165t2.835%201.165M9.5%2019V9zm1%200V9z%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-checked-outline-rounded.svg?color=%231a73e8&size=48