Icône Pig
griddy-icons:pig
L'icône Pig (griddy-icons:pig) est une icône SVG gratuite de la collection Griddy Icons par Zuzana Benova. Elle est dessinée sur une grille de 24 × 24. Les Griddy 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
- Griddy Icons
- Auteur
- Zuzana Benova
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.5 16a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-2-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M12 10.5c-2.863 0-5.5 1.86-5.5 4.5s2.637 4.5 5.5 4.5s5.5-1.86 5.5-4.5s-2.637-4.5-5.5-4.5M8 15c0-1.501 1.616-3 4-3s4 1.499 4 3s-1.616 3-4 3s-4-1.499-4-3" clip-rule="evenodd"/><path d="M16.25 10.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M9 9.25a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/><path fill-rule="evenodd" d="M3.517 7.209a11.65 11.65 0 0 0-1.514 4.72c-.251 2.637.12 5.188 1.709 7.084C5.312 20.923 8.002 22 12 22s6.688-1.076 8.288-2.987c1.588-1.896 1.96-4.447 1.709-7.084a11.8 11.8 0 0 0-1.486-4.734a2.75 2.75 0 0 0 1.49-2.445V2h-2.92c-.729 0-1.43.288-1.946.805l-.465.464A9.26 9.26 0 0 0 12 2c-1.678 0-3.26.47-4.65 1.29l-.485-.485A2.75 2.75 0 0 0 4.92 2H2v2.75a2.75 2.75 0 0 0 1.517 2.459m-.02 4.862C3.952 7.298 7.707 3.5 12 3.5c4.3 0 8.034 3.64 8.503 8.571c.234 2.448-.144 4.522-1.365 5.98C17.93 19.493 15.751 20.5 12 20.5s-5.93-1.006-7.138-2.45c-1.22-1.457-1.599-3.531-1.365-5.979M6.1 4.161l-.295-.296A1.25 1.25 0 0 0 4.92 3.5H3.5v1.25c0 .558.364 1.03.868 1.19A11 11 0 0 1 6.1 4.16Zm14.4.589a1.25 1.25 0 0 1-.83 1.178a10.6 10.6 0 0 0-1.744-1.793l.27-.27c.233-.233.552-.365.884-.365h1.42z" clip-rule="evenodd"/></g></svg>
Comment utiliser l'icône Pig
React
import { Icon } from "@iconify/react";
<Icon icon="griddy-icons:pig" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="griddy-icons:pig" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="griddy-icons:pig" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--pig]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:pig"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:pig"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/griddy-icons/pig.svg" alt="Icône Pig" width="24" height="24">
Icônes similaires dans Griddy Icons
L'icône Pig dans d'autres collections
FAQ : Icône Pig
L'icône Pig est-elle gratuite pour un usage commercial ?
Oui. Les Griddy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pig dans React ?
Installez @iconify/react et affichez <Icon icon="griddy-icons:pig" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pig à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/griddy-icons/pig.svg" alt="Icône Pig">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Griddy Icons →
ICONYZ
