Icône Saving Bag Increase

streamline-freehand-color:saving-bag-increase

L'icône Saving Bag Increase (streamline-freehand-color:saving-bag-increase) est une icône SVG gratuite de la collection Freehand color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand 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: Freehand color icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Argent, paiements et finance
Mots-clés: savingbag, bagincrease, savingbagincrease

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/saving-bag-increase.svg" alt="Icône Saving Bag Increase" width="24" height="24">

Icônes similaires dans Freehand color icons

L'icône Saving Bag Increase dans d'autres collections

FAQ : Icône Saving Bag Increase

L'icône Saving Bag Increase est-elle gratuite pour un usage commercial ?

Oui. Les Freehand 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 Saving Bag Increase dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand-color:saving-bag-increase" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Saving Bag Increase à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/saving-bag-increase.svg" alt="Icône Saving Bag Increase">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand color icons →