Goose Goose Duck アイコン
arcticons:goose-goose-duck
Goose Goose Duck アイコン(arcticons:goose-goose-duck)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- goosegoose、gooseduck、goosegooseduck
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.87 5.572c-2.876.755-5.808 2.049-8.223 4.22c-1.185 3.033-1.397 7.022-.917 11.977l1.01 1.728q-2.668 1.85-4.564 3.698q-1.49 1.969.289 3.938q3.864 1.221 7.922-.672l3.216 6.817l-3.311 2.19l-7.443-.143l-2.834-.577q-1.32.96-.24 2.497l1.321 1.255"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.773 21.74c-5.024-3.938-4.589-7.947 1.013-11.948m-3.934 29.521L9.207 22.256q-1.905 7.695 1.235 16.003l4.168-1.8m-2.014 1.171l.41 1.12m13.587-1.475c2.02-1.347 4.089-2.656 6.143-3.3M23.48 30.4a15.3 15.3 0 0 0 4.99-3.255q.584-.568.571-1.525q-.046-3.489-1.593-6.79q-.676-3.486-3.254-5.738q-2.77-1.2-3.92 1.45l-.072 8.296l-.555.752m14.932-4.11c-4.866 0-7.907-4.796-5.475-8.631c.783-1.235 2.04-2.161 3.53-2.6"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m28.474 13.301l-.226.04l11.814-4.153m-8.86 9.406L42.5 13.546"/><ellipse cx="33.792" cy="14.372" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx=".786" ry="1.261"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.142 8.08q-1.458-.702-2.745-.464M42.5 14.69c-.558 1.81-1.742 3.203-3.358 4.182"/><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.861 16.966v-1.5"/></svg>Goose Goose Duck アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:goose-goose-duck" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:goose-goose-duck" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:goose-goose-duck" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--goose-goose-duck]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:goose-goose-duck"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:goose-goose-duck"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/goose-goose-duck.svg" alt="Goose Goose Duck アイコン" width="24" height="24">Goose Goose Duck アイコン のよくある質問
Goose Goose Duck アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Goose Goose Duck アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:goose-goose-duck" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Goose Goose Duck アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/goose-goose-duck.svg" alt="Goose Goose Duck アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。