Иконка Oasys

token:oasys

Иконка Oasys (token:oasys) — бесплатная SVG-иконка из набора Web3 Icons от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Web3 Icons
Автор: 0xa3k5
Лицензия: MIT
Размер: 24 × 24
Теги: oasy

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/token/oasys.svg" alt="Иконка Oasys" width="24" height="24">

Иконка Oasys в других наборах

Вопросы и ответы: Иконка Oasys

Можно ли бесплатно использовать иконку Oasys в коммерческих проектах?

Да. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Oasys в React?

Установите @iconify/react и выведите <Icon icon="token:oasys" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Oasys на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token/oasys.svg" alt="Иконка Oasys">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Web3 Icons →