Icône Parcel

thesvg-color:parcel

L'icône Parcel (thesvg-color:parcel) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 256 × 193. Les theSVG Color 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.

Collection: theSVG Color
Auteur: thesvg.org
Licence: MIT
Taille: 256 × 193

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="193" viewBox="0 0 256 193"><defs><linearGradient id="SVG4Q3Hhctf" x1="49.4%" x2="50.3%" y1="49.5%" y2="50.4%"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></linearGradient><linearGradient id="SVGgxghOQ8d" x1="50.1%" x2="49.9%" y1="49.9%" y2="50.1%"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></linearGradient><linearGradient id="SVGBPkKncBt" x1="81.5%" x2="93.7%" y1="46.5%" y2="50.2%"><stop offset="0%" stop-color="#c37a44"/><stop offset="44.4%" stop-color="#bb713d"/><stop offset="64.1%" stop-color="#a05728"/><stop offset="100%" stop-color="#964e23"/></linearGradient><linearGradient id="SVGosLlFk4t" x1="63.5%" x2="41.4%" y1="61.3%" y2="43.4%"><stop offset="0%" stop-color="#e9b880"/><stop offset="100%" stop-color="#e4af76"/></linearGradient><linearGradient id="SVG0QVTScIK" x1="50.9%" x2="49.2%" y1="51.1%" y2="49.3%"><stop offset="0%" stop-color="#c37a45" stop-opacity="0"/><stop offset="13.3%" stop-color="#c37a45"/><stop offset="29.4%" stop-color="#d08d55"/><stop offset="50.2%" stop-color="#dea167"/><stop offset="69.7%" stop-color="#e8af73"/><stop offset="86.3%" stop-color="#ecb477"/><stop offset="100%" stop-color="#ecb477" stop-opacity="0"/></linearGradient><linearGradient id="SVGQosi6dAV" x1="47.4%" x2="22.3%" y1="28.9%" y2="77.5%"><stop offset="8.8%" stop-color="#af6938"/><stop offset="48.3%" stop-color="#9a5227"/><stop offset="77.9%" stop-color="#8d4520"/></linearGradient><linearGradient id="SVG0Qx6sbdZ" x1="41.1%" x2="56.6%" y1="57.3%" y2="45%"><stop offset="3.3%" stop-color="#e4af76"/><stop offset="100%" stop-color="#e9b880"/></linearGradient><linearGradient id="SVGkwQu5MNZ" x1="49.6%" x2="50.7%" y1="50.5%" y2="49.2%"><stop offset="0%" stop-color="#af6a38" stop-opacity="0"/><stop offset="8.6%" stop-color="#af6a38"/><stop offset="19.8%" stop-color="#b87542"/><stop offset="58.3%" stop-color="#d59c66"/><stop offset="77.7%" stop-color="#e4af76"/><stop offset="92.4%" stop-color="#e4af76" stop-opacity="0"/></linearGradient><linearGradient id="SVGdMRYsc1p" x1="8.2%" x2="93.2%" y1="50%" y2="50%"><stop offset="0%" stop-color="#743f1a" stop-opacity="0"/><stop offset="49.3%" stop-color="#743f1a" stop-opacity=".9"/><stop offset="50%" stop-color="#743f1a" stop-opacity=".9"/><stop offset="53%" stop-color="#743f1a" stop-opacity=".8"/><stop offset="100%" stop-color="#743f1a" stop-opacity="0"/></linearGradient><linearGradient id="SVGr1zn4bcK" x1="49.9%" x2="50%" y1="50.1%" y2="50%"><stop offset="0%" stop-color="#322214"/><stop offset="24%" stop-color="#322314"/><stop offset="100%" stop-color="#322214" stop-opacity="0"/></linearGradient><linearGradient id="SVG9qyHlbld" x1="51.4%" x2="48.7%" y1="48.2%" y2="51.6%"><stop offset="4.8%" stop-color="#c69866"/><stop offset="41.6%" stop-color="#ba8c5e"/><stop offset="81.3%" stop-color="#b5875b"/></linearGradient><linearGradient id="SVGe6dSDd6f" x1="63%" x2="25%" y1="46.8%" y2="8.9%"><stop offset="0%" stop-color="#845f35"/><stop offset="43.1%" stop-color="#91673c"/><stop offset="44.1%" stop-color="#976a40"/><stop offset="87.4%" stop-color="#986b40"/><stop offset="100%" stop-color="#ab8157"/></linearGradient><linearGradient id="SVGJGhfjbAA" x1="50%" x2="50.1%" y1="50%" y2="50.1%"><stop offset="0%" stop-color="#322214" stop-opacity="0"/><stop offset="100%" stop-color="#322214"/></linearGradient><linearGradient id="SVGcmultcKp" x1="45.7%" x2="50.5%" y1="62.6%" y2="33.5%"><stop offset="0%" stop-color="#a9794b"/><stop offset="38.6%" stop-color="#ae7f53"/><stop offset="45.6%" stop-color="#ac7d50"/><stop offset="62.4%" stop-color="#a9794b"/><stop offset="100%" stop-color="#b2875d"/></linearGradient></defs><path fill="url(#SVG4Q3Hhctf)" d="m140.5 191.3l70.3-44.4c.2-.2.6 0 .7.2c.2.2.1.6-.1.7l-70.5 44.6h-.3v-1Z"/><path fill="url(#SVGgxghOQ8d)" d="M140.6 192.5h-.2l-95.8-35.7a.5.5 0 0 1-.3-.7c.1-.3.4-.5.7-.4l95.5 35.6v1.2Z"/><path fill="#e8b67f" d="m241.1 21.8l-11 18.3l-44.5 19l-2.5 1l-39.9 37.3c-.8.8-1.3 1.9-1.4 2.5c0 .2-.2.1-.4 0c-.1 0-.4.1-.4 0c0-.9-.1-1.8-1.4-2.6l-20-13L105 75L63.9 64.4l-34.4-8.8L7.7 21.7l.3-.4L90 0h.1L118 42l.5.8c.6.9.7 1.4.7 1.8h.5v-.8l.1-.4v-.2l.2-.5l.1-.2a4.6 4.6 0 0 1 .5-.9L145.8 5s0-.1.2 0l95 16.3l.1.4Z"/><path fill="url(#SVGBPkKncBt)" d="M119.6 84.4L105 74.9L63.9 64.4l55.3-19.9l.1-.3v.3z"/><path fill="url(#SVGosLlFk4t)" d="M119.2 44.5L63.9 64.4l-5-1.3l-29.4-7.6L7.7 21.7l.4-.4L89.9 0h.1l28 42l.5.8c.6.9.7 1.4.7 1.8Z"/><path fill="url(#SVG0QVTScIK)" d="M119.4 46.6L67 65.4l-8.1-2L118 42l.5.8c.6.9.7 1.4.7 1.8h.1v2Z"/><path fill="#d2a679" d="m30.2 55.7l-.7-.2L7.7 21.7l.3-.4z"/><path fill="url(#SVGQosi6dAV)" d="m185.6 59l-2.5 1l-39.9 37.4c-.8.8-1.3 1.9-1.4 2.5c0 .2-.2.1-.4 0c-.1 0-.4.1-.4 0c0-.9-.1-1.8-1.4-2.6l-20-13l-.3-39.8v-.3l.4.3l66 14.5Z"/><path fill="url(#SVG0Qx6sbdZ)" d="m241.1 21.8l-11 18.3l-40.5 17.2l-4 1.7l-66-14.5a6.2 6.2 0 0 1 1-2.8l25.2-36.6s0-.1.2 0l95 16.2z"/><path fill="url(#SVGkwQu5MNZ)" d="m189.6 57.3l-6.4 2.7l-.9.8l-63-13.9l.3-2.4c0-.5.4-1.7.8-2.4z"/><path fill="url(#SVGdMRYsc1p)" d="M121.1 44.8v40.5l-1.5-.9l-2-1.3V45l1.6-.5h.5z" opacity=".8"/><path fill="#bf9064" d="m140.2 191.8l-95.9-35.7c-.5-.3-.6-.8-.6-1.4L39.5 73c0-.2.3-.3.3-.5c0-.3-.7-1.5-.9-1.6L0 49l.3-.8L105 74.9l34.6 22.4c1.3.8 1.4 1.7 1.4 2.5c0 .2.3.2.4.2l.4-.1c.1-.6.6-1.7 1.4-2.5l40-37.3l72.3-30.8l.5.6l-39.1 34.3c-.8.8-1.1 1.7-1 2.1l-4 80c0 .6-.3.7-.8 1l-70 44.4c-.3.2-.6.3-1 .1Z"/><path fill="#bd8f63" d="m141.4 100l-.7 91.9h-.5L44.3 156c-.5-.2-.6-.8-.6-1.4L39.5 73v-.1h.1v-.1l.1-.2L141 99.9c0 .1.3 0 .4 0Z"/><path fill="url(#SVGr1zn4bcK)" d="M140.8 191.6v.3h-.6L44.3 156c-.4-.2-.5-.5-.6-.9l97 36.4Z" opacity=".5"/><path fill="#322214" d="m97.4 135.9l37.1 12.1v36.2L98 170.8l-.6-35Zm18.6 24.3l.1 16.8l18 6.6v-17.1l-18-6.3Zm5.3 5.4l3.7 5.8l3.5-3.1l.6.7l-3.6 3.2l3.6 5.8l-.5.4l-3.6-5.8l-3.6 3.1l-.6-.7l3.7-3.2l-3.7-5.9zm10.7 6.5v1.7l1 .3v1.8l-1-.3v1.5l-2-3.2zm-3.2-2l.7.2v6.6l-.7-.2V170ZM98.1 154l.3 16.5l17.2 6.3l-.1-16.8zm26.9 19.7l1.9 3l-3.8-1.4zm2.9-2.8v4.3l-2-2.8zm-7.4-3.9l.7.3v6.6l-.7-.3zm1.6 1.8l1.8 2.9l-1.8 1.4zm-15.6-8l.7.3v.4c2.2.8 4.2 3 5.3 6.3c-.7-1.1-1.3-1.4-2.3-1c-.4-.8-1.5-1.2-2.2-.8a2 2 0 0 0-.7-.8v6.3c0 .6-.4 1.1-1.4.9c-.9-.2-1.3-1-1.2-2h.5c0 .8.1 1.2.7 1.4c.5 0 .7-.1.7-.6V165a1 1 0 0 0-.8.2c-.2-.6-1.3-1.3-2-.8c-.7-.9-1.8-1.2-2.4-.6c.8-2.3 3-3.1 5.1-2.5zM118 167l2 3.2l-2 1.6v-1.5l-.9-.3v-1.8l1 .4V167Zm5.2.7l3.8 1.3l-2 1.7zm-7.1-25.2v17l18 6.4v-17.5l-18-6Zm3.3 14.7l10.8 3.7v2.2l-10.8-3.7zm-9.3 4.1c.1 0 .1.8-.1 1h-.4c-.2-.2-.3-.3-.2-.6c0-.2.7-.5.7-.4m1-1.7c.1 0 .1.8-.1 1h-.4c-.2-.2-.3-.3-.2-.6c0-.2.7-.5.7-.4m-2.8 0c.1 0 .1.8-.1 1l-.4-.1c-.2-.1-.3-.3-.2-.5c0-.3.7-.5.7-.5Zm-2.8-.5c.1 0 .1.8-.1 1h-.5c-.1-.1-.2-.3-.1-.5c0-.3.6-.5.7-.5m22.3-11.2l2.6 5.2l-1.8-.7v7.5l-1.8-.6V152l-1.7-.6l2.7-3.4Zm-29.9-11.4l.3 16.9l17.4 6l-.2-17.1zm24 9.4l2.6 5.2l-1.8-.6v7.5l-1.8-.7V150l-1.8-.6l2.8-3.4Zm-20.1-6l1.4.5l.7 2.4l-.8-.1l2.1 5.1l-1-4.2h.6l-.7-3l7.4 2.5v4c0 1.5-1.7 3.5-4 2.5v4l3.3 2.2l-8-2.8l3.2.2v-4c-2.4-.7-4-3.5-4-5.2z"/><path fill="url(#SVG9qyHlbld)" d="M141.4 100c-.4 0-.7.5-.7 1L39.4 73c0-.2.2-.3.3-.4l-.9-1.7L0 49l.3-.8L105 74.9l34.6 22.4c1.3.8 1.4 1.7 1.4 2.5c0 .2.3.2.4.2"/><path fill="#cd9c6b" d="M216.9 64.2c-.8.8-1.1 1.7-1 2.1l-73.6 34.8h-.1c0-.7-.4-1-.7-1.1l.3-.1a2.7 2.7 0 0 1 .3-.9c.2-.4.5-1 1-1.4l.1-.2l40-37.4l72.4-30.7l.4.6z"/><path fill="url(#SVGe6dSDd6f)" d="M96 109.1h.1l-.3-20.4c0-.6-.2-2-1-2.6l-37-22.4l-17.2-4.4L78 81.7c.9.6 1 1.8 1 2.6l.6 19.8v.1l16.3 5Z"/><path fill="#d4a271" d="M141.4 100c-.4 0-.7.5-.7 1c-.1-1-.6-2.3-1.2-2.7l-34.9-22.5l.4-.9l34.6 22.4c1.3.8 1.4 1.7 1.4 2.5c0 .2.3.2.4.2"/><path fill="#deb37e" d="m105 74.9l-.4.9L0 48.8l.3-.7z"/><path fill="#dbad77" d="m216 66.3l-4 80c-.1.6-.3.7-.9 1l-70 44.4a1 1 0 0 1-.3.2l.6-92c.2 0 .4.2.4 0v-.1L216 66.2z"/><path fill="url(#SVGJGhfjbAA)" d="M212 146.3c-.1.6-.3.7-.9 1l-70 44.4a1 1 0 0 1-.3.2v-.3z" opacity=".5"/><path fill="#322214" d="m210.6 111.5l-1.6 32.6l-23.3 14.5l1.2-34zm-12.4 23.6l-11.6 6.8l-.5 16l11.5-7.1zm-5.5 6.9v.5c1.3-.7 2.6-.2 3.2 2.1c-.4-.5-1.1-.3-1.6.8c-.2-.5-1.2-.1-1.4.8l-.4-.2l-.3 6.2c0 .6 0 1.1-.7 1.5c-.3.2-1.1.3-1-.9l.4-.3c0 .8.1 1 .5.7c.5-.2.4-.7.5-1.1l.2-5.9c-.3.2-.6.5-.6.9c-.2-.4-1.3-.1-1.5.9c-.3-.5-1.2 0-1.5 1c.6-2.8 2.2-5.2 3.7-6.2v-.5zm16.9-13.6l-11 6.5l-.7 15.7l11-6.8zm-3.5 5.3l.4.3l-2.4 5.4l2 2.8l-.4.7l-2-2.8l-2.3 5.4l-.4-.3l2.5-5.4l-2.1-2.9l.4-.6l2 2.7zm-6.7 6.2l1.3 1.6l-1.4 2.8v-1.2l-.5.3v-1.6l.6-.4V140Zm2.2-2l-.3 6l-.4.4l.2-6l.5-.3Zm2 3.2l1.2 1.4l-2.3 1.4l1.2-2.8Zm-12.2.5l-.1 1l-.3.2v-.3c0-.3.4-1 .4-1Zm10.7-2.8l1 1.3l-1.2 2.4zm-7.6 1.5s0 .7-.2 1c0 .2-.1.3-.2.3s-.2-.1-.1-.4zm4.4-21.8l-11.7 6.5l-.6 16.4l11.6-6.8zm7.7 16.4l-.2 6l-.4.3l.2-6zm-13.2 5s0 .6-.2 1l-.2.2c-.1 0-.2 0-.1-.3c0-.3.4-1 .5-1Zm12.2-3.3l-.2 3.9l-1-1.3zm2.5-1.8v1.5l.5-.3v1.6l-.6.3v1.4l-1.3-1.5zm-12.8 3s0 .8-.2 1.1l-.3.3v-.4zm9.7-2.2l-1.2 2.8l-1-1.5zm-8.8-13.7l-.1 4.2c-.1 1.4-1.2 4-2.9 5l-.2 3.9l2.3-.5l-5.5 3.1l2.3-2.1l.1-3.9c-1.4.9-2.6-.7-2.5-2.2v-3.8l1-.5l.4 1.8l-.5.4l1.1 3.4l-.4-3l.4-.5l-.3-2.5zm14.2-9.8l-11.2 6.2l-.7 16.1l11.1-6.6zm-3 13.9v1.9l-6.6 3.8v-1.9l6.7-3.8Zm-4.6-8.3l1.5 3l-1.1.7l-.3 6.8l-1 .6l.1-6.8l-1 .6zm3.7-2l1.4 3l-1.2.6l-.2 6.9l-1.1.6l.3-6.9l-1 .6z"/><path fill="#d7aa77" d="m183.7 60.8l-39.6 36.8c-1 1.1-1.8 2.7-1.8 3.5c0 0-.1.1-.1 0c0-.6-.4-1-.7-1.1l.3-.1a2.7 2.7 0 0 1 .3-.9c.2-.5.6-1.1 1.1-1.6l40-37.3z"/><path fill="url(#SVGcmultcKp)" d="m175 105.5l.1.1l12-6v-.2l.6-19.5c0-1 .6-2 1.5-2.8l39.4-35.5l-12 5.1l-39.7 36c-1 1-1.3 2.2-1.4 3.2z"/><path fill="#f8ce93" d="M183.7 60.8L256 29.9l-.4-.6L183.1 60z"/></svg>

Comment utiliser l'icône Parcel

React

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

<Icon icon="thesvg-color:parcel" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:parcel" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:parcel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--parcel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:parcel"></div>

Web component

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

<iconify-icon icon="thesvg-color:parcel"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/parcel.svg" alt="Icône Parcel" width="24" height="24">

L'icône Parcel dans d'autres collections

FAQ : Icône Parcel

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

Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Parcel dans React ?

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

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

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

Voir toutes les Icônes theSVG Color →