Icône Piggy Bank
streamline-plump-color:piggy-bank
L'icône Piggy Bank (streamline-plump-color:piggy-bank) est une icône SVG gratuite de la collection Plump color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump color icons 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
- Plump color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Argent et achats
- Mots-clés
- piggybank
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M29.64 3.03Q30.718 3 32 3s1 2 1 8q0 .368-.005.716c3.113 1.594 5.495 4.241 6.823 7.537a28 28 0 0 1 2.687-.241c1.27-.046 2.27.91 2.367 2.179c.07.93.128 2.189.128 3.809s-.058 2.878-.128 3.81c-.096 1.267-1.097 2.224-2.367 2.178a26 26 0 0 1-2.054-.162c-.573 2.195-1.579 4.168-2.939 5.821a116 116 0 0 1 1.697 3.875c.487 1.167.165 2.514-.844 3.276c-.42.317-.854.623-1.219.832c-.372.213-.872.439-1.37.644c-1.154.476-2.462.088-3.228-.899c-.63-.813-1.434-1.87-2.272-3.025a16 16 0 0 1-3.958.594Q24.335 41.999 22 42c-2.335.001-2.995-.02-4.318-.056a16 16 0 0 1-3.958-.594a118 118 0 0 1-2.272 3.025c-.766.987-2.074 1.375-3.228.9a13 13 0 0 1-1.37-.645a12 12 0 0 1-1.22-.832c-1.008-.762-1.33-2.109-.843-3.276c.438-1.051 1.03-2.428 1.696-3.875c-2.197-2.67-3.47-6.177-3.486-10.107a132 132 0 0 1 0-1.08c.036-8.599 6.085-15.169 14.681-15.404Q19.665 10.001 22 10h.055c.437-3.959 3.464-6.858 7.584-6.97"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M29.64 3.03Q30.718 3 32 3s1 2 1 8q0 .368-.005.716c3.113 1.594 5.495 4.241 6.823 7.537a28 28 0 0 1 2.687-.241c1.27-.046 2.27.91 2.367 2.179c.07.93.128 2.189.128 3.809s-.058 2.878-.128 3.81c-.096 1.267-1.097 2.224-2.367 2.178a26 26 0 0 1-2.054-.162c-.573 2.195-1.579 4.168-2.939 5.821a116 116 0 0 1 1.697 3.875c.487 1.167.165 2.514-.844 3.276c-.42.317-.854.623-1.219.832c-.372.213-.872.439-1.37.644c-1.154.476-2.462.088-3.228-.899c-.63-.813-1.434-1.87-2.272-3.025a16 16 0 0 1-3.958.594Q24.335 41.999 22 42c-2.335.001-2.995-.02-4.318-.056a16 16 0 0 1-3.958-.594a118 118 0 0 1-2.272 3.025c-.766.987-2.074 1.375-3.228.9a13 13 0 0 1-1.37-.645a12 12 0 0 1-1.22-.832c-1.008-.762-1.33-2.109-.843-3.276c.438-1.051 1.03-2.428 1.696-3.875c-2.197-2.67-3.47-6.177-3.486-10.107a132 132 0 0 1 0-1.08c.036-8.599 6.085-15.169 14.681-15.404Q19.665 10.001 22 10h.055c.437-3.959 3.464-6.858 7.584-6.97M31 18v1"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M7.143 14C4.426 14 2 11.745 2 8.963s2.426-5.037 5.143-5.037C9.715 3.926 11 5.299 11 6.673m.5 11.818c1.774-1.783 4.283-2.887 7.23-2.963q.696-.02 1.454-.028"/></g></svg>
Comment utiliser l'icône Piggy Bank
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:piggy-bank" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:piggy-bank" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:piggy-bank" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--piggy-bank]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:piggy-bank"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:piggy-bank"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/piggy-bank.svg" alt="Icône Piggy Bank" width="24" height="24">
Icônes similaires dans Plump color icons
L'icône Piggy Bank dans d'autres collections
FAQ : Icône Piggy Bank
L'icône Piggy Bank est-elle gratuite pour un usage commercial ?
Oui. Les Plump color icons 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 Piggy Bank dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-plump-color:piggy-bank" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Piggy Bank à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-plump-color/piggy-bank.svg" alt="Icône Piggy Bank">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Plump color icons →
ICONYZ
