Octopus 2 アイコン

Q: Octopus 2 アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:octopus-2

Octopus 2 アイコン(arcticons:octopus-2)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.58 34.54c1.25 1.22.25 2.15-4.59 1.21q.39 1.53 1.87 1.82c4.1 1.04-2.53 4.35-7.48.31c-1.4 4.68-5.43 5.29-6.4.17c-1.39.79-2.7 2.26-4.55 2.02c-8.45-1.2-1.39-2.91-.58-4.32c-3.69 1.99-6.89-.1-5.33-1.04c1.06-.71 3.11-2.94 1.14-5c-2.92-2.86-4.22-8.82-2.08-14.74C12.59 5.25 36.61 1.45 40 18.99c.74 4.3-.89 6.9-3.13 10.78c-1.56 2.84-.34 3.66.71 4.77M13.91 18.97l1.22-.58m17.84-.37l1.16.48"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.42 30.09c-.79 1.03-2.71 1.18-3.54.04c-.31 2.45 3.76 2.74 3.54-.04m-7.23-9.08c2.04.09 3.62 1.79 3.53 3.79c-.08 2.01-1.81 3.56-3.85 3.47s-3.62-1.79-3.54-3.79c.09-2 1.82-3.56 3.86-3.47"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.09 23.79a.67.67 180.29 1 0 .47-.54a2.7 2.63 117.59 1 1-.47.54"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.58 34.54c1.25 1.22.25 2.15-4.59 1.21q.39 1.53 1.87 1.82c4.1 1.04-2.53 4.35-7.48.31c-1.4 4.68-5.43 5.29-6.4.17c-1.39.79-2.7 2.26-4.55 2.02c-8.45-1.2-1.39-2.91-.58-4.32c-3.69 1.99-6.89-.1-5.33-1.04c1.06-.71 3.11-2.94 1.14-5c-2.92-2.86-4.22-8.82-2.08-14.74C12.59 5.25 36.61 1.45 40 18.99c.74 4.3-.89 6.9-3.13 10.78c-1.56 2.84-.34 3.66.71 4.77"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.76 21.21c1.95.09 3.47 1.69 3.38 3.59c-.08 1.89-1.73 3.35-3.68 3.27c-1.95-.09-3.46-1.69-3.38-3.58c.09-1.9 1.73-3.36 3.68-3.28"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.64 23.7a.67.67 180.29 1 0 .47-.54a2.7 2.63 117.59 1 1-.47.54"/></svg>

Octopus 2 アイコンの使い方

React

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

<Icon icon="arcticons:octopus-2" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:octopus-2" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:octopus-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--octopus-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:octopus-2"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:octopus-2"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/octopus-2.svg" alt="Octopus 2 アイコン" width="24" height="24">

Arcticons の関連アイコン

Octopus 2 アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →