Squid Head アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:squid-head

Squid Head アイコン(game-icons:squid-head)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: squidhead

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M257.744 20.232c-104.313 0-157.183 53.89-168.717 111.45c-6.607 32.973.374 67.266 20.64 94.066c7.506-10.545 18.562-18.648 31.978-22.242c30.662-8.214 61.7 9.096 70.902 35.492l1.486 4.26l-2.412 3.812c-46.46 73.436-65.564 138.166-27.417 224.063l31.705-52.2c-12.814-48.445-12.78-101.28 8.04-149.482l17.156 7.41c-28.24 65.38-14.082 142.63 18.968 201.08c34.647-60.974 42.265-142.338 21.414-200.973l17.61-6.26c15.756 44.31 16.985 98.19 4.207 148.918l31.283 51.506c38.146-85.895 19.045-150.625-27.416-224.06l-2.412-3.812l1.486-4.26c7.478-21.447 29.368-36.897 53.762-37.53c5.63-.145 11.39.5 17.14 2.04c10.778 2.888 20.023 8.693 27.137 16.328c15.47-25.37 21.32-56.65 16.266-86.945c-9.718-58.225-58.55-112.66-162.807-112.66zM155.894 220.26a38.2 38.2 0 0 0-9.414 1.299a38.85 38.85 0 0 0-27.57 47.752c5.368 20.03 25.108 31.95 45.14 28c7.67-18.718 17.582-37.23 29.083-55.808c-6.184-11.873-21.173-21.475-37.238-21.244zm207 0c-16.064-.23-31.052 9.37-37.236 21.244c11.5 18.578 21.412 37.09 29.082 55.807c20.032 3.954 39.77-7.966 45.14-27.998a38.854 38.854 0 0 0-27.57-47.753a38.3 38.3 0 0 0-9.415-1.3zm-233.5 89.71c-13.91 39.182-19.95 80.964-18.976 119.614c12.637-10.237 24.62-21.887 35.783-34.525c-1.4-27.05 2.6-52.91 10.794-78.234c-9.76.06-19.23-2.386-27.6-6.857zm259.313.364c-8.2 4.24-17.417 6.55-26.91 6.492c8.284 25.604 12.29 51.753 10.754 79.127c10.943 12.294 22.663 23.635 35.003 33.63c.972-38.53-5.03-80.172-18.846-119.25z"/></svg>

Squid Head アイコンの使い方

React

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

<Icon icon="game-icons:squid-head" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:squid-head" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:squid-head" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:squid-head"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →