Eyedropper アイコン

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

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

game-icons:eyedropper

Eyedropper アイコン(game-icons:eyedropper)は、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="M72.156 21.906c-19.51-.096-34.187 10.357-43.47 26.47c-14.848 25.778-10.262 56.354 29.845 79.56c26.354 15.25 61.527 23.54 86.75 20.126l-11.374 19.72l15.25 8.812l49.688-86.25l-15.25-8.813l-10.5 18.22c-9.66-23.603-34.394-49.968-60.75-65.22c-15.04-8.703-28.482-12.566-40.188-12.624zm134.375 92.53l-9.343 16.22l171.75 99.375h-56.25l-129.562-75l-9.344 16.19L382.53 292l3.376 1.97l3.75-1.033c3.705-1.014 10.983-.39 18.344 1.844c7.36 2.237 14.843 5.778 19.656 8.564l2.188 1.25h.72c.224.082.458.145.686.22a16.6 16.6 0 0 0-.594 4.373c0 9.165 7.43 16.594 16.594 16.594s16.594-7.428 16.594-16.592c0-6.497-3.75-12.09-9.188-14.813c1.873-3.64 2.85-7.855 2.156-12.406c-.77-5.067-4.173-10.32-9.187-13.22c-10.71-6.198-25.414-17.442-27.97-27.688l-.967-3.843l-3.438-1.97l-208.72-120.813zm242.94 235.47c-18.66 69.634-44.595 59.99-44.595 100.75c0 24.617 19.98 44.563 44.594 44.563c24.613 0 44.592-19.947 44.592-44.564c0-44.002-25.602-29.875-44.593-100.75z"/></svg>

Eyedropper アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Game Icons をすべて見る →