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

Icône Blossom

emojione:blossom

L'icône Blossom (emojione:blossom) 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"><path fill="#83bf4f" d="M43.8 63.4c-7.7 2-11-2-11-2s.6-6.2 8.4-8.2c5.3-1.4 15.3 1.4 15.3 1.4s-7.4 7.4-12.7 8.8M21 58c7.7 2 11-2 11-2s-.6-6.2-8.4-8.2c-5.3-1.4-15.3 1.4-15.3 1.4S15.7 56.6 21 58"/><path fill="none" stroke="#75a843" stroke-miterlimit="10" stroke-width="4" d="M32 28v36"/><path fill="#ffd68d" d="M50.3 19.6c-4.9 4.9-15 8.4-16.7 6.8c-1.6-1.6 1.8-11.8 6.8-16.7c6.9-6.9 16.8 3 9.9 9.9M13.7 36.4c4.9-4.9 15-8.4 16.7-6.8c1.6 1.6-1.9 11.7-6.8 16.7c-6.9 6.9-16.8-3-9.9-9.9m26.7 9.9c-4.9-4.9-8.4-15-6.8-16.7c1.6-1.6 11.8 1.8 16.7 6.8c6.9 6.9-3 16.8-9.9 9.9M23.6 9.7c4.9 4.9 8.4 15 6.8 16.7c-1.6 1.6-11.8-1.9-16.7-6.8c-6.9-6.9 3-16.8 9.9-9.9"/><path fill="#ffe9ab" d="M50.9 35c-7 0-16.6-4.7-16.6-7s9.6-7 16.6-7c9.8 0 9.8 14 0 14M13.1 21c7 0 16.6 4.7 16.6 7s-9.6 7-16.6 7c-9.8 0-9.8-14 0-14M25 46.9c0-7 4.7-16.6 7-16.6s7 9.6 7 16.6c0 9.8-14 9.8-14 0M39 9.1c0 7-4.7 16.6-7 16.6s-7-9.6-7-16.6c0-9.8 14-9.8 14 0"/><circle cx="32" cy="28" r="9.6" fill="#f29a2e"/></svg>

Comment utiliser l'icône Blossom

React

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

<Icon icon="emojione:blossom" width="24" />

Vue

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

<template>
  <Icon icon="emojione:blossom" width="24" />
</template>

Svelte

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

<Icon icon="emojione:blossom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--blossom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:blossom"></div>

Web component

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

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

Image HTML

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

L'icône Blossom dans d'autres collections

FAQ : Icône Blossom

L'icône Blossom 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 Blossom dans React ?

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

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

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

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