Octopus アイコン
emojione:octopus
Octopus アイコン(emojione:octopus)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#c28fef" d="M22.3 35.7c10.7 2.4 7.3 8.6-1.8 8.1c-9.2-.5-15.9-19.4-16-22.8c-.2-3.5 10.1 13 17.8 14.7"/><path fill="#ffe2b3" d="M4.5 21.2c2.7 3.6 8.5 14.1 14.1 16.1c5.5 2 6.8 4.6 5.6 6.3c-1.1.2-2.3.3-3.6.2c-9.1-.5-16.1-17.6-16.1-22.6"/><path fill="#c28fef" d="M25.1 34.9c8.9-6.4 11.3.3 4.8 6.7c-6.5 6.5-25-1.2-27.7-3.3c-2.6-2.2 16.5 1.2 22.9-3.4"/><path fill="#ffe2b3" d="M2.5 38.5c4.5.4 16.2 3.1 21.4.3c5.2-2.7 8-2 8.4.1c-.6.9-1.3 1.9-2.3 2.8c-6.5 6.3-24.3-.3-27.5-3.2"/><path fill="#c28fef" d="M16.1 44.4c5.8-9 13.9-6.2 10.4 2C22.9 54.7 9 56 5.7 54.8c-3.3-1.1 6.2-4 10.4-10.4"/><path fill="#ffe2b3" d="M26.5 46.4c-3.6 8.3-16.6 10.3-20.7 8.5c-.1-.1-.2-.1-.3-.1c.2-1.4 8-3.1 12.4-8c3.6-4 7.3-5 9.5-4c-.1.9-.3 2.2-.9 3.6"/><path fill="#c28fef" d="M16.1 61.9c3.8 1 15.6-6 16.5-15c.8-8.8-8.3-9.5-11.1.9c-2 7.4-8.8 13.2-5.4 14.1"/><path fill="#ffe2b3" d="M32.8 47c-.8 8.5-10.9 15.4-16 15c-1.2-1.9 5.7-5.9 9-12.1c2-3.6 4.5-5.5 6.6-5.9c.3.8.5 1.9.4 3"/><path fill="#c28fef" d="M41.7 35.7c-10.7 2.4-7.3 8.6 1.8 8.1c9.2-.5 15.9-19.4 16-22.8c.2-3.5-10.1 13-17.8 14.7"/><path fill="#ffe2b3" d="M59.5 21.2c-2.7 3.6-8.5 14.1-14.1 16.1c-5.5 2-6.8 4.6-5.6 6.3c1.1.2 2.3.3 3.6.2c9.1-.5 16.1-17.6 16.1-22.6"/><path fill="#c28fef" d="M38.9 34.9c-8.9-6.4-11.3.3-4.8 6.7c6.5 6.5 25-1.2 27.7-3.3c2.6-2.2-16.5 1.2-22.9-3.4"/><path fill="#ffe2b3" d="M61.5 38.5c-4.5.4-16.2 3.1-21.4.3c-5.2-2.7-8-2-8.4.1c.6.9 1.3 1.9 2.3 2.8c6.5 6.3 24.3-.3 27.5-3.2"/><path fill="#c28fef" d="M47.9 44.4c-5.8-9-13.9-6.2-10.4 2c3.6 8.3 17.5 9.6 20.7 8.5c3.4-1.2-6.1-4.1-10.3-10.5"/><path fill="#ffe2b3" d="M37.5 46.4c3.6 8.3 16.6 10.3 20.7 8.5c.1-.1.2-.1.3-.1c-.2-1.4-8-3.1-12.4-8c-3.6-4-7.3-5-9.5-4c.1.9.3 2.2.9 3.6"/><path fill="#c28fef" d="M47.9 61.9c-3.8 1-15.6-6-16.5-15c-.8-8.8 8.3-9.5 11.1.9c2 7.4 8.8 13.2 5.4 14.1"/><path fill="#ffe2b3" d="M31.2 47c.8 8.5 10.9 15.4 16 15c1.2-1.9-5.7-5.9-9-12.1c-2-3.6-4.5-5.5-6.6-5.9c-.3.8-.5 1.9-.4 3"/><path fill="#c28fef" d="M15.6 21.8c0-26.4 32.7-26.4 32.7 0c0 16.5-6.9 23.4-16.4 23.4s-16.3-6.9-16.3-23.4"/><g fill="#29251c"><circle cx="24.9" cy="30.9" r="3"/><circle cx="40.3" cy="30.9" r="3"/><path d="M32 39.4c-2.4 0-4.5-.8-4.5-1.8c0-.1 0-.2.1-.3s.2-.1.4-.1s.3.1.6.2c.6.2 1.7.7 3.5.7s2.9-.5 3.4-.7c.3-.1.4-.2.6-.2s.4.1.4.4c0 .9-2.1 1.8-4.5 1.8"/></g></svg>
Octopus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:octopus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:octopus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:octopus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--octopus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:octopus"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:octopus"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/octopus.svg" alt="Octopus アイコン" width="24" height="24">
Octopus アイコン のよくある質問
Octopus アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Octopus アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:octopus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Octopus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/octopus.svg" alt="Octopus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
