yelp square icon
yelp-square from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- yelp-square
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
Related icons in Jam Icons
Use the yelp square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="m9.2 12.095l-1.382 1.682a.45.45 0 0 0 .183.707l1.351.531a.45.45 0 0 0 .616-.408l.059-2.203a.467.467 0 0 0-.828-.309zm-.23-1.672l-2.05-.736a.45.45 0 0 0-.603.41l-.046 1.451c-.01.313.294.54.591.443l2.095-.685a.467.467 0 0 0 .013-.883m2.348.236l2.099-.579a.45.45 0 0 0 .257-.683l-.797-1.213a.45.45 0 0 0-.74-.021L10.82 9.93a.467.467 0 0 0 .498.729m-1.52-5.043a.535.535 0 0 0-.676-.541l-1.661.453a.535.535 0 0 0-.296.826L9.07 9.656a.5.5 0 0 0 .053.077a.555.555 0 0 0 .943-.18a.6.6 0 0 0 .024-.217zm3.633 6.552l-2.107-.647a.467.467 0 0 0-.52.715l1.25 1.782c.177.25.546.257.73.012l.875-1.158a.45.45 0 0 0-.228-.704"/><path d="M4 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/></g></svg>
React
import type { SVGProps } from "react";
export function JamYelpSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="m9.2 12.095l-1.382 1.682a.45.45 0 0 0 .183.707l1.351.531a.45.45 0 0 0 .616-.408l.059-2.203a.467.467 0 0 0-.828-.309zm-.23-1.672l-2.05-.736a.45.45 0 0 0-.603.41l-.046 1.451c-.01.313.294.54.591.443l2.095-.685a.467.467 0 0 0 .013-.883m2.348.236l2.099-.579a.45.45 0 0 0 .257-.683l-.797-1.213a.45.45 0 0 0-.74-.021L10.82 9.93a.467.467 0 0 0 .498.729m-1.52-5.043a.535.535 0 0 0-.676-.541l-1.661.453a.535.535 0 0 0-.296.826L9.07 9.656a.5.5 0 0 0 .053.077a.555.555 0 0 0 .943-.18a.6.6 0 0 0 .024-.217zm3.633 6.552l-2.107-.647a.467.467 0 0 0-.52.715l1.25 1.782c.177.25.546.257.73.012l.875-1.158a.45.45 0 0 0-.228-.704"/><path d="M4 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="m9.2 12.095l-1.382 1.682a.45.45 0 0 0 .183.707l1.351.531a.45.45 0 0 0 .616-.408l.059-2.203a.467.467 0 0 0-.828-.309zm-.23-1.672l-2.05-.736a.45.45 0 0 0-.603.41l-.046 1.451c-.01.313.294.54.591.443l2.095-.685a.467.467 0 0 0 .013-.883m2.348.236l2.099-.579a.45.45 0 0 0 .257-.683l-.797-1.213a.45.45 0 0 0-.74-.021L10.82 9.93a.467.467 0 0 0 .498.729m-1.52-5.043a.535.535 0 0 0-.676-.541l-1.661.453a.535.535 0 0 0-.296.826L9.07 9.656a.5.5 0 0 0 .053.077a.555.555 0 0 0 .943-.18a.6.6 0 0 0 .024-.217zm3.633 6.552l-2.107-.647a.467.467 0 0 0-.52.715l1.25 1.782c.177.25.546.257.73.012l.875-1.158a.45.45 0 0 0-.228-.704"/><path d="M4 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/></g></svg> </template>
CSS
.icon-yelp-square {
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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m9.2%2012.095l-1.382%201.682a.45.45%200%200%200%20.183.707l1.351.531a.45.45%200%200%200%20.616-.408l.059-2.203a.467.467%200%200%200-.828-.309zm-.23-1.672l-2.05-.736a.45.45%200%200%200-.603.41l-.046%201.451c-.01.313.294.54.591.443l2.095-.685a.467.467%200%200%200%20.013-.883m2.348.236l2.099-.579a.45.45%200%200%200%20.257-.683l-.797-1.213a.45.45%200%200%200-.74-.021L10.82%209.93a.467.467%200%200%200%20.498.729m-1.52-5.043a.535.535%200%200%200-.676-.541l-1.661.453a.535.535%200%200%200-.296.826L9.07%209.656a.5.5%200%200%200%20.053.077a.555.555%200%200%200%20.943-.18a.6.6%200%200%200%20.024-.217zm3.633%206.552l-2.107-.647a.467.467%200%200%200-.52.715l1.25%201.782c.177.25.546.257.73.012l.875-1.158a.45.45%200%200%200-.228-.704%22%2F%3E%3Cpath%20d%3D%22M4%202a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zm0-2h12a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4%22%2F%3E%3C%2Fg%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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m9.2%2012.095l-1.382%201.682a.45.45%200%200%200%20.183.707l1.351.531a.45.45%200%200%200%20.616-.408l.059-2.203a.467.467%200%200%200-.828-.309zm-.23-1.672l-2.05-.736a.45.45%200%200%200-.603.41l-.046%201.451c-.01.313.294.54.591.443l2.095-.685a.467.467%200%200%200%20.013-.883m2.348.236l2.099-.579a.45.45%200%200%200%20.257-.683l-.797-1.213a.45.45%200%200%200-.74-.021L10.82%209.93a.467.467%200%200%200%20.498.729m-1.52-5.043a.535.535%200%200%200-.676-.541l-1.661.453a.535.535%200%200%200-.296.826L9.07%209.656a.5.5%200%200%200%20.053.077a.555.555%200%200%200%20.943-.18a.6.6%200%200%200%20.024-.217zm3.633%206.552l-2.107-.647a.467.467%200%200%200-.52.715l1.25%201.782c.177.25.546.257.73.012l.875-1.158a.45.45%200%200%200-.228-.704%22%2F%3E%3Cpath%20d%3D%22M4%202a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zm0-2h12a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/yelp-square.svg?color=%231a73e8&size=48
