Icône Webhooks
lineicons:webhooks
L'icône Webhooks (lineicons:webhooks) est une icône SVG gratuite de la collection Lineicons. Elle est dessinée sur une grille de 24 × 24. Les Lineicons 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.
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.373 10.471c-1.938-.987-2.647-2.296-2.178-3.9c.412-1.412 1.804-2.337 3.22-2.12c.707.11 1.329.403 1.813.964c.734.85.9 1.84.675 2.945l.67.184l1.004.277c.713-1.986-.124-4.306-1.95-5.497c-1.9-1.24-4.363-.979-5.978.637c-.843.843-1.304 1.873-1.411 3.064c-.152 1.685.534 3.045 1.686 4.208l-1.832 3.12l-.157.01a2 2 0 0 0-.216.019c-1.204.173-2.052 1.26-1.849 2.37c.229 1.252 1.351 2.021 2.504 1.715c1.222-.325 1.872-1.523 1.411-2.754c-.167-.445-.064-.73.145-1.081c.59-.988 1.17-1.98 1.76-2.992zm4.147 1.493L13.749 8.79l.085-.212c.058-.143.111-.273.156-.407c.234-.704.092-1.347-.353-1.918a2.015 2.015 0 0 0-2.303-.638a2.08 2.08 0 0 0-1.304 2.033c.036.911.638 1.725 1.57 1.889c.559.098.832.368 1.08.832c.527.987 1.073 1.963 1.619 2.94l.647 1.16c1.829-1.238 3.342-1.199 4.472.091c.979 1.118 1 2.82.048 3.962c-1.116 1.338-2.618 1.392-4.337.261l-1.364 1.16c1.74 1.764 4.222 1.998 6.186.626c1.912-1.338 2.578-3.905 1.604-6.073c-.806-1.794-3.054-3.47-6.035-2.533m-3.959 5.412h3.589q.075.102.142.2c.096.137.186.266.292.381c.76.826 2.043.866 2.856.1c.842-.793.88-2.127.084-2.956c-.779-.811-2.11-.889-2.832-.03c-.44.522-.89.583-1.472.574a171 171 0 0 0-3.197-.01l-1.282.002c.097 2.133-.697 3.462-2.272 3.778c-1.542.309-2.961-.49-3.461-1.948c-.568-1.656.134-2.981 2.163-4.032l-.46-1.694c-2.211.49-3.87 2.669-3.699 5.12c.151 2.164 1.87 4.086 3.972 4.43a4.72 4.72 0 0 0 3.21-.58c1.28-.738 2.023-1.898 2.367-3.335" clip-rule="evenodd"/></svg>Comment utiliser l'icône Webhooks
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:webhooks" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:webhooks" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:webhooks" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--webhooks]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:webhooks"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:webhooks"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/lineicons/webhooks.svg" alt="Icône Webhooks" width="24" height="24">L'icône Webhooks dans d'autres collections
FAQ : Icône Webhooks
L'icône Webhooks est-elle gratuite pour un usage commercial ?
Oui. Les Lineicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Webhooks dans React ?
Installez @iconify/react et affichez <Icon icon="lineicons:webhooks" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Webhooks à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lineicons/webhooks.svg" alt="Icône Webhooks">, ou collez le code SVG directement dans la page pour le styliser en CSS.