yelp logo

yelp from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: yelp
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 384×512
License: CC BY 4.0

The same logo in other sets

yelp-fillAkar Icons yelpBootstrap Icons yelpBoxicons Brands yelpCoreUI Brands yelpFont Awesome Brands yelpHuge Icons yelpIconoir yelpJam Icons yelpLine Awesome yelpMaterial Design Icons yelpSimple Icons

Use the yelp logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="m42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6a197.2 197.2 0 0 1 9-85.32a22.8 22.8 0 0 1 31.61-13.21m44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5a198.4 198.4 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91m148.33-132.23a197.4 197.4 0 0 0-50.41-69.31a22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8a320.4 320.4 0 0 0-112.33 30.1"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsYelp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="m42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6a197.2 197.2 0 0 1 9-85.32a22.8 22.8 0 0 1 31.61-13.21m44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5a198.4 198.4 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91m148.33-132.23a197.4 197.4 0 0 0-50.41-69.31a22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8a320.4 320.4 0 0 0-112.33 30.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="m42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6a197.2 197.2 0 0 1 9-85.32a22.8 22.8 0 0 1 31.61-13.21m44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5a198.4 198.4 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91m148.33-132.23a197.4 197.4 0 0 0-50.41-69.31a22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8a320.4 320.4 0 0 0-112.33 30.1"/></svg>
</template>

CSS

.icon-yelp {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m42.9%20240.32l99.62%2048.61c19.2%209.4%2016.2%2037.51-4.5%2042.71L30.5%20358.45a22.79%2022.79%200%200%201-28.21-19.6a197.2%20197.2%200%200%201%209-85.32a22.8%2022.8%200%200%201%2031.61-13.21m44%20239.25a199.45%20199.45%200%200%200%2079.42%2032.11A22.78%2022.78%200%200%200%20192.94%20490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21%2082.4a22.82%2022.82%200%200%200%204.09%2034.09zm145.34-109.92l58.81%2094a22.93%2022.93%200%200%200%2034%205.5a198.4%20198.4%200%200%200%2052.71-67.61A23%2023%200%200%200%20364.17%20370l-105.42-34.26c-20.31-6.5-37.81%2015.8-26.51%2033.91m148.33-132.23a197.4%20197.4%200%200%200-50.41-69.31a22.85%2022.85%200%200%200-34%204.4l-62%2091.92c-11.9%2017.7%204.7%2040.61%2025.2%2034.71L366%20268.63a23%2023%200%200%200%2014.61-31.21zM62.11%2030.18a22.86%2022.86%200%200%200-9.9%2032l104.12%20180.44c11.7%2020.2%2042.61%2011.9%2042.61-11.4V22.88a22.67%2022.67%200%200%200-24.5-22.8a320.4%20320.4%200%200%200-112.33%2030.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m42.9%20240.32l99.62%2048.61c19.2%209.4%2016.2%2037.51-4.5%2042.71L30.5%20358.45a22.79%2022.79%200%200%201-28.21-19.6a197.2%20197.2%200%200%201%209-85.32a22.8%2022.8%200%200%201%2031.61-13.21m44%20239.25a199.45%20199.45%200%200%200%2079.42%2032.11A22.78%2022.78%200%200%200%20192.94%20490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21%2082.4a22.82%2022.82%200%200%200%204.09%2034.09zm145.34-109.92l58.81%2094a22.93%2022.93%200%200%200%2034%205.5a198.4%20198.4%200%200%200%2052.71-67.61A23%2023%200%200%200%20364.17%20370l-105.42-34.26c-20.31-6.5-37.81%2015.8-26.51%2033.91m148.33-132.23a197.4%20197.4%200%200%200-50.41-69.31a22.85%2022.85%200%200%200-34%204.4l-62%2091.92c-11.9%2017.7%204.7%2040.61%2025.2%2034.71L366%20268.63a23%2023%200%200%200%2014.61-31.21zM62.11%2030.18a22.86%2022.86%200%200%200-9.9%2032l104.12%20180.44c11.7%2020.2%2042.61%2011.9%2042.61-11.4V22.88a22.67%2022.67%200%200%200-24.5-22.8a320.4%20320.4%200%200%200-112.33%2030.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/yelp.svg?color=%231a73e8&size=48