Ícone Oasys
token:oasys
O ícone Oasys (token:oasys) é um ícone SVG gratuito da coleção Web3 Icons de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Web3 Icons
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- oasy
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/oasys.svg" alt="Ícone Oasys" width="24" height="24">O ícone Oasys em outras coleções
Perguntas frequentes sobre Ícone Oasys
O ícone Oasys é grátis para uso comercial?
Sim. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Oasys no React?
Instale @iconify/react e renderize <Icon icon="token:oasys" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Oasys a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/oasys.svg" alt="Ícone Oasys">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.