ICONYZ
Français
Icône Sweatsplash de Firefox OS Emoji

Icône Sweatsplash

fxemoji:sweatsplash

L'icône Sweatsplash (fxemoji:sweatsplash) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, 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
Firefox OS Emoji
Auteur
Mozilla
Licence
Apache-2.0
Taille
512 × 512
Catégorie
Personnes
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#59CAFC" d="M142.3 150.8L336.5 228c61.2 18.6 126-16 144.5-77.3c18.6-61.2-16-126-77.3-144.5c-22.8-6.9-46.1-6.5-67.3 0L142.3 83.3c-18.6 5.6-29.2 25.4-23.5 44c3.6 11.6 12.8 20.2 23.5 23.5"/><path fill="#00B1FF" d="M336.5 228L308 216.7c63.6 17.8 130-18.3 149.3-81.8C470 93.1 459.1 50 432.4 19.4c42.7 27.2 64.1 80.4 48.6 131.3c-18.6 61.3-83.3 95.8-144.5 77.3"/><path fill="#76DFFF" d="M68.7 248.6L184.9 360c32.6 37 29.1 93.4-7.9 126s-93.4 29.1-126.1-7.9C38.8 464.4 31.7 448 29.4 431l-8.1-160.8c-2-14.9 8.4-28.6 23.3-30.6c9.4-1.2 18.3 2.5 24.1 9"/><path fill="#59CAFC" d="m207.3 425.9l-.5-23.6c-4.3 50.7-48.2 89-99.3 85.8C74 486 45.8 466.5 30.9 439c8.2 38.2 40.8 67.9 81.7 70.5c49.2 3.1 91.6-34.3 94.7-83.6"/><path fill="#B0E9FF" d="m260.5 364.7l52.7 105c18.8 30.7 58.9 40.4 89.6 21.6s40.4-58.9 21.6-89.6c-7-11.4-16.9-19.9-28.2-25.1l-110.4-40.2c-9.9-4.6-21.7-.3-26.3 9.7c-3 6.1-2.3 13.1 1 18.6"/><path fill="#76DFFF" d="m313.1 469.7l-7.7-15.4c20 31.2 61.4 40.9 93.3 21.5c20.9-12.8 32.5-35 32.7-57.8c7.8 27.4-3.2 57.7-28.7 73.3c-30.7 18.7-70.8 9.1-89.6-21.6"/></svg>

Comment utiliser l'icône Sweatsplash

React

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

<Icon icon="fxemoji:sweatsplash" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:sweatsplash" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:sweatsplash" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:sweatsplash"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/sweatsplash.svg" alt="Icône Sweatsplash" width="24" height="24">

FAQ : Icône Sweatsplash

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

Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Sweatsplash dans React ?

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

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

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

Voir toutes les Icônes Firefox OS Emoji →