yelp icon
yelp from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- yelp
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the yelp icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function HugeiconsYelp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M4.12%2012.496a8%208%200%200%200-.103%201.899c.053.801.08%201.202.47%201.467c.388.265.831.118%201.716-.176l.81-.27c1.967-.652%202.95-.979%202.986-1.639s-.905-1.093-2.788-1.96l-.777-.36c-.848-.39-1.272-.585-1.688-.365s-.486.615-.626%201.404Zm14.203-.178l-.472.114c-2.228.544-3.343.816-3.738.27c-.396-.545.275-1.429%201.617-3.195l.282-.37c.566-.746.85-1.119%201.337-1.136c.488-.018.755.282%201.289.882q.503.565.882%201.216c.4.685.599%201.027.405%201.451s-.663.538-1.602.768ZM17.94%2019.1q.317-.42.581-.885c.379-.667.568-1%20.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%201.553%201.549%203.517c.484.753.726%201.13%201.142%201.163l.052.002c.417.005.646-.297%201.104-.9Zm-5.94.977v-.298c0-2.341%200-3.512-.585-3.744c-.585-.231-1.234.683-2.53%202.51l-.167.234c-.531.75-.797%201.124-.697%201.593c.1.47.43.64%201.09.977q.556.285%201.157.458c.704.203%201.056.304%201.394.007c.338-.296.338-.776.338-1.737Zm0-16.195v2.682c0%202.813%200%204.22-.777%204.415c-.778.196-1.573-1.01-3.163-3.421L6.633%205.394c-.486-.738-.73-1.106-.597-1.513c.132-.406.507-.574%201.257-.908a12%2012%200%200%201%202.601-.819c.88-.169%201.321-.253%201.714.037c.392.29.392.757.392%201.69Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M4.12%2012.496a8%208%200%200%200-.103%201.899c.053.801.08%201.202.47%201.467c.388.265.831.118%201.716-.176l.81-.27c1.967-.652%202.95-.979%202.986-1.639s-.905-1.093-2.788-1.96l-.777-.36c-.848-.39-1.272-.585-1.688-.365s-.486.615-.626%201.404Zm14.203-.178l-.472.114c-2.228.544-3.343.816-3.738.27c-.396-.545.275-1.429%201.617-3.195l.282-.37c.566-.746.85-1.119%201.337-1.136c.488-.018.755.282%201.289.882q.503.565.882%201.216c.4.685.599%201.027.405%201.451s-.663.538-1.602.768ZM17.94%2019.1q.317-.42.581-.885c.379-.667.568-1%20.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%201.553%201.549%203.517c.484.753.726%201.13%201.142%201.163l.052.002c.417.005.646-.297%201.104-.9Zm-5.94.977v-.298c0-2.341%200-3.512-.585-3.744c-.585-.231-1.234.683-2.53%202.51l-.167.234c-.531.75-.797%201.124-.697%201.593c.1.47.43.64%201.09.977q.556.285%201.157.458c.704.203%201.056.304%201.394.007c.338-.296.338-.776.338-1.737Zm0-16.195v2.682c0%202.813%200%204.22-.777%204.415c-.778.196-1.573-1.01-3.163-3.421L6.633%205.394c-.486-.738-.73-1.106-.597-1.513c.132-.406.507-.574%201.257-.908a12%2012%200%200%201%202.601-.819c.88-.169%201.321-.253%201.714.037c.392.29.392.757.392%201.69Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/yelp.svg?color=%231a73e8&size=48
