Ícone Saving Bag Increase
streamline-freehand-color:saving-bag-increase
O ícone Saving Bag Increase (streamline-freehand-color:saving-bag-increase) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Dinheiro, pagamentos e finanças
- Tags
- savingbag, bagincrease, savingbagincrease
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M6.174 15.08a5.45 5.45 0 0 0-3.69.13C.808 15.858.38 17.065.599 17.963c-.19.453-.252.95-.18 1.436c.35 2.702 4.269 3.161 6.323 1.675a2.6 2.6 0 0 0 .868-2.922a2.344 2.344 0 0 0-1.436-3.072m-3.43.888a4.44 4.44 0 0 1 2.991.11c.515.19.88.652.948 1.197c.05 1.396-2.414 2.224-4.289 1.466c-1.546-.639-1.635-2.204.35-2.773m3.48 4.298c-1.197.689-4.917 1.117-5.076-1.386a4.72 4.72 0 0 0 5.874.13a1.49 1.49 0 0 1-.798 1.256m14.271-8.576c-2.064-.788-6.183.279-5.635 2.423a2.24 2.24 0 0 0 .33 2.523c1.805 1.995 7.17 1.995 6.661-2.164c.509-.937.13-2.144-1.356-2.782m-3.39.788a5.2 5.2 0 0 1 2.991.21c2.384 1.076-.548 2.99-3.36 2.063c-1.686-.538-1.736-1.844.368-2.273m3.07 4.039c-1.335.608-4.786.309-4.796-1.596a5.27 5.27 0 0 0 5.794.32a1.56 1.56 0 0 1-.997 1.276m-4.517 3.44c.35-.997-.2-2.144-1.775-2.523c-2.134-.439-6.064 1.257-5.186 3.301a2.25 2.25 0 0 0 .728 2.444a4.73 4.73 0 0 0 4.189.568a2.822 2.822 0 0 0 2.044-3.79m-4.986-1.197a5.2 5.2 0 0 1 2.992-.279c2.523.678-.08 2.992-2.992 2.593c-1.875-.319-1.865-1.645-.01-2.353zm3.66 3.481c-1.287.868-4.688 1.047-4.987-.788a5.3 5.3 0 0 0 5.775-.628a1.58 1.58 0 0 1-.798 1.376z"/><path fill="#0c6fff" d="M23.138.011c-.998-.169-4.05 1.596-4.07 1.676c-.298.997 2.354-.12 3.112-.379c-1.835 2.992-2.902 4.059-3.08 4.518c-.18.459-1.047-.718-1.277-.828C15.558 3.412 15 4.19 13.374 6.693a.3.3 0 0 0 .489.34a11.4 11.4 0 0 1 1.665-1.796c.619-.528 1.805.998 2.922 1.596a1 1 0 0 0 1.217-.07c.938-.828 2.543-3.89 3.092-4.986l.22 2.034a.34.34 0 1 0 .667 0c.13-2.583.33-3.61-.508-3.8M1.487 13.355a3.2 3.2 0 0 1-.36-1.316A7.53 7.53 0 0 1 3.173 7.61c1.316-1.386 1.516-.728 1.995-1.107a.3.3 0 0 0 0-.419c-.27-.379-.998-.11-1.417.07C1.038 7.292-.837 11.21.918 13.705a.334.334 0 1 0 .569-.35m6.203-7.12a4.986 4.986 0 0 1 3.929 5.285a6 6 0 0 1-1.267 3.271c-.299.25.09.698.39.45a6.67 6.67 0 0 0 1.904-3.531c.688-2.992-1.885-5.874-4.877-6.144a.34.34 0 0 0-.08.669M3.69 4.848c.659.708.838.908.998.938a.28.28 0 0 0 .339-.08c.339-.369-2.354-2.643-1.456-3.211a1 1 0 0 1 1.207.24c.508.597.548.677.668.747a.69.69 0 0 0 .837-.17c.27-.279.3-.598.888-.997c.2-.15.609-.369.768-.18c.33.4.07.838.29 1.177c.127.23.413.319.647.2q.234-.15.44-.34c.08-.059.308-.099.428-.189a4 4 0 0 1-.628 1.815a.34.34 0 0 0 .598.32a7 7 0 0 0 .708-1.586a2.1 2.1 0 0 0 .06-.947c-.09-.519-.548-.848-1.446-.4C8.736.7 7.161.352 5.735 2.057c-.08.1 0 .2-.28-.16a1.995 1.995 0 0 0-2.492-.19c-1.157.898-.25 2.095.728 3.142"/><path fill="#020202" d="M6.962 10.403c-.399-.14-.718-.16-1.396-.389c-.16-.21.478-.907.798-.897l.877.349a.3.3 0 0 0 .11-.589c-.27-.07-.3-.299-.788-.448a1.11 1.11 0 0 0-.419-1.387c-.23 0-.798.699-.439 1.476c-1.336.579-1.835 2.135-.19 2.673a6.4 6.4 0 0 1 1.776.599c.08 0-.13.14-.24.179a4.4 4.4 0 0 1-1.645.24a.34.34 0 0 0-.09.668q.395.075.798.07c-.17.568.35 1.376.649 1.336s.618-1.057.239-1.416h.319c1.257-.36 1.446-1.835-.36-2.464"/></g></svg>
Como usar o ícone Saving Bag Increase
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:saving-bag-increase" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:saving-bag-increase" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:saving-bag-increase" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--saving-bag-increase]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:saving-bag-increase"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:saving-bag-increase"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/saving-bag-increase.svg" alt="Ícone Saving Bag Increase" width="24" height="24">
Ícones relacionados em Freehand color icons
O ícone Saving Bag Increase em outras coleções
Perguntas frequentes sobre Ícone Saving Bag Increase
O ícone Saving Bag Increase é grátis para uso comercial?
Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Saving Bag Increase no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:saving-bag-increase" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Saving Bag Increase a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/saving-bag-increase.svg" alt="Ícone Saving Bag Increase">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Freehand color icons →
ICONYZ
