Icône Fish4 Happy
codicon:fish4-happy
L'icône Fish4 Happy (codicon:fish4-happy) est une icône SVG gratuite de la collection Codicons par Microsoft Corporation. Elle est dessinée sur une grille de 24 × 24. Les Codicons 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
- Codicons
- Auteur
- Microsoft Corporation
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Mots-clés
- fish4happy
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.7.5c-1.44.59-2.54 1.66-2.98 2.97c.52-.31 1.08-.55 1.67-.72c.29-.83.74-1.59 1.31-2.25m.55 2c.4 0 .79.04 1.17.11C7.99 1.63 8.79.8 9.75.18C9.27.07 8.77.01 8.25.01c-.17 0-.34.02-.5.03c-.95.62-1.72 1.49-2.19 2.51c.23-.02.46-.05.7-.05zm2.19.35c1.17.39 2.2 1.08 2.98 1.97c.37-.63.58-1.33.58-2.08c0-.68-.17-1.33-.48-1.91c-.15-.09-.32-.16-.48-.24c-1.07.5-1.97 1.28-2.59 2.25zm4.06 8.57c.33.05.66.08 1 .08c.55 0 1.08-.08 1.59-.21c.17-.33.32-.67.44-1.03c-.76-.52-1.62-.9-2.54-1.1c-.02.8-.2 1.55-.49 2.26m2.63-7.65s-.04-.09-.08-.14c-1.22.61-2.2 1.43-2.81 2.38c.21.39.38.81.51 1.24c.9.55 1.97.97 3.15 1.22c.05-.35.09-.71.09-1.09c.01-.04.01-.09.01-.13c0-1.31-.33-2.51-.87-3.48M12 9c0-3.04-2.57-5.5-5.75-5.5S.5 5.96.5 9c0 .39-.31 2.01-.44 2.69c-.04.19.03.38.18.51l.24.2c.18.15.36.29.55.42c.45-.14.85-.35 1.12-.62c.2-.2.51-.2.71 0s.2.51 0 .71c-.21.21-.48.39-.78.55c1.24.65 2.61 1.01 4.02 1.04h.42c3.06-.13 5.5-2.54 5.5-5.5zM2 10.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75s.75.34.75.75s-.34.75-.75.75M4.5 12c-.28 0-.5-.22-.5-.5s.22-.5.5-.5c.96 0 1.75-.79 1.75-1.75c0-.28.22-.5.5-.5s.5.22.5.5C7.25 10.77 6.02 12 4.5 12m7.52.34c-.2.33-.43.64-.69.92c.53.14 1.09.24 1.67.24c.16 0 .32-.02.48-.03c.33-.31.62-.66.89-1.03c-.29.03-.58.06-.87.06c-.51 0-1-.07-1.48-.16m-3.15 2.65c.36.15.74.27 1.13.35c.78-.17 1.51-.48 2.18-.89a7 7 0 0 1-1.7-.4c-.49.38-1.03.69-1.61.93z"/></svg>Comment utiliser l'icône Fish4 Happy
React
import { Icon } from "@iconify/react";
<Icon icon="codicon:fish4-happy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="codicon:fish4-happy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="codicon:fish4-happy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--fish4-happy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:fish4-happy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="codicon:fish4-happy"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/codicon/fish4-happy.svg" alt="Icône Fish4 Happy" width="24" height="24">Icônes similaires dans Codicons
FAQ : Icône Fish4 Happy
L'icône Fish4 Happy est-elle gratuite pour un usage commercial ?
Oui. Les Codicons 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 Fish4 Happy dans React ?
Installez @iconify/react et affichez <Icon icon="codicon:fish4-happy" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Fish4 Happy à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/codicon/fish4-happy.svg" alt="Icône Fish4 Happy">, ou collez le code SVG directement dans la page pour le styliser en CSS.