Icône Wrench
f7:wrench
L'icône Wrench (f7:wrench) est une icône SVG gratuite de la collection Framework7 Icons par Vladimir Kharlampidi. Elle est dessinée sur une grille de 56 × 56. Les Framework7 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
- Framework7 Icons
- Auteur
- Vladimir Kharlampidi
- Licence
- MIT
- Taille
- 56 × 56
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M4.673 52.303c3.698 3.697 8.807 3.495 12.84-.516c4.617-4.616 9.188-13.849 15.62-20.28c4.997-4.997 10.667-.135 17.546-6.723c2.756-2.621 4.28-6.386 3.72-9.12l-8.605 2.353c-1.434.38-2.465-.538-2.913-2.084l-.65-2.264c-.448-1.546.09-2.846 1.523-3.226l8.583-2.331c-.246-.784-.986-1.86-1.905-2.801C45.256 0 36.585.6 31.588 4.818c-7.463 7.104-1.816 14.61-6.723 19.518c-5.849 5.849-15.104 10.51-19.698 15.126c-4.033 4.011-4.212 9.12-.493 12.84m2.13-2.152c-2.42-2.465-2.242-5.938.447-8.605c4.64-4.616 14.454-9.77 19.765-15.081c5.782-5.782-.314-12.997 6.745-19.518c3.563-3.294 9.681-3.54 13.804-.381L43.15 7.73c-3.272.852-4.706 3.361-3.72 6.768l.627 2.173l2.487 9.12c-3.854.56-7.843-.111-11.562 3.564c-5.827 5.826-10.914 15.708-15.552 20.37c-2.712 2.733-6.208 2.913-8.628.425m26.06-31.798l4.819-1.277c.426-.112.672-.538.56-1.009a.79.79 0 0 0-.964-.56l-4.84 1.3a.79.79 0 0 0-.56.963c.134.47.515.717.986.583m.606 2.465l4.795-1.277a.79.79 0 0 0 .56-1.009c-.111-.426-.56-.65-.963-.56l-4.84 1.322c-.426.09-.672.538-.56.941c.134.47.537.717 1.008.583m12.885-.112l4.639-1.255c-.516 1.21-1.255 2.42-2.33 3.473c-1.323 1.278-2.69 2.017-4.102 2.42l-1.254-4.57c.896.268 1.927.246 3.047-.068m-12.302 2.577l4.862-1.3c.404-.112.65-.56.56-.986a.783.783 0 0 0-.985-.538l-4.818 1.3a.813.813 0 0 0-.583.964c.09.47.538.672.964.56M8.393 48.627c1.412 1.367 3.832 1.39 5.177-.022c1.412-1.479 1.479-3.832.022-5.244c-1.456-1.389-3.832-1.456-5.244.023c-1.389 1.434-1.411 3.832.045 5.243"/></svg>
Comment utiliser l'icône Wrench
React
import { Icon } from "@iconify/react";
<Icon icon="f7:wrench" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:wrench" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:wrench" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--wrench]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:wrench"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:wrench"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/f7/wrench.svg" alt="Icône Wrench" width="24" height="24">
Icônes similaires dans Framework7 Icons
L'icône Wrench dans d'autres collections
FAQ : Icône Wrench
L'icône Wrench est-elle gratuite pour un usage commercial ?
Oui. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Wrench dans React ?
Installez @iconify/react et affichez <Icon icon="f7:wrench" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Wrench à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/f7/wrench.svg" alt="Icône Wrench">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Framework7 Icons →
ICONYZ
