ICONYZ
Français
Icône Suitcase Tag Bold Duotone de Solar

Icône Suitcase Tag Bold Duotone

solar:suitcase-tag-bold-duotone

L'icône Suitcase Tag Bold Duotone (solar:suitcase-tag-bold-duotone) 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, boldduotone, suitcasetagboldduotone
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 14C2 10.2288 2 8.34315 3.17157 7.17157C4.34315 6 6.22876 6 10 6H14C17.7712 6 19.6569 6 20.8284 7.17157C22 8.34315 22 10.2288 22 14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14Z" opacity=".5"/><path d="M11.948 1.25C11.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.94798L7.25 6H8.75C8.75 5.03599 8.7516 4.38843 8.81654 3.9054C8.87858 3.44393 8.9858 3.24644 9.11612 3.11612C9.24644 2.9858 9.44393 2.87858 9.9054 2.81654C10.3884 2.7516 11.036 2.75 12 2.75C12.964 2.75 13.6116 2.7516 14.0946 2.81654C14.5561 2.87858 14.7536 2.9858 14.8839 3.11612C15.0142 3.24644 15.1214 3.44393 15.1835 3.9054C15.2484 4.38843 15.25 5.03599 15.25 6H16.75L16.75 5.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.25H11.948Z"/><path d="M10 15H6C5.5286 15 5.29289 15 5.14645 15.1464C5 15.2929 5 15.5286 5 16V17C5 17.4714 5 17.7071 5.14645 17.8536C5.29289 18 5.5286 18 6 18H10C10.4714 18 10.7071 18 10.8536 17.8536C11 17.7071 11 17.4714 11 17V16C11 15.5286 11 15.2929 10.8536 15.1464C10.7071 15 10.4714 15 10 15Z"/><path d="M5.25 21.7974C5.68871 21.8758 6.18479 21.9239 6.75 21.9534V18H6C5.62604 18 5.40041 18 5.25 17.9269V21.7974Z"/><path d="M5.25 15.0731V6.20261C5.68871 6.12416 6.18479 6.07609 6.75 6.04663V15H6C5.62604 15 5.40041 15 5.25 15.0731Z"/><path d="M17.25 21.9534C17.8152 21.9239 18.3113 21.8758 18.75 21.7974V6.20261C18.3113 6.12416 17.8152 6.07609 17.25 6.04663V21.9534Z"/></g></svg>

Comment utiliser l'icône Suitcase Tag Bold Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:suitcase-tag-bold-duotone"></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-duotone"></iconify-icon>

Image HTML

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

Icônes similaires dans Solar

FAQ : Icône Suitcase Tag Bold Duotone

L'icône Suitcase Tag Bold Duotone 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 Duotone dans React ?

Installez @iconify/react et affichez <Icon icon="solar:suitcase-tag-bold-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Suitcase Tag Bold Duotone à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/suitcase-tag-bold-duotone.svg" alt="Icône Suitcase Tag Bold Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →