Baggage Delay icon
icon-park:baggage-delay
The Baggage Delay icon (icon-park:baggage-delay) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Travel
- Tags
- baggagedelay
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M36 26V14C36 12.8954 35.1046 12 34 12H10C8.89543 12 8 12.8954 8 14V38C8 39.1046 8.89543 40 10 40H27"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M16 12V40"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M28 12V29"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M28 12V6C28 4.89543 27.1046 4 26 4H18C16.8954 4 16 4.89543 16 6V12"/><path fill="#2F88FF" stroke="#000" d="M35 44C39.9706 44 44 39.9706 44 35C44 30.0294 39.9706 26 35 26C30.0294 26 26 30.0294 26 35C26 39.9706 30.0294 44 35 44Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M34 32V36H38"/><path stroke="#000" stroke-linecap="round" d="M13 40V44"/></g></svg>How to use the Baggage Delay icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:baggage-delay" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:baggage-delay" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:baggage-delay" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--baggage-delay]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:baggage-delay"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:baggage-delay"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/baggage-delay.svg" alt="Baggage Delay icon" width="24" height="24">Baggage Delay icon in other icon sets
Baggage Delay icon FAQ
Is the Baggage Delay icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Baggage Delay icon in React?
Install @iconify/react and render <Icon icon="icon-park:baggage-delay" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Baggage Delay icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/baggage-delay.svg" alt="Baggage Delay icon">, or paste the SVG code inline to style it with CSS.