Icône Wrench

streamline-emojis:wrench

L'icône Wrench (streamline-emojis:wrench) est une icône SVG gratuite de la collection Streamline Emojis par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Streamline Emojis icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Streamline Emojis
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 48 × 48
Catégorie: Objets

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.62 44.17a12.42 1.62 0 1 0 24.84 0a12.42 1.62 0 1 0-24.84 0" opacity=".15"/><path fill="#c0dceb" d="M44.12 9a.82.82 0 0 0-1.38-.42L39.4 12a1.64 1.64 0 0 1-1.38.47l-2.2-.31a1.63 1.63 0 0 1-1.4-1.4l-.31-2.2a1.64 1.64 0 0 1 .47-1.38l3.33-3.38a.81.81 0 0 0-.41-1.38a8.76 8.76 0 0 0-10 12L15.85 26.06a8.76 8.76 0 0 0-12 10a.82.82 0 0 0 1.38.42l3.37-3.36a1.64 1.64 0 0 1 1.4-.47l2.2.31a1.63 1.63 0 0 1 1.4 1.4l.31 2.2a1.64 1.64 0 0 1-.47 1.38l-3.33 3.34a.81.81 0 0 0 .41 1.38a8.76 8.76 0 0 0 10-12L32.15 19a8.76 8.76 0 0 0 12-10Z"/><path fill="#daedf7" d="M29.8 7.77a8.76 8.76 0 0 1 6.7-2.55l1.41-1.42a.81.81 0 0 0-.41-1.38a8.76 8.76 0 0 0-10.26 11.21a8.7 8.7 0 0 1 2.56-5.86m8.2 4.66l-2.2-.31a1.63 1.63 0 0 1-1.3-1a1.4 1.4 0 0 0 0 .41l.31 2.21a1.63 1.63 0 0 0 1.4 1.39l2.2.31a1.61 1.61 0 0 0 1.4-.44l3.34-3.33a.81.81 0 0 1 1.16 0A9 9 0 0 0 44.12 9a.82.82 0 0 0-1.38-.42L39.4 12a1.64 1.64 0 0 1-1.4.43M21.17 34.45v-1l-.26.26c.09.23.18.49.26.74m-9.26 8.41l1.92-1.92a1.63 1.63 0 0 0 .46-1.38l-.3-2.2a1.7 1.7 0 0 0-.1-.39a1.62 1.62 0 0 1-.47 1l-3.33 3.34a.81.81 0 0 0 .41 1.38a8.6 8.6 0 0 0 1.41.17M4.1 36.45a8.75 8.75 0 0 1 12.16-7.38l11.67-11.68a9 9 0 0 1-.67-2.74L15.85 26.06a8.76 8.76 0 0 0-12 10a.86.86 0 0 0 .25.39"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.12 9a.82.82 0 0 0-1.38-.42L39.4 12a1.64 1.64 0 0 1-1.38.47l-2.2-.31a1.63 1.63 0 0 1-1.4-1.4l-.31-2.2a1.64 1.64 0 0 1 .47-1.38l3.33-3.38a.81.81 0 0 0-.41-1.38a8.76 8.76 0 0 0-10 12L15.85 26.06a8.76 8.76 0 0 0-12 10a.82.82 0 0 0 1.38.42l3.37-3.36a1.64 1.64 0 0 1 1.4-.47l2.2.31a1.63 1.63 0 0 1 1.4 1.4l.31 2.2a1.64 1.64 0 0 1-.47 1.38l-3.33 3.34a.81.81 0 0 0 .41 1.38a8.76 8.76 0 0 0 10-12L32.15 19a8.76 8.76 0 0 0 12-10Z"/></svg>

Comment utiliser l'icône Wrench

React

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

<Icon icon="streamline-emojis:wrench" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:wrench" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:wrench" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--wrench]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:wrench"></div>

Web component

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

<iconify-icon icon="streamline-emojis:wrench"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/wrench.svg" alt="Icône Wrench" width="24" height="24">

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 Streamline Emojis icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Wrench dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-emojis: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/streamline-emojis/wrench.svg" alt="Icône Wrench">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Streamline Emojis →