Duck Life 8 アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:duck-life-8

Duck Life 8 アイコン(arcticons:duck-life-8)は、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
タグ: ducklife

SVG をダウンロード

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="M5.978 27.277c.917-.063 1.92-.034 2.936.054q-.32-2.842 1.092-5.912q2.333-5.073 7.003-8.696q-.095-3.653 2.07-4.82l1.206 2.484q5.556-7.975 13.592-2.935l-3.539 1.09s.145.076 1.675 1.08q1.696 1.11 1.315 3.708l3.68 3.346q6.21 4.379 3.615 11.351q-1.508 4.054-3.891 8.572a12.5 12.5 0 0 1 5.05 3.06c.625.617-.024 1.79-1.329 2.84M6.078 31.802c.826 3.582 2.913 7.696 6.524 10.698"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.785 42.49c1.73-1.581 3.419-3.012 5.312-4.643c.42-.361 1.205-.884 1.635-1.248M8.914 27.33c.8 7.582 5.698 12.934 12.191 15.136m4.258-19.675c2.863-1.495 5.86-1.472 7.639-.106m-8.182 2.43c2.776 1.517 5.99 1.964 9.633 1.747m-18.78-2.575q3.523-.073 5.425 1.572q4.226-3.908 1.155-7.709q-4.1-2.025-6.335 1.89q-.972 1.71-.245 4.247m9.65-3.345c2.822-1.593 5.569-1.46 7.625.093"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.387 16.951c-2.286-.004-3.87.658-4.242 2.52q-.873 4.358 1.884 8.283c1.118 1.59 3.104 1.454 5.858-.502m-15.679 5.689q3.382 1.401 7.737 1.047q-1.642 1.959-3.723 2.992l-1.898.073q-2.165-1.605-2.116-4.112"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.274 34.036c.62-2.127 1.303-4.72 2.026-7.127m-8.19-.643c-.04 2.223.585 4.517 1.1 6.718m7.793-12.611c1.335-1.563 2.569-2.165 3.845-.953q2.793 2.653 1.658 7.527c-1.308-.394-2.735-.272-3.916.142"/><ellipse cx="19.252" cy="22.034" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="6.148" ry="6.886"/><ellipse cx="20.04" cy="21.152" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2" ry="1.42" transform="rotate(-76.096 20.04 21.152)"/><ellipse cx="35.68" cy="22.791" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.022" ry="1.44" transform="rotate(-13.904 35.68 22.791)"/></svg>

Duck Life 8 アイコンの使い方

React

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

<Icon icon="arcticons:duck-life-8" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:duck-life-8" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:duck-life-8" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--duck-life-8]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:duck-life-8"></iconify-icon>

HTML 画像

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

Arcticons の関連アイコン

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →