Icône Sparkles

openmoji:sparkles

L'icône Sparkles (openmoji:sparkles) 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: Activités
Mots-clés: sparkle

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="#fcea2b" d="M25.705 40.107c.146.805.925 1.462 1.968 1.659l11.906 2.25c.557.104.564.702.006.808l-11.919 2.252c-1.043.197-1.815.852-1.96 1.657l-3.157 17.493c-.087.48-1.007.48-1.094 0l-3.156-17.492c-.146-.805-.918-1.461-1.961-1.658l-11.92-2.252c-.557-.105-.557-.702 0-.807l11.92-2.253c1.043-.197 1.172-1.141 1.317-1.946l2.653-14.092c.087-.482 2.154-3.595 2.24-3.113z"/><path fill="#f1b31c" d="m22.65 66.226l1.582-15.404c-2.8-4.618-3.87-9.41-5.173-12.822l-1.355 2.12c-.135.805-.852 1.46-1.82 1.657L4.815 44.028c-.517.106-.517.702 0 .807l11.067 2.25c.968.198 2.686.853 2.82 1.658l2.931 17.483c.08.48.935.48 1.016 0"/><path fill="#fcea2b" d="M46.676 19.305c.105.581.668 1.056 1.421 1.198l8.599 1.625c.402.076.407.507.004.583l-8.608 1.627c-.753.142-1.311.616-1.416 1.197l-2.28 12.634c-.062.347-.727.347-.79 0l-2.28-12.634c-.104-.581-.662-1.055-1.415-1.197l-8.609-1.626c-.402-.077-.402-.507 0-.583l8.609-1.627c.753-.142.846-.825.951-1.406l1.793-10.178c.063-.347 1.679-2.595 1.741-2.248z"/><path fill="#f1b31c" d="m44.747 38.169l.865-11.125c-2.022-3.336-3.517-6.796-4.458-9.26l-.257 1.53c-.097.582-.615 1.055-1.315 1.197l-7.992 1.626c-.374.076-.374.507 0 .583l7.992 1.625c.7.142 2.218.616 2.315 1.197l2.116 12.627c.059.347.676.347.734 0"/><path fill="#fcea2b" d="M56.882 48.936c.087.464.55.842 1.168.955l7.066 1.296c.331.06.335.405.004.465l-7.074 1.297c-.619.114-1.077.491-1.164.955L55.01 63.978c-.051.277-.598.277-.65 0l-1.873-10.074c-.086-.464-.544-.841-1.163-.955l-7.075-1.296c-.33-.061-.33-.405 0-.465l7.075-1.298c.619-.113.695-.657.782-1.12l1.473-8.117c.052-.277 1.38-2.07 1.431-1.792z"/><path fill="#f1b31c" d="m55.232 63.978l1.053-8.87c-1.612-2.66-2.804-5.42-3.555-7.385l-.204 1.22c-.078.464-.491.841-1.049.955l-6.373 1.296c-.299.06-.299.404 0 .465l6.373 1.296c.558.113.97.491 1.049.954l2.12 10.07c.047.276.54.276.585 0"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m20 32l2.142-11.16l.7 4.176l2.33 13.905c.26 1.56 1.643 2.816 3.52 3.198L40 44.419l-11.316 2.303c-1.872.381-3.251 1.636-3.513 3.197L22.142 68l-3.029-18.08c-.261-1.561-1.64-2.816-3.513-3.197L4.284 44.42L15.6 42.118c1.873-.381 3.139-2.558 3.4-4.118m23.556-24.55l1.547-8.06l.505 3.016l1.682 10.043c.19 1.126 1.187 2.033 2.543 2.309L57 22.42l-8.173 1.663c-1.352.275-2.348 1.181-2.537 2.308L44.103 39.45l-2.188-13.058c-.189-1.127-1.185-2.034-2.537-2.309l-8.173-1.663l8.173-1.663c1.352-.275 2.267-1.847 2.455-2.974m12.015 26.484l1.234-6.427l.403 2.405l1.341 8.008c.151.899.947 1.622 2.028 1.842l6.512 1.325l-6.517 1.326c-1.078.22-1.872.942-2.023 1.84L55.082 65l-1.745-10.413c-.15-.899-.944-1.621-2.023-1.84l-6.517-1.327l6.517-1.326c1.079-.22 1.808-1.473 1.958-2.371"/></svg>

Comment utiliser l'icône Sparkles

React

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

<Icon icon="openmoji:sparkles" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:sparkles" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:sparkles" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:sparkles"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/sparkles.svg" alt="Icône Sparkles" width="24" height="24">

L'icône Sparkles dans d'autres collections

FAQ : Icône Sparkles

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

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

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

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

Voir toutes les Icônes OpenMoji →