Icône Whatsapp
mdi:whatsapp
L'icône Whatsapp (mdi:whatsapp) est une icône SVG gratuite de la collection Material Design Icons par Pictogrammers. Elle est dessinée sur une grille de 24 × 24. Les Material Design 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
- Material Design Icons
- Auteur
- Pictogrammers
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Marques et logos
- Mots-clés
- brand, logo
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2m.01 1.67c2.2 0 4.26.86 5.82 2.42a8.23 8.23 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23c-1.48 0-2.93-.39-4.19-1.15l-.3-.17l-3.12.82l.83-3.04l-.2-.32a8.2 8.2 0 0 1-1.26-4.38c.01-4.54 3.7-8.24 8.25-8.24M8.53 7.33c-.16 0-.43.06-.66.31c-.22.25-.87.86-.87 2.07c0 1.22.89 2.39 1 2.56c.14.17 1.76 2.67 4.25 3.73c.59.27 1.05.42 1.41.53c.59.19 1.13.16 1.56.1c.48-.07 1.46-.6 1.67-1.18s.21-1.07.15-1.18c-.07-.1-.23-.16-.48-.27c-.25-.14-1.47-.74-1.69-.82c-.23-.08-.37-.12-.56.12c-.16.25-.64.81-.78.97c-.15.17-.29.19-.53.07c-.26-.13-1.06-.39-2-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.12-.24-.01-.39.11-.5c.11-.11.27-.29.37-.44c.13-.14.17-.25.25-.41c.08-.17.04-.31-.02-.43c-.06-.11-.56-1.35-.77-1.84c-.2-.48-.4-.42-.56-.43c-.14 0-.3-.01-.47-.01"/></svg>
Comment utiliser l'icône Whatsapp
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:whatsapp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:whatsapp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:whatsapp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--whatsapp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:whatsapp"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:whatsapp"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/mdi/whatsapp.svg" alt="Icône Whatsapp" width="24" height="24">
L'icône Whatsapp dans d'autres collections
FAQ : Icône Whatsapp
L'icône Whatsapp est-elle gratuite pour un usage commercial ?
Oui. Les Material Design 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 Whatsapp dans React ?
Installez @iconify/react et affichez <Icon icon="mdi:whatsapp" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Whatsapp à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mdi/whatsapp.svg" alt="Icône Whatsapp">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Material Design Icons →
ICONYZ
