Icône Ribbon
mage:ribbon
L'icône Ribbon (mage:ribbon) est une icône SVG gratuite de la collection Mage Icons par MageIcons. Elle est dessinée sur une grille de 24 × 24. Les Mage Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Mage Icons
- Auteur
- MageIcons
- Licence
- Apache-2.0
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M14.432 10.606L17.14 12.3a2.844 2.844 0 0 0 3.964-.97c.259-.44.395-.94.396-1.449V6.853a2.86 2.86 0 0 0-1.47-2.496a2.84 2.84 0 0 0-2.89.077L14.432 6.13m-4.864 0L6.861 4.434a2.845 2.845 0 0 0-3.965.97c-.259.44-.395.94-.396 1.45v3.028a2.86 2.86 0 0 0 .942 2.14a2.85 2.85 0 0 0 2.222.717a2.7 2.7 0 0 0 1.197-.419l2.707-1.695"/><path d="M14.85 7.377v1.981c.001.42-.136.828-.39 1.162l-.066.086a1.9 1.9 0 0 1-1.444.657h-1.9a1.9 1.9 0 0 1-1.444-.657a1.3 1.3 0 0 1-.142-.2a1.9 1.9 0 0 1-.314-1.048v-1.98a1.907 1.907 0 0 1 1.9-1.906h1.9a1.9 1.9 0 0 1 1.9 1.905m3.8 5.363l1.51 5.637a.19.19 0 0 1-.177.239a.2.2 0 0 1-.108-.03l-3.087-1.79l-1.748 3.105a.19.19 0 0 1-.294.05a.2.2 0 0 1-.058-.098L12.4 11.282"/><path d="M9.426 10.406q.06.106.142.2L6.861 12.3c-.36.233-.771.376-1.197.42l-1.51 5.656a.19.19 0 0 0 .275.21l3.097-1.79L9.312 19.9a.19.19 0 0 0 .192.097a.19.19 0 0 0 .159-.145l2.29-8.571m4.797-2.913h-1.862m-5.776 0H7.25"/></g></svg>
Comment utiliser l'icône Ribbon
React
import { Icon } from "@iconify/react";
<Icon icon="mage:ribbon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mage:ribbon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mage:ribbon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--ribbon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:ribbon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mage:ribbon"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/mage/ribbon.svg" alt="Icône Ribbon" width="24" height="24">
Icônes similaires dans Mage Icons
L'icône Ribbon dans d'autres collections
FAQ : Icône Ribbon
L'icône Ribbon est-elle gratuite pour un usage commercial ?
Oui. Les Mage Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Ribbon dans React ?
Installez @iconify/react et affichez <Icon icon="mage:ribbon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ribbon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mage/ribbon.svg" alt="Icône Ribbon">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Mage Icons →
ICONYZ
