Opensea アイコン
simple-icons:opensea
Opensea アイコン(simple-icons:opensea)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.374 0 0 5.374 0 12s5.374 12 12 12s12-5.374 12-12S18.629 0 12 0M5.92 12.403l.051-.081l3.123-4.884a.107.107 0 0 1 .187.014c.52 1.169.972 2.623.76 3.528c-.088.372-.335.876-.614 1.342a2 2 0 0 1-.117.199a.1.1 0 0 1-.09.045H6.013a.106.106 0 0 1-.091-.163zm13.914 1.68a.11.11 0 0 1-.065.101c-.243.103-1.07.485-1.414.962c-.878 1.222-1.548 2.97-3.048 2.97H9.053a4.02 4.02 0 0 1-4.013-4.028v-.072c0-.058.048-.106.108-.106h3.485c.07 0 .12.063.115.132c-.026.226.017.459.125.67c.206.42.636.682 1.099.682h1.726v-1.347H9.99a.11.11 0 0 1-.089-.173l.063-.09c.16-.231.391-.586.621-.992c.156-.274.308-.566.43-.86q.034-.08.065-.16c.033-.094.067-.182.091-.269a5 5 0 0 0 .065-.223c.057-.25.081-.514.081-.787c0-.108-.004-.221-.014-.327c-.005-.117-.02-.235-.034-.352a3 3 0 0 0-.048-.312a7 7 0 0 0-.098-.468l-.014-.06c-.03-.108-.056-.21-.09-.317a12 12 0 0 0-.328-.972a5 5 0 0 0-.142-.355c-.072-.178-.146-.339-.213-.49a4 4 0 0 1-.094-.197a5 5 0 0 0-.103-.213c-.024-.053-.053-.104-.072-.152l-.211-.388c-.029-.053.019-.118.077-.101l1.32.357h.01l.173.05l.192.054l.07.019v-.783c0-.379.302-.686.679-.686a.66.66 0 0 1 .477.202a.7.7 0 0 1 .2.484V6.65l.141.039q.016.007.031.017q.052.037.147.11q.074.059.165.137a10 10 0 0 1 .574.504c.214.199.454.432.684.691c.065.074.127.146.192.226c.062.079.132.156.19.232c.079.104.16.212.235.324c.033.053.074.108.105.161c.096.142.178.288.257.435c.034.067.067.141.096.213c.089.197.159.396.202.598a1 1 0 0 1 .029.132v.01c.014.057.019.12.024.184a2.1 2.1 0 0 1-.106.874c-.031.084-.06.17-.098.254c-.075.17-.161.343-.264.502c-.034.06-.075.122-.113.182c-.043.063-.089.123-.127.18a4 4 0 0 1-.173.221q-.078.11-.166.209q-.12.147-.245.278c-.048.058-.1.118-.156.17c-.052.06-.108.113-.156.161c-.084.084-.15.147-.208.202l-.137.122a.1.1 0 0 1-.072.03h-1.051v1.346h1.322c.295 0 .576-.104.804-.298c.077-.067.415-.36.816-.802a.1.1 0 0 1 .05-.03l3.65-1.057a.108.108 0 0 1 .138.103z"/></svg>Opensea アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:opensea" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:opensea" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:opensea" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--opensea]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:opensea"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:opensea"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/opensea.svg" alt="Opensea アイコン" width="24" height="24">Simple Icons の関連アイコン
他のアイコンセットの Opensea アイコン
Opensea アイコン のよくある質問
Opensea アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Opensea アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:opensea" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Opensea アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/opensea.svg" alt="Opensea アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。