Icône Yelp
hugeicons:yelp
L'icône Yelp (hugeicons:yelp) est une icône SVG gratuite de la collection Huge Icons par Hugeicons. Elle est dessinée sur une grille de 24 × 24. Les Huge Icons 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
- Huge Icons
- Auteur
- Hugeicons
- 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="none" stroke="currentColor" stroke-width="1.5" d="M4.12 12.496a8 8 0 0 0-.103 1.899c.053.801.08 1.202.47 1.467c.388.265.831.118 1.716-.176l.81-.27c1.967-.652 2.95-.979 2.986-1.639s-.905-1.093-2.788-1.96l-.777-.36c-.848-.39-1.272-.585-1.688-.365s-.486.615-.626 1.404Zm14.203-.178l-.472.114c-2.228.544-3.343.816-3.738.27c-.396-.545.275-1.429 1.617-3.195l.282-.37c.566-.746.85-1.119 1.337-1.136c.488-.018.755.282 1.289.882q.503.565.882 1.216c.4.685.599 1.027.405 1.451s-.663.538-1.602.768ZM17.94 19.1q.317-.42.581-.885c.379-.667.568-1 .438-1.444l-.017-.054c-.152-.434-.547-.579-1.336-.869c-2.057-.755-3.085-1.133-3.47-.595l-.043.065c-.344.571.287 1.553 1.549 3.517c.484.753.726 1.13 1.142 1.163l.052.002c.417.005.646-.297 1.104-.9Zm-5.94.977v-.298c0-2.341 0-3.512-.585-3.744c-.585-.231-1.234.683-2.53 2.51l-.167.234c-.531.75-.797 1.124-.697 1.593c.1.47.43.64 1.09.977q.556.285 1.157.458c.704.203 1.056.304 1.394.007c.338-.296.338-.776.338-1.737Zm0-16.195v2.682c0 2.813 0 4.22-.777 4.415c-.778.196-1.573-1.01-3.163-3.421L6.633 5.394c-.486-.738-.73-1.106-.597-1.513c.132-.406.507-.574 1.257-.908a12 12 0 0 1 2.601-.819c.88-.169 1.321-.253 1.714.037c.392.29.392.757.392 1.69Z"/></svg>
Comment utiliser l'icône Yelp
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:yelp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:yelp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:yelp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--yelp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:yelp"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:yelp"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/yelp.svg" alt="Icône Yelp" width="24" height="24">
L'icône Yelp dans d'autres collections
FAQ : Icône Yelp
L'icône Yelp est-elle gratuite pour un usage commercial ?
Oui. Les Huge Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Yelp dans React ?
Installez @iconify/react et affichez <Icon icon="hugeicons:yelp" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Yelp à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/hugeicons/yelp.svg" alt="Icône Yelp">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Huge Icons →
ICONYZ
