Duck アイコン

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

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

game-icons:duck

Duck アイコン(game-icons:duck)は、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="M319.398 26.76c-9.51-.074-19.237 2.177-28.966 8.615c-75.118 49.7-18.154 114.97-2.026 166.176c11.882 2.75 26.068 3.496 40.574 1.786c17.012-2.006 34.346-7.262 49.022-15.365c-6.18-11.668 3.62-29.6 9.035-38.728l83.396-8.392c12.108-7.608 21.486-19.257 4.055-24.213l-82.885-11.448c7.013-28.32-22.403-65.608-41.035-71.92c-9.898-3.354-20.393-6.427-31.17-6.51zm29.043 49.21c8.286 0 15 6.716 15 15c0 8.285-6.714 15-15 15c-8.283 0-15-6.715-15-15s6.717-15 15-15m43.038 125.055c-18.094 11.122-39.446 17.72-60.388 20.188c-14.264 1.682-28.372 1.5-41.283-.82c-77.015 18.895-133.99 36.876-211.24 36.876c-24.21-3.115-31.616-11.996-50.368-20.08c16.237 56.88 3.742 95.626 64.382 131.193c105.145 50.197 218.445 51.527 320 0c21.96-11.142 33.838-103.735 17.986-127.114c-8.27-12.196-27.656-30.114-39.09-40.245zm-28.93 55.27c.275 28.072-13.338 50.968-33.58 67.04c-20.24 16.074-46.96 26.048-75.013 30.925c-28.053 4.876-57.493 4.613-83.498-.717s-48.854-15.582-62.87-32.49l13.856-11.487c9.996 12.058 29.158 21.53 52.63 26.342c23.47 4.81 50.974 5.107 76.8.617s49.922-13.804 66.902-27.287s26.994-30.408 26.774-52.765l17.997-.178zM176.17 416.35l-.266 44.437c-11.283 5.013-20.25 12.844-27.486 24.455h144c-14.892-14.892-33.408-29.823-64.274-31.777l.188-29.123a481 481 0 0 1-17.986-2.06l-.204 31.265c-5.774.325-11.17.92-16.205 1.844l.21-35.566c-6.128-1.044-12.176-2.194-17.978-3.474z"/></svg>

Duck アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →