Rubber Duck アイコン
openmoji:rubber-duck
Rubber Duck アイコン(openmoji:rubber-duck)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
- タグ
- rubberduck
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M59.987 45.4c0 7.68-6.033 13.96-13.664 14.46c-.323.03-.657.04-.99.04h-16.17c-4.468 0-8.369-2.39-10.481-5.94c1.9 1.23 4.174 1.94 6.62 1.94h16.17c.334 0 .667-.01.99-.04c7.631-.5 13.665-6.78 13.665-14.46c0-2.89-.85-5.57-2.315-7.83c3.74 2.63 6.175 6.94 6.175 11.83"/><path fill="#fcea2b" d="M56.127 41.4c0 7.68-6.034 13.96-13.664 14.46c-.324.03-.657.04-.99.04H25.301c-2.446 0-4.72-.71-6.62-1.94a11.87 11.87 0 0 1-1.647-6.06c0-3.58 1.586-6.8 4.103-9c-.536-.47-.632.606-1.138.1c-1-1-3-3-3-4c.202.02 1.53-.07 1.722-.06c1.132.06 1.93-1.08 1.516-2.12l-.788-1.95a1.575 1.575 0 0 0-1.455-.97h-.96c0-3.68 1.667-6.97 4.295-9.16a12.1 12.1 0 0 1 7.833-2.84c2.445 0 4.72.71 6.62 1.94c3.314 2.14 5.507 5.85 5.507 10.06c0 .21-.01.42-.02.63c-.02.33-.05.64-.09.96a11.8 11.8 0 0 1-2.76 6.16c2.052-.517 6.268-3.786 8.914-7.115c.68-.856 6.087 2.76 6.478 3.035a14.3 14.3 0 0 1 2.315 7.83Z"/><path fill="#f4aa41" d="m20.289 33.79l-.475-.06c.111-.31.192-.61.252-.83c-3.193-.38-6.003-.78-7.943-1.77a5 5 0 0 1-.142-1.23h6.014c.646 0 1.212.39 1.455.97l.788 1.95c.132.33.142.67.05.97"/><path fill="#a57939" d="M20.067 32.9c-.061.22-.142.52-.253.83c-.222.61-.566 1.24-1.092 1.21c-.192-.01-.384-.03-.586-.05c-2.334-.21-5.326-1.03-6.013-3.76c1.94.99 4.75 1.39 7.944 1.77"/><path fill="#f4aa41" d="M41.29 29.4c0 5.7-4.79 10.33-10.783 10.49c3.971-1.91 6.74-6.34 6.74-11.49c0-3.47-1.253-6.6-3.284-8.87c4.275 1.46 7.327 5.33 7.327 9.87"/><path fill="#3f3f3f" d="M46.343 59.9h-1.01c.333 0 .667-.01.99-.04z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.722 34.94c-.192-.01-.384-.03-.586-.05c-2.658-.24-6.155-1.27-6.155-4.99h6.014c.647 0 1.213.39 1.455.97l.788 1.95c.415 1.04-.384 2.18-1.516 2.12M33.205 47.9c.272.653 1.759 4.047 5.053 5c3.912 1.13 9.022-3.57 11.117-9"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M48.112 31.16c6.771 1.29 11.875 7.17 11.875 14.24c0 7.68-6.033 13.96-13.664 14.46c-.323.03-.657.04-.99.04h-16.17c-6.701 0-12.128-5.37-12.128-12c0-3.58 1.586-6.8 4.103-9a12 12 0 0 1-1.134-1.135"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.722 34.94c1.132.06 1.93-1.08 1.516-2.12l-.788-1.95a1.575 1.575 0 0 0-1.455-.97h-.96c0-3.68 1.667-6.97 4.295-9.16a12.1 12.1 0 0 1 7.833-2.84c6.7 0 12.127 5.37 12.127 12c0 .54-.04 1.07-.11 1.59a11.8 11.8 0 0 1-2.76 6.16a14.6 14.6 0 0 0 6.384-2.862"/><path d="M26.388 26.893c0 1.1-.91 2-2.02 2s-2.02-.9-2.02-2s.909-2 2.02-2s2.02.9 2.02 2"/></svg>Rubber Duck アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:rubber-duck" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:rubber-duck" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:rubber-duck" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--rubber-duck]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:rubber-duck"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:rubber-duck"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/rubber-duck.svg" alt="Rubber Duck アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Rubber Duck アイコン
Rubber Duck アイコン のよくある質問
Rubber Duck アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Rubber Duck アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:rubber-duck" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rubber Duck アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/rubber-duck.svg" alt="Rubber Duck アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。