Yelp icon
whh:yelp
The Yelp icon (whh:yelp) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 768 × 1026 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 768 × 1026
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1026" viewBox="0 0 768 1026"><path fill="currentColor" d="m754 511l-272 66q-18-4-27.5-18t-4.5-29l155-185q6-17 30-22.5t39 15.5l80 111q26 39 0 62M487 641l247 127q19 0 29.5 19.5T757 826L633 951q-20 16-39 5.5T574 927L448 681q-1-17 11-28.5t28-11.5m-170 378l-168-67q-24-13-21-36.5t21-29.5l168-166q22-23 44.5-11t22.5 44v232q0 25-21 35.5t-46-1.5m0-521L85 140q-18-6-21-29.5T85 74L317 7q25-12 46-1.5T384 41v424q0 32-22.5 44T317 498m-13 74q16 15 16 37t-16 37L76 757q-11 11-29 12t-32.5-10.5T0 725V493q0-22 14.5-33.5T47 449t29 12z"/></svg>
How to use the Yelp icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:yelp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:yelp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:yelp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--yelp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:yelp"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:yelp"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/yelp.svg" alt="Yelp icon" width="24" height="24">
Yelp icon in other icon sets
Yelp icon FAQ
Is the Yelp icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Yelp icon in React?
Install @iconify/react and render <Icon icon="whh:yelp" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Yelp icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/yelp.svg" alt="Yelp icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
