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

Ooks アイコン

token:ooks

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

アイコンセット
Web3 Icons
作者
0xa3k5
ライセンス
MIT
サイズ
24 × 24
タグ
ook
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="M15.091 3.001H4.124v14.455L7.667 21h9.112a3.4 3.4 0 0 0 1.924-.619a2.88 2.88 0 0 0 1.17-2.475V7.782c0-.22-.046-.551-.203-.838a1.01 1.01 0 0 0-.923-.568h-.562v-.281c0-.54-.23-.906-.54-1.125a1.54 1.54 0 0 0-.866-.281h-.281v-.282c0-.23-.068-.573-.282-.866a1.32 1.32 0 0 0-1.125-.54m3.094 13.5V6.937h.563c.207 0 .337.107.427.276c.095.18.135.41.135.568v10.124c0 1.035-.422 1.654-.94 2.025a2.9 2.9 0 0 1-1.591.506H7.892l-1.125-1.125h8.043c1.305 0 2.16-.45 2.689-1.046c.43-.49.672-1.115.686-1.766m-3.375 2.25H6.205L5.08 17.624h9.449c.326 0 .81-.095 1.22-.394a1.85 1.85 0 0 0 .749-1.575V5.252h.28c.141 0 .36.045.54.169c.164.118.304.315.304.675V16.5c0 .366-.134.928-.55 1.395c-.4.461-1.092.855-2.262.855M4.686 3.563v13.499h9.843c.236 0 .596-.073.889-.281c.28-.203.517-.54.517-1.126V4.407c0-.14-.045-.36-.169-.54c-.118-.163-.315-.303-.675-.303zM5.811 9.75c-.45 2.7 1.502 4.5 2.531 5.062l-.562.843c.095.096.618.282 1.968.282c1.688 0 4.781-1.125 5.062-5.062c.225-3.15-1.591-4.5-2.53-4.781l.843-1.406h-1.687c-1.97 0-5.063 1.687-5.625 5.062m2.812-.563c.675-1.125 1.969-.843 2.531-.562l.281-1.125c.844.562 1.125 1.406 1.125 2.812s-1.248 2.25-2.25 2.25c-.562 0-.939-.377-1.124-.562v1.406c-.844-.563-1.406-2.812-.563-4.219" clip-rule="evenodd"/></svg>

Ooks アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →