Icône Snapchat
grommet-icons:snapchat
L'icône Snapchat (grommet-icons:snapchat) est une icône SVG gratuite de la collection Grommet Icons par Grommet. Elle est dessinée sur une grille de 24 × 24. Les Grommet 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
- Grommet Icons
- Auteur
- Grommet
- Licence
- Apache-2.0
- 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" fill-rule="evenodd" d="M12.151 22.532c-.068 0-.133-.003-.182-.005q-.06.005-.12.005c-1.43 0-2.385-.676-3.228-1.272c-.604-.427-1.174-.83-1.842-.941a6 6 0 0 0-.97-.082c-.567 0-1.016.088-1.344.152c-.201.039-.375.073-.51.073c-.14 0-.311-.031-.383-.275a8 8 0 0 1-.136-.557c-.098-.447-.169-.72-.336-.746C1.308 18.607.249 18.2.038 17.706A.5.5 0 0 1 0 17.551a.29.29 0 0 1 .241-.3c1.423-.235 2.689-.987 3.762-2.237a8.4 8.4 0 0 0 1.29-2.008q.31-.632.122-1.078c-.231-.544-.996-.787-1.502-.948a5 5 0 0 1-.34-.115c-.448-.177-1.186-.551-1.088-1.068c.072-.377.57-.64.973-.64q.169 0 .294.06c.456.213.865.321 1.217.321c.438 0 .65-.167.7-.214l-.042-.717c-.103-1.636-.231-3.67.29-4.838C7.473.276 10.777.005 11.752.005L12.236 0c.978 0 4.289.272 5.848 3.767c.52 1.168.392 3.205.289 4.842l-.005.078l-.038.637c.048.044.242.197.635.212c.336-.013.722-.12 1.147-.32a.9.9 0 0 1 .375-.074c.15 0 .301.03.428.082l.007.003c.36.128.596.384.601.652c.005.25-.181.625-1.097.986a6 6 0 0 1-.34.116c-.506.16-1.27.403-1.501.947c-.126.295-.084.658.123 1.077l.006.014c.064.15 1.605 3.665 5.045 4.231a.29.29 0 0 1 .24.3a.5.5 0 0 1-.038.157c-.209.491-1.268.898-3.06 1.175c-.169.026-.24.298-.337.743c-.04.184-.08.364-.136.553q-.078.267-.355.266h-.028q-.183 0-.51-.065a6.7 6.7 0 0 0-1.345-.142q-.474 0-.97.082c-.666.11-1.236.513-1.84.94c-.844.597-1.8 1.273-3.229 1.273"/></svg>
Comment utiliser l'icône Snapchat
React
import { Icon } from "@iconify/react";
<Icon icon="grommet-icons:snapchat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="grommet-icons:snapchat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="grommet-icons:snapchat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--snapchat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:snapchat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="grommet-icons:snapchat"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/grommet-icons/snapchat.svg" alt="Icône Snapchat" width="24" height="24">
L'icône Snapchat dans d'autres collections
FAQ : Icône Snapchat
L'icône Snapchat est-elle gratuite pour un usage commercial ?
Oui. Les Grommet 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 Snapchat dans React ?
Installez @iconify/react et affichez <Icon icon="grommet-icons:snapchat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Snapchat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/grommet-icons/snapchat.svg" alt="Icône Snapchat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Grommet Icons →
ICONYZ
