ICONYZ
Français
Icône Kicks de Web3 Icons

Icône Kicks

token:kicks

L'icône Kicks (token:kicks) est une icône SVG gratuite de la collection Web3 Icons par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 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
Auteur
0xa3k5
Licence
MIT
Taille
24 × 24
Mots-clés
kick
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m7.902 9.343l.184-.67H5.26a1.25 1.25 0 0 0-1.233.999l-.23 1.146a.83.83 0 0 0 .82.986h2.658l.419-1.565H6.56l-.208.587h-1.01a.234.234 0 0 1-.234-.29l.18-.708a.24.24 0 0 1 .235-.18h1.972a.42.42 0 0 0 .407-.305m5.083 3.913l.188-.67h-2.426a1.26 1.26 0 0 0-1.24.999l-.232 1.146a.83.83 0 0 0 .826.986h2.41l.212-.978h-1.898a.235.235 0 0 1-.235-.29l.184-.708a.24.24 0 0 1 .235-.18h1.565c.196 0 .36-.125.407-.305z"/><path fill="currentColor" fill-rule="evenodd" d="M8.33 9.67a1.29 1.29 0 0 1 1.276-.997h1.436c.547 0 .958.477.853.986l-.208.97h-2.23a.196.196 0 1 0 0 .392h2.152l-.16.782h-2.43c-.587 0-1.026-.508-.912-1.056zm1.322-.019c0-.11.087-.195.196-.195h.783a.196.196 0 0 1 0 .39h-.783a.196.196 0 0 1-.196-.195" clip-rule="evenodd"/><path fill="currentColor" d="m12.783 9.652l-.286 1.448a.586.586 0 0 0 .571.704h1.8l.262-.978h-1.37l.26-1.174h.246c.332 0 .735-.305.802-.638l.062-.34h-.93l.085-.392h-1.252l-.078.392h-.392l-.172.978zm-4.806 2.935h1.284l-.673 3.13H7.304zm6.75.849l.165-.85h-1.166l-.615 3.13h1.166l.133-.664l.392-.4l.704 1.065h1.346l-1.142-1.773l1.377-1.357c-.86.02-1.69.316-2.36.849m-11.113-.85h1.17l-.234 1.175h.371l1.159-1.174h1.244l-1.362 1.596l.951 1.534h-.434c-.595-.243-1.37-.712-1.55-1.416c-.09.019-.297.07-.438.117a.8.8 0 0 0-.2.106c-.086.058-.156.105-.211.07c-.07-.047-.106-.176-.117-.235c.078.04.242.106.266.059c.027-.059-.032-.297-.266-.297s-.353.387-.353.712s.235.41.353.41h.023c.16 0 .747-.007.94.384l-.06-.024a2 2 0 0 0-.696-.18a1.7 1.7 0 0 1-.556-.117c.047.078.188.235.353.235c.18 0 .528.023.704.176H3zm17.308.407l.078-.406h-2.512a1.02 1.02 0 0 0-1.01 1.025v.215c0 .36.274.665.618.716l1.59.243H17.78a.65.65 0 0 0-.635.555l-.058.376h2.657c.493 0 .81-.395.841-.9l.024-.372c.023-.36-.157-.673-.509-.692l-1.221-.079a.077.077 0 0 1-.07-.078a.08.08 0 0 1 .078-.078h1.416a.64.64 0 0 0 .622-.525z"/></svg>

Comment utiliser l'icône Kicks

React

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

<Icon icon="token:kicks" width="24" />

Vue

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

<template>
  <Icon icon="token:kicks" width="24" />
</template>

Svelte

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

<Icon icon="token:kicks" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="token:kicks"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/token/kicks.svg" alt="Icône Kicks" width="24" height="24">

L'icône Kicks dans d'autres collections

FAQ : Icône Kicks

L'icône Kicks est-elle gratuite pour un usage commercial ?

Oui. Les Web3 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Kicks dans React ?

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

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

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

Voir toutes les Web3 Icons →