Icône Pickle Background
token-branded:pickle-background
L'icône Pickle Background (token-branded:pickle-background) est une icône SVG gratuite de la collection Web3 Icons Branded par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons Branded 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
- Web3 Icons Branded
- Auteur
- 0xa3k5
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- picklebackground
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#10a203" d="M11.028 8.833c-.833 1.018-3.854 3.44-5.261 4.524c-.833.6-2.168 2.326-.844 4.417c1.324 2.092 3.585 1.815 4.55 1.416c3.196-2.475 9.65-8.19 9.9-11.252c.314-3.827-3.01-3.668-3.908-3.524s-3.395 3.149-4.437 4.42"/><path fill="#127812" fill-rule="evenodd" d="M19.085 5.878c-1.033 1.532-2.704 3.914-4.257 5.828c-2.436 3.002-6.508 6.022-8.692 5.208c-.924-.345-1.439-.942-1.707-1.53c-.15.695-.063 1.51.494 2.391c1.324 2.091 3.585 1.815 4.55 1.416c3.196-2.475 9.65-8.19 9.901-11.252c.073-.883-.048-1.553-.289-2.061" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M16.839 5.086c-.55-.039-1.103.107-1.495.398c-.934.694-2.11 1.939-4.013 3.952l-.221.234c-.906.959-1.916 1.696-2.83 2.363l-.42.309c-1.037.765-1.887 1.46-2.425 2.364a2.64 2.64 0 0 0-.291 1.986c.148.633.48 1.148.773 1.407c.793.702 1.548.878 2.242.807c.72-.075 1.424-.42 2.067-.851c.315-.21.866-.687 1.563-1.35a63 63 0 0 0 2.303-2.324c1.63-1.727 3.253-3.606 4.016-4.766c.748-1.134.882-1.907.806-2.458c-.076-.563-.383-1.006-.772-1.477c-.279-.34-.753-.556-1.303-.594m.073-1.078c.758.053 1.538.358 2.05.98c.404.49.888 1.136 1.01 2.022c.122.898-.14 1.935-.976 3.205c-.82 1.245-2.5 3.183-4.133 4.912a64 64 0 0 1-2.343 2.365c-.695.66-1.306 1.196-1.705 1.463c-.705.473-1.579.926-2.548 1.025c-.995.102-2.043-.174-3.052-1.069c-.475-.42-.915-1.14-1.11-1.97c-.197-.846-.147-1.845.416-2.792c.661-1.111 1.677-1.917 2.71-2.68l.435-.319c.916-.67 1.84-1.345 2.673-2.227l.297-.314c1.829-1.935 3.065-3.244 4.078-3.995c.625-.465 1.438-.658 2.198-.606" clip-rule="evenodd"/><path fill="#29b31c" fill-rule="evenodd" d="M16.099 6.492a.249.249 0 0 0-.102-.487a.81.81 0 0 0-.55.44c-.08.16-.126.335-.132.513a.246.246 0 1 0 .491.013a.75.75 0 0 1 .077-.296q.074-.151.216-.183m.269 1.608a.25.25 0 0 1-.19.295c-.096.02-.165.084-.216.183a.7.7 0 0 0-.076.296a.25.25 0 0 1-.252.242a.25.25 0 0 1-.24-.255c.004-.133.038-.33.132-.514a.81.81 0 0 1 .55-.44a.246.246 0 0 1 .292.193m-2.606.748a.25.25 0 0 0-.102-.487a.8.8 0 0 0-.55.44a1.2 1.2 0 0 0-.132.513a.246.246 0 1 0 .492.013a.7.7 0 0 1 .076-.296c.051-.099.12-.163.216-.183m-1.906 1.915a.25.25 0 0 0 .186-.292a.25.25 0 0 0-.284-.196a.94.94 0 0 0-.644.497a1.4 1.4 0 0 0-.16.595a.246.246 0 1 0 .492.014c.002-.09.03-.24.1-.37a.45.45 0 0 1 .31-.248M9.36 12.784a.248.248 0 0 0 .08-.443a.25.25 0 0 0-.178-.044a.94.94 0 0 0-.644.497a1.4 1.4 0 0 0-.16.596a.247.247 0 0 0 .335.24a.25.25 0 0 0 .157-.227a.9.9 0 0 1 .1-.371a.45.45 0 0 1 .31-.248m-.315 1.781a.25.25 0 0 1-.192.294a.45.45 0 0 0-.31.247a.9.9 0 0 0-.1.371a.247.247 0 0 1-.347.22a.25.25 0 0 1-.145-.233c.005-.155.046-.385.16-.596a.94.94 0 0 1 .644-.497a.24.24 0 0 1 .253.105q.028.04.037.09m-1.979.11a.25.25 0 0 1-.192.294a.45.45 0 0 0-.31.248a.9.9 0 0 0-.1.371a.247.247 0 1 1-.491-.014c.004-.154.045-.384.16-.595a.94.94 0 0 1 .643-.497a.246.246 0 0 1 .29.194m4.534-2.052a.25.25 0 0 1-.192.294a.45.45 0 0 0-.31.247a.9.9 0 0 0-.1.372a.247.247 0 1 1-.491-.014c.004-.154.046-.384.16-.596a.94.94 0 0 1 .643-.497a.244.244 0 0 1 .29.194m2.108-1.805a.25.25 0 0 1-.19.295c-.096.02-.165.084-.216.184a.7.7 0 0 0-.076.295a.247.247 0 0 1-.347.22a.25.25 0 0 1-.145-.233c.004-.133.037-.33.133-.513a.8.8 0 0 1 .55-.44a.25.25 0 0 1 .254.103q.027.04.037.09" clip-rule="evenodd"/><path fill="#1f8424" fill-rule="evenodd" d="M16.787 9.82a.25.25 0 0 1 .208-.281q.144-.024.227-.169c.06-.1.089-.219.095-.29a.246.246 0 0 1 .267-.226a.25.25 0 0 1 .223.27a1.2 1.2 0 0 1-.165.505a.8.8 0 0 1-.576.402a.25.25 0 0 1-.184-.047a.25.25 0 0 1-.095-.163m-1.373 2.046a.25.25 0 0 1 .208-.283c.098-.013.17-.073.228-.168a.8.8 0 0 0 .095-.29a.245.245 0 0 1 .17-.215a.3.3 0 0 1 .097-.01a.25.25 0 0 1 .222.27a1.2 1.2 0 0 1-.164.504a.8.8 0 0 1-.577.403a.25.25 0 0 1-.279-.21m-2.086 2.261a.25.25 0 0 1 .208-.283c.097-.013.17-.073.227-.168a.7.7 0 0 0 .095-.29a.25.25 0 0 1 .087-.168a.25.25 0 0 1 .18-.058a.25.25 0 0 1 .223.271a1.25 1.25 0 0 1-.164.503a.8.8 0 0 1-.577.404a.24.24 0 0 1-.247-.12a.3.3 0 0 1-.032-.091m-2.664 2.655a.25.25 0 0 1 .208-.283c.097-.014.17-.073.227-.168c.06-.1.089-.219.095-.291a.247.247 0 0 1 .267-.225a.247.247 0 0 1 .223.27a1.25 1.25 0 0 1-.164.505a.8.8 0 0 1-.578.402a.24.24 0 0 1-.247-.12a.3.3 0 0 1-.031-.09m-2.6 1.275a.25.25 0 0 1 .209-.282c.097-.014.17-.074.227-.17a.7.7 0 0 0 .095-.29a.247.247 0 0 1 .267-.225a.25.25 0 0 1 .223.27a1.2 1.2 0 0 1-.164.505a.8.8 0 0 1-.578.402a.25.25 0 0 1-.246-.119a.3.3 0 0 1-.032-.09" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Pickle Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pickle-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pickle-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pickle-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pickle-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pickle-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pickle-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/pickle-background.svg" alt="Icône Pickle Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Pickle Background
L'icône Pickle Background est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pickle Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:pickle-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pickle Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/pickle-background.svg" alt="Icône Pickle Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.