Icône Clover 48 Bold
energy-icons:clover-48-bold
L'icône Clover 48 Bold (energy-icons:clover-48-bold) est une icône SVG gratuite de la collection Energy Icons par Sam Passmore. Elle est dessinée sur une grille de 48 × 48. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Energy Icons
- Auteur
- Sam Passmore
- Licence
- MIT
- Taille
- 48 × 48
- Mots-clés
- cloverbold
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M25.069 6.93c1.535-.471 3.06.359 4.002 1.928l.014.023c1.36 2.382.402 4.818-.695 6.69c-.564.962-1.242 1.903-1.83 2.737c-.612.864-1.117 1.6-1.442 2.252a1.25 1.25 0 0 1-2.236 0c-.326-.651-.832-1.387-1.443-2.252c-.59-.834-1.266-1.775-1.83-2.738c-1.097-1.871-2.056-4.307-.694-6.689l.012-.023c.942-1.57 2.468-2.4 4.002-1.927c.406.125.763.33 1.07.594a3 3 0 0 1 1.07-.594m-2.32 3.571l-.004-.153c-.045-.735-.406-.983-.551-1.028c-.09-.027-.56-.105-1.113.807c-.634 1.117-.342 2.43.684 4.18c.498.85 1.102 1.69 1.716 2.558q.259.367.518.745q.258-.377.518-.745c.614-.868 1.219-1.708 1.717-2.558c1.024-1.747 1.316-3.058.686-4.173c-.555-.92-1.026-.841-1.116-.814c-.155.048-.554.327-.554 1.181l-.007.128a1.25 1.25 0 0 1-2.487 0z"/><path fill="currentColor" d="M29.665 17.39c2.067-.378 4.587-.454 6.355 1.445l.168.19l.017.02c1.153 1.422 1.41 3.14.442 4.42a3 3 0 0 1-.924.802c.142.378.214.785.193 1.21c-.082 1.602-1.383 2.752-3.18 3.1l-.026.006c-2.704.464-4.666-1.27-6.05-2.94c-.711-.86-1.363-1.818-1.946-2.657c-.603-.87-1.122-1.597-1.623-2.126a1.25 1.25 0 0 1 .766-2.1c.723-.084 1.587-.307 2.608-.586c.986-.268 2.102-.583 3.2-.784m4.605 3.238c-.833-.971-2.165-1.143-4.155-.779c-.97.178-1.966.458-2.992.738q-.436.117-.877.231q.265.372.522.742c.607.874 1.19 1.729 1.818 2.488c1.293 1.56 2.425 2.284 3.69 2.072c1.05-.208 1.137-.675 1.142-.77c.009-.162-.117-.633-.92-.926a1.25 1.25 0 0 1 .856-2.35c.802.293 1.2.013 1.299-.116c.057-.076.292-.492-.383-1.33"/><path fill="currentColor" d="M11.81 19.025c1.774-2.093 4.39-2.025 6.524-1.634c1.098.2 2.214.515 3.2.784c1.02.278 1.885.502 2.608.585a1.25 1.25 0 0 1 .766 2.1c-.5.529-1.02 1.256-1.623 2.126c-.583.84-1.235 1.797-1.947 2.657c-1.383 1.67-3.345 3.404-6.049 2.94l-.027-.005c-1.796-.348-3.097-1.498-3.178-3.101a3 3 0 0 1 .19-1.21a3 3 0 0 1-.922-.801c-.969-1.28-.711-2.998.441-4.42zm6.074.825c-1.991-.365-3.324-.193-4.156.779c-.675.837-.439 1.254-.382 1.329c.098.13.497.41 1.299.117a1.25 1.25 0 0 1 .855 2.35c-.803.292-.928.764-.92.926c.005.095.094.561 1.142.77c1.265.212 2.398-.512 3.69-2.073c.629-.759 1.212-1.614 1.819-2.487q.256-.37.521-.743a63 63 0 0 1-.876-.231c-1.026-.28-2.023-.56-2.992-.737"/><path fill="currentColor" d="M25.25 20.001c0 9.845 1.97 17.577 5.79 23.307a1.25 1.25 0 1 1-2.08 1.386c-4.18-6.27-6.21-14.539-6.21-24.693z"/></svg>Comment utiliser l'icône Clover 48 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:clover-48-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:clover-48-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:clover-48-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--clover-48-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:clover-48-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:clover-48-bold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/clover-48-bold.svg" alt="Icône Clover 48 Bold" width="24" height="24">Icônes similaires dans Energy Icons
FAQ : Icône Clover 48 Bold
L'icône Clover 48 Bold est-elle gratuite pour un usage commercial ?
Oui. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Clover 48 Bold dans React ?
Installez @iconify/react et affichez <Icon icon="energy-icons:clover-48-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Clover 48 Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/energy-icons/clover-48-bold.svg" alt="Icône Clover 48 Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.