Icône Spanner
icon-park:spanner
L'icône Spanner (icon-park:spanner) est une icône SVG gratuite de la collection IconPark par ByteDance. Elle est dessinée sur une grille de 48 × 48. Les IconPark icons sont publiées sous la licence Apache 2.0, 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
- IconPark
- Auteur
- ByteDance
- Licence
- Apache-2.0
- Taille
- 48 × 48
- Catégorie
- Industrie
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M30.4417 5C32.406 5 34.265 5.44776 35.9207 6.24607L32.7172 9.42668C30.8706 11.2601 30.8706 14.2327 32.7172 16.0661C34.5638 17.8995 37.5578 17.8995 39.4044 16.0661L42.2571 13.2337C42.7379 14.5558 43 15.9818 43 17.4685C43 24.3547 37.3775 29.937 30.4417 29.937C28.7825 29.937 27.1985 29.6176 25.7486 29.0373L13.07 41.6253C11.2238 43.4582 8.2307 43.4582 6.38459 41.6253C4.53847 39.7924 4.53847 36.8207 6.38459 34.9877L18.9523 22.5099C18.2651 20.9684 17.8834 19.2627 17.8834 17.4685C17.8834 10.5823 23.5059 5 30.4417 5Z"/></svg>
Comment utiliser l'icône Spanner
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:spanner" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:spanner" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:spanner" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--spanner]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:spanner"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:spanner"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/icon-park/spanner.svg" alt="Icône Spanner" width="24" height="24">
L'icône Spanner dans d'autres collections
FAQ : Icône Spanner
L'icône Spanner est-elle gratuite pour un usage commercial ?
Oui. Les IconPark icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Spanner dans React ?
Installez @iconify/react et affichez <Icon icon="icon-park:spanner" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Spanner à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/icon-park/spanner.svg" alt="Icône Spanner">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes IconPark →
ICONYZ
