Icône Spleen
pinhead:spleen
L'icône Spleen (pinhead:spleen) est une icône SVG gratuite de la collection Pinhead Map Icons par Quincy Morgan. Elle est dessinée sur une grille de 15 × 15. Les Pinhead Map Icons sont publiées sous la licence CC0, 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
- Pinhead Map Icons
- Auteur
- Quincy Morgan
- Licence
- CC0-1.0
- Taille
- 15 × 15
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M8.37.31c1.64.56 3.24 1.96 4.26 4.7c1.24 3.35 1 5.64.23 7.17c-.76 1.53-1.98 2.16-2.35 2.36c-.21.11-.55.21-.9.28c-.37.08-.83.16-1.32.17c-.48.02-1.02-.01-1.51-.15c-.51-.14-1.02-.4-1.38-.9c-1.22-1.71-.42-3.33-.06-4.05c.03-.05.06-.1.08-.15c.17-.35.32-.7.27-1.13c.14.04.29.09.43.14c.28.11.53.24.7.34c.09.05.16.09.2.12c.03.01.04.02.05.03l.01.01a.751.751 0 1 0 .88-1.22l-.01-.01l-.02-.01a1 1 0 0 1-.08-.05c-.06-.04-.16-.1-.27-.17c-.13-.07-.28-.16-.46-.24l.21-.06c.4-.1.65-.5.54-.91a.75.75 0 0 0-.91-.54c-.99.25-1.77.5-2.48.84c0 .01.01.01.01.02a2 2 0 0 0-.21-.16C3 5.77 2.23 4.62 2.25 3.39c.03-1.25.88-2.25 2.13-2.91c.86-.45 2.4-.72 3.99-.17m.37 2.5a.77.77 0 0 0-1.06.12c-.25.33-.2.8.12 1.06c.38.29.78.78 1.14 1.35c.35.56.64 1.16.79 1.65c.55 1.79.53 3.08.14 3.97a.751.751 0 1 0 1.38.6c.59-1.36.53-3.06-.08-5.01c-.2-.64-.54-1.35-.95-2.01c-.41-.65-.92-1.29-1.48-1.73M4.47 6.89c.83.64 1.17 1.19 1.22 1.72c-.45-.11-.89-.12-1.25.04c-.02.01-.04.02-.06.02c-.49.36-.96.84-1.54 1.56c-.26.32-.73.38-1.06.12a.757.757 0 0 1-.12-1.05c.79-.97 1.47-1.65 2.31-2.15c.16-.1.33-.18.5-.26"/></svg>Comment utiliser l'icône Spleen
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:spleen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:spleen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:spleen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--spleen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:spleen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:spleen"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/pinhead/spleen.svg" alt="Icône Spleen" width="24" height="24">L'icône Spleen dans d'autres collections
FAQ : Icône Spleen
L'icône Spleen est-elle gratuite pour un usage commercial ?
Oui. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Spleen dans React ?
Installez @iconify/react et affichez <Icon icon="pinhead:spleen" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Spleen à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pinhead/spleen.svg" alt="Icône Spleen">, ou collez le code SVG directement dans la page pour le styliser en CSS.