Icône Four Leaf Clover

openmoji:four-leaf-clover

L'icône Four Leaf Clover (openmoji:four-leaf-clover) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: OpenMoji
Auteur: OpenMoji
Licence: CC-BY-SA-4.0
Taille: 72 × 72
Catégorie: Animaux et nature
Mots-clés: fourleaf, leafclover, fourleafclover

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="m48.868 32.557l-3.69-3.1l4.63 1.335c2.43.483 4.685.321 5.798-1.768a4.286 4.286 0 0 0-1.767-5.797l-1.891-1.008l.336-.63l.672-1.26a4.286 4.286 0 0 0-1.768-5.798c-2.089-1.113-4.013-.01-5.797 1.767l-3.1 3.69l1.335-4.63c.489-2.366.321-4.685-1.767-5.798s-4.685-.322-5.798 1.767l-1.008 1.891l-.63-.336l-1.26-.671c-2.09-1.113-4.686-.322-5.798 1.767s-.192 4.183 1.767 5.797l4.56 3.56l.013.01l-4.553-1.49c-.884-.29-1.798-.498-2.727-.533c-1.653-.062-3.063.37-3.917 1.785c-1.284 2.126-.344 4.934 1.847 6.102l1.697.904l-.336.63l-.583 1.095c-1.147 2.154-.375 4.96 1.816 6.034c2.038 1 3.967.026 5.66-1.837l3.1-3.69l-1.335 4.63c-.504 2.02-.321 4.685 1.768 5.798a4.286 4.286 0 0 0 5.797-1.768l1.008-1.891l.63.336l1.261.672a4.286 4.286 0 0 0 5.798-1.767c1.112-2.09.251-4.066-1.768-5.798"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M30.366 41.03c-3.438 3.547-7.676 10.245-5.829 20.734"/><path stroke-miterlimit="10" d="m45.102 29.335l4.599 1.44c2.418.538 4.676.427 5.836-1.636s.428-4.676-1.635-5.836l-1.868-1.05l.35-.623l.7-1.245c1.16-2.063.429-4.676-1.634-5.836s-4.013-.1-5.837 1.635l-3.182 3.619M35.57 32.006l-1.44 4.6c-.55 2.007-.428 4.675 1.635 5.835s4.676.428 5.836-1.635l1.05-1.867l.623.35l1.245.7c2.064 1.16 4.677.428 5.837-1.635s.344-4.06-1.635-5.836l-3.62-3.183M33.77 22.963l-4.518-1.593c-.877-.309-1.786-.538-2.714-.594c-1.651-.1-3.07.3-3.956 1.695c-1.332 2.096-.457 4.925 1.708 6.142l1.676.943l-.35.622l-.608 1.081c-1.196 2.128-.488 4.95 1.678 6.074c2.015 1.046 3.965.116 5.7-1.708l3.183-3.62m6.862-12.202l1.44-4.6c.542-2.353.427-4.676-1.636-5.836S37.56 8.94 36.4 11.002l-1.05 1.868l-.623-.35l-1.245-.7a4.286 4.286 0 0 0-5.836 1.635c-1.16 2.063-.287 4.177 1.635 5.836l4.49 3.672"/></g></svg>

Comment utiliser l'icône Four Leaf Clover

React

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

<Icon icon="openmoji:four-leaf-clover" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:four-leaf-clover" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:four-leaf-clover" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--four-leaf-clover]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:four-leaf-clover"></div>

Web component

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

<iconify-icon icon="openmoji:four-leaf-clover"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/four-leaf-clover.svg" alt="Icône Four Leaf Clover" width="24" height="24">

Icônes similaires dans OpenMoji

L'icône Four Leaf Clover dans d'autres collections

FAQ : Icône Four Leaf Clover

L'icône Four Leaf Clover est-elle gratuite pour un usage commercial ?

Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Four Leaf Clover dans React ?

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

Comment ajouter l'icône Four Leaf Clover à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/four-leaf-clover.svg" alt="Icône Four Leaf Clover">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes OpenMoji →