ICONYZ
日本語
Web3 Icons の Ooe アイコン

Ooe アイコン

token:ooe

Ooe アイコン(token:ooe)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Web3 Icons
作者
0xa3k5
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

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="M18.98 12.559q.027-.403.015-.805c.65-.04 1.445-.25 1.88-.39a.18.18 0 0 0 .125-.175V9.674a.2.2 0 0 0-.162-.188a.2.2 0 0 0-.088.003c-.415.12-1.15.28-2.045.34H18.7a8 8 0 1 0-.1 4.67l.105.01c.69.025 1.665-.23 2.17-.4a.18.18 0 0 0 .125-.17v-1.515a.2.2 0 0 0-.162-.188a.2.2 0 0 0-.088.003c-.37.105-1 .25-1.77.315zm-1.99-.18a6 6 0 0 0-.015-.925l-.285-.06c-1.02-.225-2.1-.46-2.595-.42c-.47.04-1.33.25-1.86.39a.185.185 0 0 1-.235-.18V9.539c0-.08.05-.15.12-.17c.42-.145 1.25-.36 1.975-.36c.44 0 1.09.17 1.81.35l.55.145a6 6 0 1 0 .16 4.625c-1-.22-2.035-.445-2.52-.4c-.47.035-1.33.245-1.86.385a.19.19 0 0 1-.163-.031a.19.19 0 0 1-.072-.149v-1.645c0-.08.05-.15.12-.17c.42-.145 1.25-.36 1.975-.36c.44 0 1.09.17 1.81.35c.35.1.72.19 1.085.27" clip-rule="evenodd"/></svg>

Ooe アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/ooe.svg" alt="Ooe アイコン" width="24" height="24">

他のアイコンセットの Ooe アイコン

Ooe アイコン のよくある質問

Ooe アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Ooe アイコンを使うには?

@iconify/react をインストールして <Icon icon="token:ooe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ooe アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/ooe.svg" alt="Ooe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons をすべて見る →