ICONYZ
Français
Icône Dove de Emoji One (Colored)

Icône Dove

emojione:dove

L'icône Dove (emojione:dove) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (Colored)
Auteur
Emoji One
Licence
CC-BY-4.0
Taille
64 × 64
Catégorie
Nature
Télécharger le SVG

Code 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>

Comment utiliser l'icône 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 component

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

<iconify-icon icon="emojione:dove"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/dove.svg" alt="Icône Dove" width="24" height="24">

L'icône Dove dans d'autres collections

FAQ : Icône Dove

L'icône Dove est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Dove dans React ?

Installez @iconify/react et affichez <Icon icon="emojione:dove" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Dove à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/dove.svg" alt="Icône Dove">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Colored) →