Icône Upsales
thesvg-color:upsales
L'icône Upsales (thesvg-color:upsales) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 90 × 22. 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
- 90 × 22
- Mots-clés
- upsale
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="22" viewBox="0 0 90 22"><path fill="#1d3d48" d="M62.388 0v17.458h-2.606V0zM4.021 17.212c-.82-.329-1.539-.76-2.134-1.354c-.615-.575-1.066-1.272-1.395-2.113Q0 12.483 0 10.913V4.451h2.646v6.606c0 .595.103 1.128.308 1.641s.472.964.841 1.334c.35.39.8.677 1.293.902c.492.226 1.067.329 1.661.329s1.15-.103 1.662-.329a3.8 3.8 0 0 0 1.293-.902c.348-.39.636-.82.84-1.334a4.4 4.4 0 0 0 .308-1.64V4.45H13.5v6.442q0 1.57-.492 2.831a6.1 6.1 0 0 1-1.395 2.134a6.5 6.5 0 0 1-2.134 1.354c-.82.328-1.744.471-2.729.471c-1.005 0-1.907-.143-2.728-.471m16.328.001a4.54 4.54 0 0 1-1.908-1.477v6.175H15.96V4.554h2.503v1.908c.492-.677 1.128-1.19 1.928-1.58a5.6 5.6 0 0 1 2.524-.595c.861 0 1.682.164 2.44.472c.78.328 1.457.78 2.052 1.354a6.6 6.6 0 0 1 1.416 2.113c.349.82.533 1.744.533 2.749s-.184 1.928-.533 2.75a6.7 6.7 0 0 1-1.436 2.133a6.05 6.05 0 0 1-2.072 1.354a6.1 6.1 0 0 1-2.42.471c-.904.041-1.745-.143-2.545-.471m3.857-2.195a4.4 4.4 0 0 0 1.354-.924c.39-.39.677-.861.903-1.395a4.7 4.7 0 0 0 .328-1.702a4.3 4.3 0 0 0-.328-1.703c-.226-.534-.513-1.005-.903-1.395a4.4 4.4 0 0 0-1.354-.923a4.1 4.1 0 0 0-1.662-.329c-.595 0-1.169.123-1.682.35a4.4 4.4 0 0 0-1.354.922c-.39.39-.677.862-.903 1.395a4.6 4.6 0 0 0-.328 1.683c0 .595.103 1.169.328 1.702a4 4 0 0 0 .903 1.395q.585.585 1.354.924a4.2 4.2 0 0 0 1.682.348c.595-.02 1.15-.123 1.662-.348m23.019 2.256a6.4 6.4 0 0 1-2.072-1.374a6.7 6.7 0 0 1-1.436-2.134c-.37-.841-.533-1.744-.533-2.749c0-1.026.184-1.949.533-2.77c.349-.82.82-1.538 1.436-2.113a6.3 6.3 0 0 1 2.093-1.374c.8-.328 1.62-.472 2.482-.472c.861 0 1.682.185 2.482.554s1.436.862 1.929 1.518V4.554h2.544v12.945H54.14V15.59c-.513.677-1.17 1.19-1.95 1.58c-.8.39-1.62.574-2.482.574a6.4 6.4 0 0 1-2.482-.472m4.493-2.236a4.1 4.1 0 0 0 1.333-.944c.37-.39.677-.861.883-1.395a4.4 4.4 0 0 0 .328-1.723a4.2 4.2 0 0 0-.328-1.682c-.226-.534-.513-1.005-.883-1.395a4.5 4.5 0 0 0-1.333-.944a4.2 4.2 0 0 0-1.682-.349c-.616 0-1.17.103-1.683.329A4.4 4.4 0 0 0 47 7.857c-.39.39-.677.861-.902 1.395a4.4 4.4 0 0 0-.328 1.723c0 .616.102 1.17.328 1.723c.225.534.513 1.006.902 1.395c.39.39.842.718 1.354.944a4.2 4.2 0 0 0 1.683.328a3.9 3.9 0 0 0 1.682-.328m23.818-2.277c-.041.124-.103.226-.165.35c-.348.635-.902 1.19-1.682 1.64c-1.026.596-2.03.821-3.016.657c-.984-.164-1.805-.656-2.502-1.457l9.396-5.415l-.534-.924a7 7 0 0 0-1.744-2.03a6 6 0 0 0-2.236-1.108a6 6 0 0 0-2.503-.144a6.7 6.7 0 0 0-2.523.903a6.6 6.6 0 0 0-2.031 1.784a6.9 6.9 0 0 0-1.128 2.298c-.226.82-.267 1.682-.164 2.565c.123.882.41 1.743.882 2.564c.472.82 1.046 1.498 1.743 2.03c.698.534 1.437.924 2.257 1.13c.82.204 1.682.266 2.585.143s1.785-.431 2.688-.964c1.21-.698 2.092-1.539 2.646-2.503a7.8 7.8 0 0 0 .636-1.477zm-8.391-.8c-.246-.943-.205-1.846.123-2.728q.493-1.323 1.846-2.092c.924-.534 1.826-.739 2.729-.616c.882.123 1.682.595 2.36 1.375zm14.074 5.027a5.46 5.46 0 0 1-2.237-2.133l2.319-1.354c.41.615.882 1.087 1.456 1.415c.554.328 1.252.513 2.072.513c.862 0 1.498-.185 1.929-.534c.43-.369.656-.8.656-1.292a1 1 0 0 0-.287-.718c-.185-.185-.43-.328-.739-.451a6.4 6.4 0 0 0-1.046-.308c-.39-.082-.8-.185-1.251-.287a11 11 0 0 1-1.621-.431a5.6 5.6 0 0 1-1.457-.677a3.3 3.3 0 0 1-1.046-1.087c-.267-.452-.39-.985-.39-1.662c0-.492.123-.985.35-1.457c.225-.472.573-.882 1.004-1.251c.431-.37.965-.657 1.58-.862q.923-.307 2.093-.307c1.23 0 2.256.205 3.118.635a5.6 5.6 0 0 1 2.113 1.806L87.6 7.837a3.8 3.8 0 0 0-1.21-1.149c-.493-.266-1.067-.41-1.785-.41q-1.2 0-1.785.492c-.39.329-.575.719-.575 1.19c0 .513.287.883.841 1.088s1.272.41 2.257.636c.554.102 1.149.246 1.703.43q.83.247 1.477.677c.451.288.8.657 1.087 1.108s.431 1.006.431 1.683c0 .492-.102.964-.328 1.456a4 4 0 0 1-.985 1.334c-.43.39-.985.718-1.662.964s-1.456.37-2.359.37c-1.395.02-2.564-.227-3.487-.719m-48.5 0a5.46 5.46 0 0 1-2.236-2.133l2.319-1.354c.41.615.882 1.087 1.456 1.415c.554.328 1.252.513 2.072.513c.862 0 1.498-.185 1.929-.534c.43-.369.656-.8.656-1.292a1 1 0 0 0-.287-.718c-.185-.185-.43-.328-.739-.451a6.3 6.3 0 0 0-1.046-.308c-.39-.082-.8-.185-1.251-.287a11 11 0 0 1-1.621-.431a5.6 5.6 0 0 1-1.457-.677a3.3 3.3 0 0 1-1.046-1.087c-.267-.452-.39-.985-.39-1.662c0-.492.123-.985.35-1.457c.225-.472.573-.882 1.004-1.251c.431-.37.965-.657 1.58-.862q.923-.307 2.093-.307c1.23 0 2.256.205 3.118.635a5.6 5.6 0 0 1 2.113 1.806L39.1 7.837a3.8 3.8 0 0 0-1.21-1.149c-.493-.266-1.067-.41-1.785-.41q-1.2 0-1.785.492c-.39.329-.575.719-.575 1.19c0 .513.287.883.841 1.088s1.272.41 2.257.636c.554.102 1.149.246 1.703.43q.83.247 1.477.677c.451.288.8.657 1.087 1.108s.431 1.006.431 1.683c0 .492-.102.964-.328 1.456a4 4 0 0 1-.985 1.334c-.43.39-.985.718-1.662.964s-1.456.37-2.359.37c-1.395.02-2.544-.227-3.487-.719"/></svg>Comment utiliser l'icône Upsales
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:upsales" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:upsales" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:upsales" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--upsales]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:upsales"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:upsales"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/upsales.svg" alt="Icône Upsales" width="24" height="24">FAQ : Icône Upsales
L'icône Upsales 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 Upsales dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:upsales" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Upsales à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/upsales.svg" alt="Icône Upsales">, ou collez le code SVG directement dans la page pour le styliser en CSS.