Panda アイコン

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

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

game-icons:panda

Panda アイコン(game-icons:panda)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M104.75 16.813c-24.29.552-47.924 8.42-62.844 26.03C29.71 57.24 27.212 75.418 31.126 93.438c3.912 18.02 13.678 36.518 26.25 55.063l.124.156C41.142 180.15 32 216.558 32 256c0 64 32 128 96 128c32 48 32 96 128 96s96-48 128-96c64 0 96-48 96-128c0-39.442-9.142-75.85-25.5-107.344l.125-.156c12.57-18.545 22.337-37.042 26.25-55.063c3.913-18.02 1.414-36.197-10.78-50.593c-15.915-18.785-41.757-26.468-67.72-26.032c-25.963.437-52.602 8.894-71.563 25.094l-1.593 1.344C306.473 35.923 281.892 32 256 32s-50.474 3.923-73.22 11.25l-1.593-1.344c-18.96-16.2-45.6-24.657-71.562-25.093a122 122 0 0 0-4.875 0m.375 16c1.397-.034 2.808-.024 4.22 0c19.96.335 40.684 6.498 55.81 16.968C123.906 67.025 89.78 96 66.406 133.095c-9.75-15.32-16.81-30.108-19.624-43.063c-3.203-14.755-1.46-26.517 7.314-36.874c10.937-12.91 30.08-19.842 51.03-20.343zm297.53 0c22.574-.38 43.585 6.572 55.25 20.343c8.775 10.357 10.518 22.12 7.314 36.875c-2.814 12.956-9.874 27.743-19.626 43.064c-23.372-37.096-57.5-66.07-98.75-83.313c15.127-10.47 35.85-16.632 55.812-16.968zM176 144c16 0 48 16 48 64c0 64-48 96-80 96s-48-64-48-96s64-64 80-64m160 0c16 0 80 32 80 64s-16 96-48 96s-80-32-80-96c0-48 32-64 48-64m-143.53 80A16 16 0 0 0 176 240a16 16 0 0 0 32 0a16 16 0 0 0-15.53-16m128 0A16 16 0 0 0 304 240a16 16 0 0 0 32 0a16 16 0 0 0-15.53-16M256 340c12 0 24 4 48 12l-48 48l-48-48c24-8 36-12 48-12m-59.563 69.344C219.756 424.89 238.133 432 256 432s36.245-7.11 59.563-22.656l8.875 13.312C299.755 439.11 278.132 448 256 448s-43.755-8.89-68.438-25.344z"/></svg>

Panda アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:panda"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Game Icons をすべて見る →