Suitcase Tag Bold icon

solar:suitcase-tag-bold

The Suitcase Tag Bold icon (solar:suitcase-tag-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Nature
Tags: suitcasetag, tagbold, suitcasetagbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12.052 1.25H11.948C11.0495 1.24997 10.3003 1.24995 9.70552 1.32991C9.07773 1.41432 8.51093 1.59999 8.05546 2.05546C7.59999 2.51093 7.41432 3.07773 7.32991 3.70552C7.24995 4.3003 7.24997 5.04951 7.25 5.94799V6.02572C7.07755 6.03136 6.91097 6.03824 6.75 6.04663V14.25L10.0345 14.25C10.2396 14.2499 10.4614 14.2498 10.6486 14.275C10.8679 14.3045 11.1481 14.3803 11.3839 14.6161C11.6197 14.8519 11.6955 15.1321 11.725 15.3514C11.7502 15.5387 11.7501 15.7605 11.75 15.9656V17.0345C11.7501 17.2396 11.7502 17.4614 11.725 17.6486C11.6955 17.8679 11.6197 18.1481 11.3839 18.3839C11.1481 18.6197 10.8679 18.6955 10.6486 18.725C10.4614 18.7502 10.2396 18.7501 10.0345 18.75L6.75 18.75V21.9534C7.64461 22 8.7124 22 10 22H14C15.2876 22 16.3554 22 17.25 21.9534V6.04663C17.089 6.03824 16.9225 6.03136 16.75 6.02572V5.94801C16.75 5.04954 16.7501 4.3003 16.6701 3.70552C16.5857 3.07773 16.4 2.51093 15.9445 2.05546C15.4891 1.59999 14.9223 1.41432 14.2945 1.32991C13.6997 1.24995 12.9505 1.24997 12.052 1.25ZM15.25 6.00189V6C15.25 5.03599 15.2484 4.38843 15.1835 3.9054C15.1214 3.44393 15.0142 3.24644 14.8839 3.11612C14.7536 2.9858 14.5561 2.87858 14.0946 2.81654C13.6116 2.7516 12.964 2.75 12 2.75C11.036 2.75 10.3884 2.7516 9.90539 2.81654C9.44393 2.87858 9.24644 2.9858 9.11612 3.11612C8.9858 3.24644 8.87858 3.44393 8.81654 3.9054C8.7516 4.38843 8.75 5.03599 8.75 6V6.00189C9.14203 6 9.55807 6 10 6H14C14.4419 6 14.858 6 15.25 6.00189Z" clip-rule="evenodd"/><path d="M20.8284 20.8284C20.3096 21.3473 19.6507 21.6363 18.75 21.7974V6.20261C19.6507 6.36366 20.3096 6.65273 20.8284 7.17157C22 8.34315 22 10.2288 22 14C22 17.7712 22 19.6569 20.8284 20.8284Z"/><path d="M3.17157 7.17157C3.69042 6.65273 4.34931 6.36366 5.25 6.20261V14.2916C5.04984 14.3306 4.8169 14.4154 4.61613 14.6161C4.38033 14.8519 4.3045 15.1321 4.27501 15.3514C4.24984 15.5387 4.24993 15.7605 4.25001 15.9656V17.0345C4.24993 17.2396 4.24984 17.4614 4.27501 17.6486C4.3045 17.8679 4.38033 18.1481 4.61613 18.3839C4.8169 18.5847 5.04984 18.6695 5.25 18.7084V21.7974C4.34931 21.6363 3.69042 21.3473 3.17157 20.8284C2 19.6569 2 17.7712 2 14C2 10.2288 2 8.34315 3.17157 7.17157Z"/><path d="M5.75117 15.7512C5.75005 15.8206 5.75002 15.9009 5.75002 16V17C5.75002 17.0991 5.75005 17.1794 5.75117 17.2489C5.82063 17.25 5.90094 17.25 6.00002 17.25H10C10.0991 17.25 10.1794 17.25 10.2489 17.2489C10.25 17.1794 10.25 17.0991 10.25 17V16C10.25 15.9009 10.25 15.8206 10.2489 15.7512C10.1794 15.7501 10.0991 15.75 10 15.75H6.00002C5.90094 15.75 5.82063 15.7501 5.75117 15.7512Z"/></g></svg>

How to use the Suitcase Tag Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:suitcase-tag-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:suitcase-tag-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:suitcase-tag-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--suitcase-tag-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:suitcase-tag-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:suitcase-tag-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/suitcase-tag-bold.svg" alt="Suitcase Tag Bold icon" width="24" height="24">

Related icons in Solar

Suitcase Tag Bold icon FAQ

Is the Suitcase Tag Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Suitcase Tag Bold icon in React?

Install @iconify/react and render <Icon icon="solar:suitcase-tag-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Suitcase Tag Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/suitcase-tag-bold.svg" alt="Suitcase Tag Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →