Oxy アイコン
token:oxy
Oxy アイコン(token:oxy)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 5.25A1.125 1.125 0 1 0 12 3a1.125 1.125 0 0 0 0 2.25M12 21a1.125 1.125 0 1 0 0-2.25A1.125 1.125 0 0 0 12 21m1.125-12.938a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M8.344 6.937a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m.843 10.97a.844.844 0 1 1-1.688 0a.844.844 0 0 1 1.688 0m6.188-6.47a1.125 1.125 0 1 0 0-2.249a1.125 1.125 0 0 0 0 2.25m1.125 2.25a1.124 1.124 0 1 1-2.249 0a1.124 1.124 0 0 1 2.249 0M12 17.063a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25M12.831 12a.835.835 0 0 1-.831.838a.835.835 0 0 1-.831-.838c0-.463.372-.838.831-.838s.831.375.831.838m-4.487 2.796a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m.843-4.798a.844.844 0 1 1-1.688 0a.844.844 0 0 1 1.688 0m-4.5-1.373a.563.563 0 1 0 0-1.125a.563.563 0 0 0 0 1.125M5.25 12a.563.563 0 1 1-1.126 0a.563.563 0 0 1 1.126 0m-.562 4.5a.563.563 0 1 0 0-1.126a.563.563 0 0 0 0 1.126M16.5 6.375a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M15.375 18.75a1.124 1.124 0 1 0 0-2.248a1.124 1.124 0 0 0 0 2.248m4.5-10.406a1.406 1.406 0 1 1-2.813 0a1.406 1.406 0 0 1 2.813 0m-1.406 8.719a1.406 1.406 0 1 0 0-2.812a1.406 1.406 0 0 0 0 2.812M19.875 12a1.406 1.406 0 1 1-2.812 0a1.406 1.406 0 0 1 2.812 0" clip-rule="evenodd"/></svg>Oxy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:oxy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:oxy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:oxy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--oxy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:oxy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:oxy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/oxy.svg" alt="Oxy アイコン" width="24" height="24">他のアイコンセットの Oxy アイコン
Oxy アイコン のよくある質問
Oxy アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Oxy アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:oxy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Oxy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/oxy.svg" alt="Oxy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。