Duck Life 5 アイコン

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

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

arcticons:duck-life-5

Duck Life 5 アイコン(arcticons:duck-life-5)は、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="M36.014 41.011c1.467-3.432 1.368-6.48-.224-9.475q-1.371-2.584-3.744-4.494q2.145-5.432 1.03-8.003q-2.222-5.122-6.507-7.208a6 6 0 0 0-.882-.347l.172-1.154l-1.17.362l-.241-2.54l-4.012 2.307l-.481-1.084q-1.282.102-2.119.929a34.6 34.6 0 0 0-6.322 8.587q-1.908 3.64 1.058 8.44c-3.219-.513-5.141-.264-6.732.78c-.564.368-.374 1.265.189 2.241l7.655 5.707M12.715 41c-1.002-2.224-1.374-4.172-.787-6.251"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.478 29.054c-1.15-.765-2.55-1.467-3.906-1.724m23.157 4.092c1.732-1.996 3.734-3.727 5.882-5.054q1.992-1.689-.48-2.42c-2.632-.777-5.464-.47-8.297.836M17.035 11.125l-1.273-2.973l-1.123 1.085l-3.802-2.248l-.959 4.232l-2.842-.364l.926 3.24l-1.984.528l5.449 4.438"/><ellipse cx="18.241" cy="20.179" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="3.404" ry="3.9"/><ellipse cx="18.093" cy="20.043" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.615" ry="1.849"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.526 14.888c-1.494-.384-2.222.083-2.231 1.389q-.015 2.547 1.86 4.741q.546.64 1.64.371c.75-.184 1.213-1.062 1.223-2.481"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.331 17.013c.86-.59 1.648-.354 2.13.833c.283.702-.156 1.62-.935 2.348m-5.53 1.528q-.072-1.197.874-1.742q1.01-.579 2.287.437q1.109.881 0 1.02q-1.576.195-3.162.285m.665 3.284q-.098.673.666 1.293q1.095.273 2.142-.862q-1.665-.006-2.808-.431"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.009 21.679c-.209.94.113 2.387.652 3.327m2.496-3.57c-.006 1.189-.04 2.805-.445 3.974"/></svg>

Duck Life 5 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Arcticons の関連アイコン

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

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

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

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

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

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

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

Arcticons をすべて見る →