ICONYZ
Français
Icône Oasys de Web3 Icons

Icône Oasys

token:oasys

L'icône Oasys (token:oasys) est une icône SVG gratuite de la collection Web3 Icons par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 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
Web3 Icons
Auteur
0xa3k5
Licence
MIT
Taille
24 × 24
Mots-clés
oasy
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.853 14.376q.487-.533.867-1.174a6.6 6.6 0 0 0 .915-3.407a6.7 6.7 0 0 0-.909-3.432a6.73 6.73 0 0 0-2.437-2.461A6.4 6.4 0 0 0 11.98 3c-1.187 0-2.31.3-3.337.902a6.8 6.8 0 0 0-2.456 2.454a6.54 6.54 0 0 0-.914 3.392c0 1.227.306 2.426.914 3.467q.391.666.893 1.208c-1.133.7-1.829 1.639-1.829 2.67C5.25 19.247 8.277 21 12 21s6.75-1.753 6.75-3.907c0-1.053-.724-2.012-1.9-2.714zM7.16 18.763c-.671-.506-1.036-1.085-1.036-1.673c0-.724.555-1.44 1.56-2.015l.06-.032q.414.342.886.62c.03.02.065.035.096.054c-1.08.538-1.766 1.338-1.766 2.227q.002.426.2.82m4.846 1.234c-1.532 0-2.368-.674-2.368-1.022s.836-1.021 2.368-1.021s2.369.673 2.369 1.021s-.836 1.022-2.369 1.022m3.214-.79q.024-.114.025-.232c0-1.05-1.454-1.9-3.239-1.9s-3.239.853-3.239 1.9q.001.118.025.231c-.593-.357-.961-.8-.961-1.262c0-.696.833-1.348 2.01-1.724a6.3 6.3 0 0 0 2.056.335q1.148 0 2.19-.36c1.224.37 2.095 1.04 2.095 1.75c0 .461-.368.904-.961 1.261m1.633-.444c.13-.259.2-.534.2-.819c0-.911-.718-1.724-1.839-2.265l.047-.025q.502-.29.933-.652l.134.073c1.005.576 1.56 1.29 1.56 2.015c0 .585-.361 1.167-1.035 1.673"/></svg>

Comment utiliser l'icône Oasys

React

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

<Icon icon="token:oasys" width="24" />

Vue

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

<template>
  <Icon icon="token:oasys" width="24" />
</template>

Svelte

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

<Icon icon="token:oasys" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--oasys]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:oasys"></div>

Web component

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

<iconify-icon icon="token:oasys"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/token/oasys.svg" alt="Icône Oasys" width="24" height="24">

L'icône Oasys dans d'autres collections

FAQ : Icône Oasys

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

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

Comment utiliser l'icône Oasys dans React ?

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

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

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

Voir toutes les Web3 Icons →