Dove アイコン
emojione:dove
Dove アイコン(emojione:dove)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#699635"><path d="M10 17.1s-2.1 1.9-.9 4.4s.6 4 .6 4s2.4-3.2 1.5-5.2c-.8-1.9-.9-2.1-1.2-3.2"/><path d="M4.5 29.8S7 31 8.1 28.4c1.1-2.5 2.5-2.8 2.5-2.8s-3.5-.6-4.4 1.3c-1 1.9-1.1 2.1-1.7 2.9m9.7-9.8s-2.5 1-2 3.9c.5 2.8-.4 4.1-.4 4.1s3.1-2.2 2.7-4.4c-.3-2.2-.3-2.5-.3-3.6"/><path d="M7.5 34s2.6.2 3.1-2.7c.4-2.9 1.6-3.6 1.6-3.6s-3.5.6-3.9 2.8c-.3 2.2-.4 2.4-.8 3.5"/></g><path fill="#83bf4f" d="M5.6 21.2c2.8 2 5.3 5 7.2 8.2c2 3.3 3.3 7.2 3.1 11.4h-.1c-.7-3.9-1.7-7.7-3.5-11q-1.2-2.25-2.7-4.2c-.7-.9-1.4-1.8-2.2-2.6c-.3-.4-1.8-1.5-1.8-1.8"/><path fill="#699635" d="M2 19.3s.4 3.2 2.8 3.1S8 23.6 8 23.6s-1.2-4-3.1-4c-1.8-.1-2 0-2.9-.3"/><path fill="#ffce31" d="M16.2 30.5L11.6 34l5.8-.7z"/><path fill="#8d9ba3" d="M27.8 32.1c.3-8 11.6-14.5 17.6-24.8c2.6-4.4 4.8-2.1 3.2 5.9c10.3 1.9-8 24.5-11.7 26.1z"/><g fill="#d0d0d0"><path d="M27.1 32.8c.3-8 15.1-12 21.6-20.6c13.6-18 16.9-8 9.2-2.1c10.3 1.9-2.4 8.6-2.4 8.6c11.4.6-.9 6.7-.9 6.7c9.5 1.8-3 5.2-3 5.2c6.3 2.3-2.6 4.8-2.6 4.8c4.5 3.5-4.4 3.9-8.1 5.5z"/><path d="M15.5 32.1c0-1.9 2.3-4.4 5.7-4.4c9.1 0 18.2 9.7 24.8 18.4c3.9 5.1 10.4 2.8 12.4 5.6c1.4 2-1.6 2.9-1.6 2.9s2.5 4.3-2.3 2.7c0 0 1.6 5.1-4.2 2.9c0 0-1.3 3.3-4.1 1.2c-3.7-2.8-.7-11.2-11.5-13.7c-18.2-4.4-14.7-11-15.9-12.6c-.6-.9-3.3-2-3.3-3"/></g><circle cx="20" cy="30.8" r="1.1" fill="#464d51"/></svg>
Dove アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:dove" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:dove" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:dove" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--dove]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:dove"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:dove"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/dove.svg" alt="Dove アイコン" width="24" height="24">
Dove アイコン のよくある質問
Dove アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dove アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:dove" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dove アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/dove.svg" alt="Dove アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
