Icône Backpack

emojione-monotone:backpack

L'icône Backpack (emojione-monotone:backpack) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) 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: Emoji One (Monotone)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Objets
Mots-clés: school backpack

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M49.246 12.613a21.2 21.2 0 0 0-5.44-3.686C41.368.095 29.609-.292 26.354 7.767c-2.278.374-4.366.761-5.458.968C11.174 10.449 2 18.406 2 33.658v19.455C2 60.944 11.295 62 20.388 62h9.128c3.299 0 6.619-.145 9.519-.695c11.747-1.423 17.707-4.708 17.707-9.77v-.219c3.087-.915 5.258-2.44 5.258-4.928V31.081c0-10.49-5.863-16.624-12.754-18.468M38.653 7.235a22 22 0 0 0-4.284-.422c-.772 0-1.847.091-3.062.234a5.225 5.225 0 0 1 7.346.188m7.249 45.878c0 4.827-4.9 6.886-16.387 6.886h-9.128C8.9 59.999 4 57.94 4 53.113V33.658c0-15.995 10.86-23.279 20.951-23.279c5.217 0 10.636 1.953 14.656 6.043v2.238c-.452.068-.832.39-.91.823l-.549 3.154c-.109.624.029 1.239.37 1.645a1.2 1.2 0 0 0 .926.445h1.245c.356 0 .687-.158.929-.447c.34-.405.478-1.02.368-1.643l-.551-3.154c-.075-.432-.453-.754-.906-.822v-1.239c3.245 3.79 5.373 9.16 5.373 16.236zm-6.224-33.442c.007-.012.044-.039.095-.039h.589c.047 0 .083.024.089.024l.001-.001l.551 3.154c.064.371-.028.684-.15.829c-.075.09-.139.09-.162.09h-1.245c-.023 0-.085 0-.16-.09c-.122-.145-.216-.458-.151-.829zm15.063 31.864c0 3.255-4.073 5.235-8.585 6.43l-.015.007c1.108-1.225 1.761-2.804 1.761-4.858V33.658c0-14.317-8.085-22.203-17.117-24.534l.019.001c1.438-.187 2.717-.312 3.565-.312c9.812 0 20.372 7.281 20.372 23.267zm2.927-6.715c0 1.08-.338 1.949-.927 2.656V32.081c0-4.331-.723-8.072-1.973-11.251c1.782 2.657 2.899 6.104 2.899 10.387z"/><path fill="currentColor" d="M10.024 35.622h2.134v1h-2.134zm2.979 0h2.134v1h-2.134zm2.977 0h2.134v1H15.98zm2.981 0h2.133v1h-2.133zm2.977 0h2.134v1h-2.134zm2.979 0h2.135v1h-2.135zm2.978 0h2.134v1h-2.134zm2.979 0h2.135v1h-2.135zm2.979 0h2.132v1h-2.132zm2.978 0h2.133v1h-2.133zm-26.807 7.215h2.134v1h-2.134zm2.979 0h2.134v1h-2.134zm2.977 0h2.134v1H15.98zm2.981 0h2.133v1h-2.133zm2.977 0h2.134v1h-2.134zm2.979 0h2.135v1h-2.135zm2.978 0h2.134v1h-2.134zm8.936 0h2.133v1h-2.133z"/><path fill="currentColor" d="M10.941 28.221c-3.106 0-5.634 2.545-5.634 5.675v16.006c0 3.129 2.527 5.674 5.634 5.674h27.106c3.105 0 5.633-2.545 5.633-5.674V33.896c0-3.13-2.527-5.675-5.633-5.675zm30.74 12.859h-6.213c.396-.363.646-.832.646-1.35s-.249-.988-.646-1.352h6.214zm-7.234 5.6c.065.37-.028.682-.149.826c-.076.091-.14.091-.163.091h-1.244c-.023 0-.086 0-.162-.09c-.121-.145-.215-.457-.15-.828l.545-3.139c.007-.012.044-.039.094-.039h.591c.046 0 .082.023.088.023h.001zm-.933-8.02c.867 0 1.6.49 1.6 1.07c0 .473-.489.88-1.14 1.016v-1.758h-.922v1.758c-.649-.137-1.139-.544-1.139-1.016c0-.58.733-1.07 1.601-1.07m-1.954 2.42H7.308v-2.701H31.56c-.397.363-.646.833-.646 1.352c-.001.517.248.986.646 1.349m6.488 12.496H10.941c-2.004 0-3.634-1.648-3.634-3.674v-6.065h1.871v-1h-1.87v-.756h25.744v.448a1.1 1.1 0 0 0-.619.308h-1.559v1h1.185l-.465 2.67c-.109.624.029 1.238.37 1.644c.241.288.571.446.927.446h1.244c.357 0 .687-.159.93-.448c.34-.405.478-1.02.367-1.642l-.466-2.67h1.019v-1h-1.392a1.1 1.1 0 0 0-.619-.308v-.448h7.707v.756H39.81v1h1.871v6.065c0 2.026-1.63 3.674-3.633 3.674m3.633-19.68v1.726H39.81v1h1.871v.756H7.308v-.756h1.871v-1H7.308v-1.726c0-2.026 1.63-3.675 3.634-3.675h27.106c2.003.001 3.633 1.65 3.633 3.675"/></svg>

Comment utiliser l'icône Backpack

React

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

<Icon icon="emojione-monotone:backpack" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:backpack" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:backpack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--backpack]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:backpack"></div>

Web component

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

<iconify-icon icon="emojione-monotone:backpack"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/backpack.svg" alt="Icône Backpack" width="24" height="24">

L'icône Backpack dans d'autres collections

FAQ : Icône Backpack

L'icône Backpack est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Monotone) 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 Backpack dans React ?

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

Comment ajouter l'icône Backpack à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/backpack.svg" alt="Icône Backpack">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Monotone) →