Ícone Piggy Bank
la:piggy-bank
O ícone Piggy Bank (la:piggy-bank) é um ícone SVG gratuito da coleção Line Awesome de Icons8. Ele é desenhado em uma grade de 32 × 32. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Line Awesome
- Autor
- Icons8
- Licença
- Apache-2.0
- Tamanho
- 32 × 32
- Categoria
- Política
- Tags
- piggybank, piggy bank solid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.5 4A4.516 4.516 0 0 0 9 8.5c0 .8.227 1.543.594 2.188c-1.801 1.054-3.211 2.55-3.969 4.312H5.5a.49.49 0 0 1-.5-.5c0-.176.09-.316.219-.406l-1.157-1.625A2.48 2.48 0 0 0 3 14.5c0 1.23.918 2.238 2.094 2.438C5.043 17.288 5 17.637 5 18c0 2.492 1.324 4.652 3.25 6.25c-.242 1-.121 2.066.656 2.844a3.063 3.063 0 0 0 4.313 0l.375-.375c.781.144 1.566.281 2.406.281s1.625-.137 2.406-.281l.375.375a3.063 3.063 0 0 0 4.313 0c.761-.762.875-1.797.656-2.782A9.2 9.2 0 0 0 25.781 22H28v-8h-2.281a9 9 0 0 0-1.282-1.625L25 9.281V8h-1s-2.402.04-4.438 1.563a16 16 0 0 0-1.625-.376q.061-.334.063-.687C18 6.027 15.973 4 13.5 4m0 2C14.89 6 16 7.11 16 8.5c0 .172-.031.336-.063.5c-1.613.008-3.136.32-4.53.844A2.4 2.4 0 0 1 11 8.5C11 7.11 12.11 6 13.5 6m9.25 4.188c.016-.004.016.003.031 0l-.375 2.28l-.093.532l.437.375a7 7 0 0 1 1.625 2.063l.281.562H26v4h-1.344l-.281.563c-.488.964-1.258 1.812-2.25 2.53l-.719.532l.438.813c.238.402.195.898-.157 1.25a1.017 1.017 0 0 1-1.468 0l-.719-.72l-.406-.374l-.532.125C17.75 24.906 16.887 25 16 25a11.5 11.5 0 0 1-2.563-.281l-.53-.125l-.407.375l-.719.718a1.017 1.017 0 0 1-1.469 0a1.005 1.005 0 0 1-.156-1.25l.438-.812l-.719-.531C8.066 21.78 7 19.988 7 18c0-3.742 3.91-7 9-7c1.23 0 2.402.184 3.469.531l.531.188l.438-.375c.714-.637 1.597-.98 2.312-1.156M22 16c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
Como usar o ícone Piggy Bank
React
import { Icon } from "@iconify/react";
<Icon icon="la:piggy-bank" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:piggy-bank" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:piggy-bank" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--piggy-bank]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:piggy-bank"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:piggy-bank"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/la/piggy-bank.svg" alt="Ícone Piggy Bank" width="24" height="24">
O ícone Piggy Bank em outras coleções
Perguntas frequentes sobre Ícone Piggy Bank
O ícone Piggy Bank é grátis para uso comercial?
Sim. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Piggy Bank no React?
Instale @iconify/react e renderize <Icon icon="la:piggy-bank" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Piggy Bank a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/la/piggy-bank.svg" alt="Ícone Piggy Bank">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Line Awesome →
ICONYZ
