Yelp icon
ls:yelp
The Yelp icon (ls:yelp) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 645 × 751 grid. Ligature Symbols 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 645 × 751
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="645" height="751" viewBox="0 0 645 751"><path fill="currentColor" d="M386 217c-1-24-5-47-7-70c-2-25 1-52-7-73c-11-30-46-40-74-53c-27-13-40-23-77-20c-22 2-53 11-80 20c-38 13-77 27-88 56c-12 30 4 51 16 70c37 57 75 115 111 170c7 9 17 16 16 28c-22-8-40-14-60-21c-19-7-38-20-60-21c-26-2-50 13-61 32c-16 30-20 116-7 154c18 49 83 49 123 78c-10 14-24 25-27 41c-8 42 25 68 50 80c24 11 60 23 94 35s71 31 103 27c42-6 51-51 49-101c37 10 67 44 109 49c45 6 72-33 90-55c19-22 41-51 45-80c5-44-19-59-45-71c-21-9-42-18-62-26c-10-4-23-7-28-16c61-19 137-20 127-92c-2-22-19-51-35-73c-26-37-55-58-96-76c-25-12-54-30-85-18c-14 5-19 20-34 26M149 56c29-10 51-18 85-19c9-1 27-1 33 10c5 8 5 27 6 39c6 68 10 126 16 201c2 31-1 56-23 58c-26 2-42-33-55-53c-38-57-68-102-107-160c-9-13-19-23-18-35c2-23 40-33 63-41m353 216c16 24 29 42 30 73c-15 18-50 23-84 32c-13 4-30 7-46 11c-25 6-61 20-67-13c-6-26 28-55 44-78c20-28 30-51 52-71c24-22 62 35 71 46M152 469c-34 12-55 21-92 25c-27-10-29-118-11-145c4-7 17-13 23-11c36 11 82 31 123 46c21 9 54 15 39 50c-7 15-65 30-82 35m192 8c1-13 11-23 25-25c0 0 1-3 3-2c34 9 87 26 128 39c13 4 32 7 37 18c12 27-20 59-32 74c-10 14-33 51-60 48c-21-2-46-54-57-71c-8-13-18-29-25-39c-8-12-21-26-19-42m-124 39c9-11 20-29 35-32c10-3 27 0 34 10c9 16 4 66 5 91c1 28 4 78-5 88c-16 19-61 1-84-7c-24-8-61-18-64-40c-2-17 11-26 24-41c19-25 35-47 55-69"/></svg>
How to use the Yelp icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:yelp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:yelp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:yelp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--yelp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:yelp"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:yelp"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/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. Ligature Symbols 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="ls: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/ls/yelp.svg" alt="Yelp icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
