Icône Uppy
thesvg-color:uppy
L'icône Uppy (thesvg-color:uppy) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 72 × 73. 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
- 72 × 73
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="73" viewBox="0 0 72 73"><g fill="none"><path fill="#f37" d="m22.862 43.657l-1.033.127l-1.658.204l.387 3.159l.502 4.1l.487 3.97l.265 2.16l.33 2.704l1.487 12.13l30.774-3.788l-3.07-25.063l-.388-3.157z"/><path fill="#f37" d="M30.328 0L0 49.676l71.745-8.828z"/><path fill="#1d1d1b" d="M56.896 36.411c-1.21.987-3.58 1.525-5.214 1.79c-.384 4.663-.157 3.846 3.34 9.684c.487.816.314 1.326-.487 1.792c-.529.305-1.254.416-1.93.441c.137 1.765-.051 5.356-3.781 7.799c-3.747 2.451-5.86 2.088-8.016 1.526c.14 1.466.848 2.987.726 4.123c-.094.855-.15 2.933-6.52 4.7c-6.049 1.68-13.104-.245-14.363-7.576l.01-.002c.864-.163 1.763-.573 2.375-1.596c1.039-1.733-.335-4.445-.6-6.632c-.161-1.337-.105-3.558.003-4.685c.21.913 1.278 4.283 8.047 3.603c-6.406-1.058-6.88-3.756-7.308-5.446c-.426-1.689-.472-5.729-.658-7.687c-.505 5.336-1.46 9.32-1.46 12.949c0 1.534.169 3.004.617 4.489c.432 1.429.313 3.154-2.375 3.397a3.2 3.2 0 0 1-.828-.035c-2.758-.466-4.962-4.435-4.932-8.187c.054-7.031.004-8.932-.4-14.38c-.159-2.135.052-3.772.975-5.702c.923-1.929 7.695-9.866 10.207-11.586c3.395-2.323 6.83-1.392 11.719-2.452c2.963-.641 6.117-1.888 8.168 1.913l.482.847c1.337-.135 2.75.513 5.358 4.073c.96-.07 2.54-.33 3.75-.774c1.41-.518 2.67.574 2.475 2.79c.676.123 1.041.524 1.556 1.67c.56 1.247 1.21 3.372 1.285 4.371c.078.999-.264 3.186-2.22 4.783"/><path fill="#f37" d="M48.937 24.145c-1.658.166-2.344.733-2.653 1.628c-.2.586-.308 1.071-1.167.765c-1.607-.58-2.518-.403-3.956-.04a.2.2 0 0 0-.044.01l-.224.065c-.973.284-1.784.934-2.346 1.78c-1.747 2.626-5.098 3.596-9.768 3.95c-2.586 1.733-4.717 3.632-6.171 5.184c-.223-1.063-2.863-4.327-2.863-4.327c.514-.943 2.065-2.563 4.518-4.288c1.002-2.514 2.55-4.904 4.6-5.955c2.524-1.295 6.084-.624 8.079-.07a2.5 2.5 0 0 0 1.203.028a42 42 0 0 1 2.013-.397c.357-.06.697-.198.996-.403c1.305-.9 3.645-2.232 5.17-1.214a11.4 11.4 0 0 1 2.503 2.307c.215.233.607.925.11.977"/><path fill="#fff" d="M46.79 26.665c.34-1.24 1.28-1.887 3.618-2.08c2.338-.191 3.414-1.518 4.513-.694c1.1.824.664 4.749-1.328 5.94c-2.27 1.356-7.33-1.239-6.803-3.166"/><path fill="#1d1d1b" d="M29.578 28.813c0-.852.275-2.682 1.92-3.416c2.17-.97 3.977.457 4.29.744c.343.317.113.498-.225.398c-.904-.267-1.99-.34-3.02.126c-1.2.542-1.803 1.233-2.241 2.138c-.275.568-.723.631-.723.01m14.632-4.668c.029-.438.075-1.636 1.117-1.892c.844-.207 1.497.36 1.862 1.022c.168.306.092.364-.155.18a1.63 1.63 0 0 0-1.399-.271a1.73 1.73 0 0 0-1.035.87c-.156.327-.408.362-.39.09"/><path fill="#fff" d="M53.582 32.975c0 2.327 2.82 1.164 2.82 2.327c0 0-.221 1.691-4.399 2.182c-2.792.329-3.644 1.814-3.764 2.96c-.086.837-.037 1.838 1.026 3.252c-.745.083-1.595.408-2.18.766c-.707-.543-1.936-.835-3.73-.48c-2.013.403-3.337 1.268-4.086 2.097h.001h-.001c-1.891-.734-2.77-3.588-3.397-5.031c-.414-.96-.486-1.618-.451-2.072c3.242.307 5.008-1.42 7.112-1.42c2.16 0 11.05.873 11.05-4.58m-2.648 19.592c-.899 2.921-3.38 4.681-6.122 5.167c-2.748.486-5.726-.472-5.775-2.298c0-1.447 2.228-2.05 3.245-3.536c1.018-1.487.654-3.125.404-3.952c-.282-.927-.99-1.085-2.207-1.13c1.032-.946 3.498-1.813 5.293-1.476c.779.851 1.54 2.348 1.54 4.398c0 2.142-.908 3.016-1.266 3.536c-.36.521.095.501.597.114c.47-.363 1.98-1.58 2.026-3.714c.039-1.661-.208-3.063-.894-4.25c.786-.445 1.6-.528 2.508-.33c1.204 1.608 1.383 5.088.651 7.471m-20.449-1.19c-6.769.68-7.836-2.69-8.047-3.603c-.108 1.127-.164 3.348-.003 4.686c.265 2.186 1.639 4.898.6 6.63a3.3 3.3 0 0 1-.894.99l-.33-2.705c.118-.54.032-1.138-.135-1.693a10 10 0 0 1-.13-.467c-.347-1.31-.485-2.613-.487-3.968v-.054c0-1.318.125-2.685.312-4.148c.131-1.033.29-2.115.457-3.262c.243-1.688.5-3.517.69-5.539c.125 1.313.187 3.564.343 5.412c.076.908.177 1.718.316 2.275c.069.267.138.557.23.864c.495 1.637 1.68 3.69 7.078 4.582"/></g></svg>Comment utiliser l'icône Uppy
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:uppy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:uppy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:uppy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--uppy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:uppy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:uppy"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/uppy.svg" alt="Icône Uppy" width="24" height="24">FAQ : Icône Uppy
L'icône Uppy 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 Uppy dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:uppy" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Uppy à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/uppy.svg" alt="Icône Uppy">, ou collez le code SVG directement dans la page pour le styliser en CSS.