Oasys アイコン
token:oasys
Oasys アイコン(token:oasys)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- oasy
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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Oasys アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:oasys" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Oasys アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/oasys.svg" alt="Oasys アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。