Squid アイコン

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

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

openmoji:squid

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

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M43.5 42.5c0 3.866-3.134 4-7 4s-7-.134-7-4a7 7 0 1 1 14 0"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M25.284 62.461C29.19 59.694 32.91 47.287 32 45m0 13s3-7 2-13m3 0s1 9.5-1.745 14.028c0 0 .745 5.073.745 6.312M38 62V47m.741-1.348s5.072 17.583 1.375 22.184m0-22.836l5.032 17m3.16.915c-2.276 0-7.12-14.291-7.6-15.915"/><path fill="#fff" d="M31 44.385h11V56H31z"/><path fill="#f4aa41" stroke="#f4aa41" stroke-miterlimit="10" stroke-width="2" d="M34.378 10c-5.79 12.998-4.555 22.993-4.123 25.429a.94.94 0 0 0 .67.748c1.474.424 5.727 1.367 10.864-.005c.374-.1.65-.42.698-.804c.37-2.934 1.4-15.664-6.192-29.349a.958.958 0 0 0-1.464-.256a186 186 0 0 0-8.708 8.114a1 1 0 0 0-.2.289C25.407 15.331 22.68 22.34 30 26"/><path fill="#e27022" stroke="#e27022" stroke-miterlimit="10" d="M41.47 22s5.515-4.167 2.758-8.334l-1.245-2.115l-.023-.048c-.974-2.37-2.881-6.706-5.626-7.003c-1.497-.162-2.067-.096-1.838.312l.919 1.688"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M32.688 49.688S33 54 31 57m11-2l1.813 7.5M38 48s4 18 1 20m-2-10v4m-1-14s-1 8-2 10s1 8 1 8"/><circle cx="32.222" cy="42" r="1.222"/><circle cx="40.778" cy="42" r="1.222"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M34.378 10c-6.681 15-4.009 26-4.009 26s5.346 2 12.027 0c0 0 2.673-15-6.681-31c0 0-4.715 4-9.715 9c0 0-5.682 6 1 10"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M42 22s6-4 3-8l-4-6m-9.937 29.313s-1.688 4.062-.375 6.874C32 47 25 62 24 62m18-24.687s1.688 4.062.375 6.874S48.063 62 49.063 62"/></svg>

Squid アイコンの使い方

React

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

<Icon icon="openmoji:squid" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:squid" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:squid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:squid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/squid.svg" alt="Squid アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

OpenMoji アイコンをすべて見る →