Ocean アイコン
token:ocean
Ocean アイコン(token:ocean)は、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" d="M5.306 11.663a.966.966 0 0 1-.973.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956s.968.428.968.957zm15.379 0a.96.96 0 0 1-.968.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956c.535 0 .968.428.968.957m-7.69 3.774a.96.96 0 0 1-.967.956a.96.96 0 0 1-.967-.956c0-.523.433-.956.967-.956s.968.433.968.956M9.12 13.58a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m7.695 0a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m-11.83.978c0 .36-.292.647-.652.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m15.385 0c0 .36-.293.647-.653.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m-7.69 3.825c0 .36-.292.653-.652.653a.657.657 0 0 1-.658-.647c0-.36.298-.647.658-.647s.653.287.653.647zm-3.87-1.912a.65.65 0 0 1-.658.647a.65.65 0 0 1-.652-.647c0-.355.292-.647.652-.647c.366 0 .659.293.659.647m7.69 0c0 .36-.293.647-.653.647a.653.653 0 0 1-.658-.647c0-.355.299-.647.658-.647s.653.293.653.647m-11.824.365a.337.337 0 0 1-.337.338a.34.34 0 0 1-.343-.338a.338.338 0 0 1 .675 0zm15.385 0a.34.34 0 0 1-.338.338a.34.34 0 0 1-.343-.338a.338.338 0 1 1 .675 0zm-7.695 3.826a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0m-3.87-1.913a.337.337 0 0 1-.338.337a.34.34 0 0 1-.343-.337a.338.338 0 0 1 .675 0zm7.689 0a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0M13.311 4.294c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294C10.69 3.579 11.28 3 12 3a1.3 1.3 0 0 1 1.31 1.294m0 3.825c0 .714-.591 1.293-1.311 1.293a1.297 1.297 0 0 1-1.31-1.293c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294m0 3.78c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294M21 8.119a1.3 1.3 0 0 1-1.31 1.293a1.3 1.3 0 0 1-1.306-1.293a1.3 1.3 0 0 1 1.305-1.294A1.3 1.3 0 0 1 21 8.119m-15.384 0A1.3 1.3 0 0 1 4.31 9.412A1.3 1.3 0 0 1 3 8.12a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 5.616 8.12m3.87-1.913A1.3 1.3 0 0 1 8.18 7.5a1.3 1.3 0 0 1-1.31-1.294a1.3 1.3 0 0 1 1.31-1.293a1.3 1.3 0 0 1 1.306 1.293m0 3.775a1.3 1.3 0 0 1-1.305 1.293A1.297 1.297 0 0 1 6.87 9.981a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 9.487 9.98m7.695-3.77A1.3 1.3 0 0 1 15.87 7.5a1.3 1.3 0 0 1-1.305-1.294a1.3 1.3 0 0 1 1.305-1.293a1.3 1.3 0 0 1 1.31 1.293zm0 3.77a1.3 1.3 0 0 1-1.311 1.293a1.3 1.3 0 0 1-1.204-.796a1.3 1.3 0 0 1-.101-.497a1.3 1.3 0 0 1 1.305-1.294a1.3 1.3 0 0 1 1.31 1.294"/></svg>Ocean アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:ocean" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:ocean" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:ocean" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--ocean]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:ocean"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:ocean"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/ocean.svg" alt="Ocean アイコン" width="24" height="24">他のアイコンセットの Ocean アイコン
Ocean アイコン のよくある質問
Ocean アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ocean アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:ocean" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ocean アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/ocean.svg" alt="Ocean アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。