Icône Snail

token-branded:snail

L'icône Snail (token-branded:snail) 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

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"><path fill="url(#SVGX63ePezS)" d="M10.668 6.564c-1.457 0-5.469 3.496-7.292 5.243c-.488 1.313.61 1.858 1.22 1.969c2.728 0 7.286-5.9 7.286-6.555c0-.523-.813-.657-1.214-.657"/><path fill="url(#SVGha3gKbwy)" d="M8.846 6.564c-2.671.268-4.355 2.294-4.86 3.28c1.515.326 2.125-.33 3.037-1.311c.731-.784 3.344-1.423 4.558-1.638a12.2 12.2 0 0 0-2.735-.33"/><path fill="#d2adfd" d="M5.501 10.5c-1.213 0-1.515-.441-1.515-.656h1.22c.603 0 1.579-1.202 2.119-1.637c1.219-.987 2.734-1.312 4.256-1.312c-1.522 1.201-4.86 3.6-6.08 3.6z"/><path fill="url(#SVGSKkKobBa)" d="M4.59 13.12c-1.214 0-1.313-.87-1.214-1.312c-.133.482-.366 1.347-.302 1.968c.076.801.563 1.312 1.516 1.312c2.13 0 8.227-4.83 9.44-4.83c.97 0 1.092.348 1.196.569c-.203-.767-.911-2.294-2.125-2.294c-1.521 0-6.99 4.587-8.511 4.587"/><path fill="url(#SVGyrp5u1zC)" d="M14.315 11.807c-3.89 1.05-7.293 5.028-8.506 6.886a6 6 0 0 0 1.823.325c2.729 0 7.896-4.262 7.896-5.9c0-1.311-.813-1.416-1.22-1.311z"/><path fill="url(#SVGopyukd1u)" d="M4.59 18.693c-.726 0-1.11 1.092-1.214 1.638c0 .656 2.735.325 3.037 0C6.72 20 5.5 18.693 4.59 18.693"/><path fill="url(#SVGj9igscAx)" d="M14.013 10.17c-3.176.087-7.896 4.918-9.424 4.918c-.603 0-1.213-.656-1.515-1.312c-.302 1.312.302 2.624 2.125 2.624s5.771-2.299 7.896-3.605c1.707-1.046 2.335-.656 2.439-.332l-.308-1.637c-.302-.656-.61-.673-1.219-.656z"/><path fill="url(#SVGBVACMeVo)" d="M5.943 18.769c.272.116.946.25 2.299.25c2.137 0 4.57-.988 6.398-2.95c1.83-1.968 3.35-6.224 5.18-6.224c1.828 0 1.828 5.574-2.132 8.517c-1.526 1.313-4.203 1.969-6.398 1.969c-2.09 0-4.355-.993-5.342-1.562z"/><path fill="url(#SVGcLhAWcBB)" d="M14.408 6.832c-.894-.522-.75-1.103-.558-1.323c.558-.662 2.236 0 3.077 1.654c.837 1.655.28 3.64-.284 3.972c-.558.33-1.115-3.64-2.235-4.297z"/><path fill="url(#SVGJ7VwRcLs)" d="M16.23 4.869c-.893-.534-.748-1.103-.556-1.324c.557-.662 2.235 0 3.077 1.655c.836 1.655.278 3.64-.285 3.971c-.557.331-1.115-3.64-2.235-4.302"/><defs><linearGradient id="SVGX63ePezS" x1="19.74" x2="2.086" y1="4.091" y2="15.275" gradientUnits="userSpaceOnUse"><stop stop-color="#3f12b7"/><stop offset="1" stop-color="#2f0fd2"/></linearGradient><linearGradient id="SVGha3gKbwy" x1="12" x2="10.011" y1="3.292" y2="14.896" gradientUnits="userSpaceOnUse"><stop stop-color="#c28efa"/><stop offset="1" stop-color="#e6c2ff"/></linearGradient><linearGradient id="SVGSKkKobBa" x1="18.302" x2=".834" y1="4.156" y2="9.231" gradientUnits="userSpaceOnUse"><stop stop-color="#87caff"/><stop offset="1" stop-color="#5e7ef5"/></linearGradient><linearGradient id="SVGyrp5u1zC" x1="19.731" x2="2.076" y1="4.09" y2="15.276" gradientUnits="userSpaceOnUse"><stop stop-color="#004f9e"/><stop offset="1" stop-color="#02628a"/></linearGradient><linearGradient id="SVGopyukd1u" x1="19.734" x2="2.079" y1="4.044" y2="15.255" gradientUnits="userSpaceOnUse"><stop stop-color="#49d2e5"/><stop offset="1" stop-color="#58fccc"/></linearGradient><linearGradient id="SVGj9igscAx" x1="19.682" x2="2.539" y1="4.227" y2="8.818" gradientUnits="userSpaceOnUse"><stop stop-color="#bbe9f9"/><stop offset="1" stop-color="#607eff"/></linearGradient><linearGradient id="SVGBVACMeVo" x1="19.589" x2="3.342" y1="4.921" y2="13.617" gradientUnits="userSpaceOnUse"><stop stop-color="#d2fcd2"/><stop offset="1" stop-color="#53dbed"/></linearGradient><linearGradient id="SVGcLhAWcBB" x1="6.462" x2="13.637" y1="4.041" y2="20.927" gradientUnits="userSpaceOnUse"><stop stop-color="#c4f4e4"/><stop offset="1" stop-color="#84ffbb"/></linearGradient><linearGradient id="SVGJ7VwRcLs" x1="16.23" x2="19.418" y1="3.545" y2="8.033" gradientUnits="userSpaceOnUse"><stop stop-color="#c4f4e4"/><stop offset="1" stop-color="#84ffbb"/></linearGradient></defs></g></svg>

Comment utiliser l'icône Snail

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:snail" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:snail" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:snail" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--snail]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:snail"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:snail"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/token-branded/snail.svg" alt="Icône Snail" width="24" height="24">

Icônes similaires dans Web3 Icons Branded

L'icône Snail dans d'autres collections

FAQ : Icône Snail

L'icône Snail 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 Snail dans React ?

Installez @iconify/react et affichez <Icon icon="token-branded:snail" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Snail à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/snail.svg" alt="Icône Snail">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Web3 Icons Branded →