Icône Suitcase Tag Bold
solar:suitcase-tag-bold
L'icône Suitcase Tag Bold (solar:suitcase-tag-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Nature
- Mots-clés
- suitcasetag, tagbold, suitcasetagbold
Code SVG
<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>
Comment utiliser l'icône Suitcase Tag Bold
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>
Image HTML
<img src="https://iconyz.com/api/public/svg/solar/suitcase-tag-bold.svg" alt="Icône Suitcase Tag Bold" width="24" height="24">
Icônes similaires dans Solar
FAQ : Icône Suitcase Tag Bold
L'icône Suitcase Tag Bold est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Suitcase Tag Bold dans React ?
Installez @iconify/react et affichez <Icon icon="solar:suitcase-tag-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Suitcase Tag Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/suitcase-tag-bold.svg" alt="Icône Suitcase Tag Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Solar →
