Icône Cart5
reicon:cart5
L'icône Cart5 (reicon:cart5) est une icône SVG gratuite de la collection Reicon. Elle est dessinée sur une grille de 24 × 24. Les Reicon icons sont publiées sous la licence MIT, 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.
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.25 12a.75.75 0 0 1 .75-.75h8a.75.75 0 1 1 0 1.5H8a.75.75 0 0 1-.75-.75M10 14.25a.75.75 0 0 0 0 1.5h4a.75.75 0 1 0 0-1.5z"/><path fill-rule="evenodd" d="M14.665 2.33a.75.75 0 0 1 1.006.335l1.813 3.626q.641.031 1.17.106c1.056.151 1.93.477 2.551 1.245s.757 1.691.684 2.755c-.07 1.031-.35 2.332-.698 3.957l-.451 2.107c-.235 1.097-.426 1.986-.666 2.68c-.25.725-.58 1.32-1.142 1.775s-1.214.652-1.974.745c-.73.089-1.64.089-2.76.089H9.802c-1.122 0-2.031 0-2.761-.089c-.76-.093-1.412-.29-1.974-.745s-.892-1.05-1.142-1.774c-.24-.695-.43-1.584-.666-2.68l-.451-2.107c-.348-1.626-.627-2.927-.698-3.958c-.073-1.064.063-1.986.684-2.755c.62-.768 1.494-1.094 2.55-1.245q.53-.074 1.17-.106L8.33 2.665a.75.75 0 0 1 1.342.67l-1.46 2.917q.546-.003 1.149-.002h5.278q.603 0 1.149.002l-1.459-2.917a.75.75 0 0 1 .335-1.006M5.732 7.858l-.403.806a.75.75 0 1 0 1.342.67l.787-1.574c.57-.01 1.22-.011 1.964-.011h5.156c.744 0 1.394 0 1.964.01l.787 1.575a.75.75 0 0 0 1.342-.67l-.403-.806l.174.023c.884.127 1.317.358 1.597.703c.28.346.414.819.353 1.71c-.062.91-.316 2.106-.68 3.805l-.43 2c-.247 1.155-.42 1.954-.626 2.552c-.2.58-.404.886-.667 1.098c-.262.212-.605.348-1.212.422c-.629.077-1.447.078-2.628.078H9.85c-1.18 0-1.998-.001-2.627-.078c-.608-.074-.95-.21-1.212-.422c-.263-.212-.468-.519-.667-1.098c-.207-.598-.38-1.397-.627-2.552l-.429-2c-.364-1.7-.618-2.894-.68-3.805c-.061-.891.074-1.364.353-1.71c.28-.345.713-.576 1.597-.703z" clip-rule="evenodd"/></g></svg>Comment utiliser l'icône Cart5
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:cart5" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:cart5" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:cart5" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--cart5]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:cart5"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:cart5"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/reicon/cart5.svg" alt="Icône Cart5" width="24" height="24">Icônes similaires dans Reicon
FAQ : Icône Cart5
L'icône Cart5 est-elle gratuite pour un usage commercial ?
Oui. Les Reicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cart5 dans React ?
Installez @iconify/react et affichez <Icon icon="reicon:cart5" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cart5 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/cart5.svg" alt="Icône Cart5">, ou collez le code SVG directement dans la page pour le styliser en CSS.