Icône Webhook
boxicons:webhook
L'icône Webhook (boxicons:webhook) est une icône SVG gratuite de la collection Boxicons. Elle est dessinée sur une grille de 24 × 24. Les Boxicons 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
- Boxicons
- Auteur
- Boxicons
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5c-.44 0-.84.2-1.11.5H10c-.55 0-1 .45-1 1c0 .8-.31 1.55-.88 2.12c-1.13 1.13-3.11 1.13-4.24 0C3.31 18.55 3 17.8 3 17s.31-1.55.88-2.12c.32-.32.73-.56 1.2-.72l-.61-1.9c-.78.25-1.46.66-2.01 1.21c-.94.94-1.46 2.2-1.46 3.54s.52 2.59 1.46 3.54s2.2 1.46 3.54 1.46s2.59-.52 3.54-1.46c.7-.7 1.17-1.58 1.36-2.54h5.99c.27.3.67.5 1.11.5Z"/><path fill="currentColor" d="M18 12c-.56 0-1.12.1-1.66.29l-2.91-4.86c.04-.14.07-.28.07-.44c0-.83-.67-1.5-1.5-1.5a1.498 1.498 0 0 0-.28 2.97l3.38 5.63a1.01 1.01 0 0 0 1.38.35c.48-.29 1-.44 1.54-.44c1.65 0 3 1.35 3 3s-1.35 3-3 3c-.91 0-1.57-.41-1.96-.75l-1.32 1.51c.92.8 2.08 1.25 3.28 1.25c2.76 0 5-2.24 5-5s-2.24-5-5-5Z"/><path fill="currentColor" d="M5.72 15.53A1.498 1.498 0 0 0 6 18.5c.83 0 1.5-.67 1.5-1.5c0-.15-.03-.3-.07-.44l3.38-5.63c.28-.47.13-1.09-.34-1.37A2.96 2.96 0 0 1 9.01 7c0-1.65 1.35-3 3-3s3 1.35 3 3q0 .27-.06.54l1.97.36c.06-.33.09-.62.09-.89c0-2.76-2.24-5-5-5s-5 2.24-5 5c0 1.42.59 2.74 1.63 3.68l-2.91 4.85Z"/></svg>
Comment utiliser l'icône Webhook
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:webhook" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:webhook" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:webhook" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--webhook]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:webhook"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:webhook"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/boxicons/webhook.svg" alt="Icône Webhook" width="24" height="24">
Icônes similaires dans Boxicons
L'icône Webhook dans d'autres collections
FAQ : Icône Webhook
L'icône Webhook est-elle gratuite pour un usage commercial ?
Oui. Les Boxicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Webhook dans React ?
Installez @iconify/react et affichez <Icon icon="boxicons:webhook" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Webhook à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/boxicons/webhook.svg" alt="Icône Webhook">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Boxicons →
ICONYZ
