Icône Pied Piper Hat
la:pied-piper-hat
L'icône Pied Piper Hat (la:pied-piper-hat) est une icône SVG gratuite de la collection Line Awesome par Icons8. Elle est dessinée sur une grille de 32 × 32. Les Line Awesome 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
- Line Awesome
- Auteur
- Icons8
- Licence
- Apache-2.0
- Taille
- 32 × 32
- Catégorie
- Autres
- Mots-clés
- piedpiper, piperhat, piedpiperhat
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m31 4.969l-1.219.312c-6.289 1.516-8.918 7.168-10.218 10.188c-.754-.754-1.985-1.469-3.75-1.469c-2.657 0-4.696 1.496-6.22 3.25c-1.421 1.637-2.405 3.508-3.218 4.906c-1.629.684-4.406.844-4.406.844l-1.5.031l.625 1.375s.351.746 1.125 1.375C2.992 26.411 4.242 27 6 27c2.457 0 5.79-1 9-1h5v-.063c.504.012 1.016-.18 1.281-.625l2.5-4.187h.032c.5-.844-.098-2.016-1.063-2.125H21c-.309 0-.547.05-.844.063c.102-.235.106-.247.219-.5c.098-.223.184-.41.281-.625l.032-.063c.152-.3.484-.922.656-1.313c.07-.03.136-.054.25-.093c.343-.114.828-.23 1.343-.375a12 12 0 0 0 1.563-.532c.5-.218 1.004-.464 1.344-1.093c.379-.696.476-1.41.593-2.125c.118-.715.215-1.426.407-1.938c.605-1.613 1.758-2.496 3.5-3.156L31 7zm-6.281 5.937c-.078.38-.196.785-.25 1.125c-.114.684-.262 1.246-.375 1.469c-.028.004-.157.11-.407.219a9 9 0 0 1-1.093.375c.59-1.164 1.18-2.063 2.125-3.188M15.812 16c1.313 0 2.004.477 2.438.938c.305.324.313.449.375.593c-.035.078-.059.14-.094.219l-.656 1.5C14.18 19.773 11.648 21 10 21v2c3.11 0 6.004-2 11-2h.531l-1.812 3H15c-3.602 0-7.164 1-9 1c-.707 0-1.234-.117-1.656-.281c.98-.153 2.105-.352 3.093-.813l.282-.125l.156-.281c.875-1.484 1.898-3.418 3.219-4.938C12.414 17.044 13.902 16 15.813 16z"/></svg>Comment utiliser l'icône Pied Piper Hat
React
import { Icon } from "@iconify/react";
<Icon icon="la:pied-piper-hat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:pied-piper-hat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:pied-piper-hat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--pied-piper-hat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:pied-piper-hat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:pied-piper-hat"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/la/pied-piper-hat.svg" alt="Icône Pied Piper Hat" width="24" height="24">Icônes similaires dans Line Awesome
L'icône Pied Piper Hat dans d'autres collections
FAQ : Icône Pied Piper Hat
L'icône Pied Piper Hat est-elle gratuite pour un usage commercial ?
Oui. Les Line Awesome 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 Pied Piper Hat dans React ?
Installez @iconify/react et affichez <Icon icon="la:pied-piper-hat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pied Piper Hat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/la/pied-piper-hat.svg" alt="Icône Pied Piper Hat">, ou collez le code SVG directement dans la page pour le styliser en CSS.