Иконка Yelp

bi:yelp

Иконка Yelp (bi:yelp) — бесплатная SVG-иконка из набора Bootstrap Icons от The Bootstrap Authors. Она нарисована на сетке 24 × 24. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Bootstrap Icons
Автор: The Bootstrap Authors
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.188 10.095l.736-.17l.073-.02A.813.813 0 0 0 5.45 8.65a1 1 0 0 0-.3-.258a3 3 0 0 0-.428-.198l-.808-.295a76 76 0 0 0-1.364-.493C2.253 7.3 2 7.208 1.783 7.14c-.041-.013-.087-.025-.124-.038a2.1 2.1 0 0 0-.606-.116a.72.72 0 0 0-.572.245a2 2 0 0 0-.105.132a1.6 1.6 0 0 0-.155.309c-.15.443-.225.908-.22 1.376c.002.423.013.966.246 1.334a.8.8 0 0 0 .22.24c.166.114.333.129.507.141c.26.019.513-.045.764-.103l2.447-.566zm8.219-3.911a4.2 4.2 0 0 0-.8-1.14a1.6 1.6 0 0 0-.275-.21a2 2 0 0 0-.15-.073a.72.72 0 0 0-.621.031c-.142.07-.294.182-.496.37c-.028.028-.063.06-.094.089c-.167.156-.353.35-.574.575q-.51.516-1.01 1.042l-.598.62a3 3 0 0 0-.298.365a1 1 0 0 0-.157.364a.8.8 0 0 0 .007.301q0 .007.003.013a.81.81 0 0 0 .945.616l.074-.014l3.185-.736c.251-.058.506-.112.732-.242c.151-.088.295-.175.394-.35a.8.8 0 0 0 .093-.313c.05-.434-.178-.927-.36-1.308M6.706 7.523c.23-.29.23-.722.25-1.075c.07-1.181.143-2.362.201-3.543c.022-.448.07-.89.044-1.34c-.022-.372-.025-.799-.26-1.104C6.528-.077 5.644-.033 5.04.05q-.278.038-.553.104a8 8 0 0 0-.543.149c-.58.19-1.393.537-1.53 1.204c-.078.377.106.763.249 1.107c.173.417.41.792.625 1.185c.57 1.036 1.15 2.066 1.728 3.097c.172.308.36.697.695.857q.033.015.068.025c.15.057.313.068.469.032l.028-.007a.8.8 0 0 0 .377-.226zm-.276 3.161a.74.74 0 0 0-.923-.234a1 1 0 0 0-.145.09a2 2 0 0 0-.346.354c-.026.033-.05.077-.08.104l-.512.705q-.435.591-.861 1.193c-.185.26-.346.479-.472.673l-.072.11c-.152.235-.238.406-.282.559a.7.7 0 0 0-.03.314c.013.11.05.217.108.312q.046.07.1.138a1.6 1.6 0 0 0 .257.237a4.5 4.5 0 0 0 2.196.76a1.6 1.6 0 0 0 .349-.027a2 2 0 0 0 .163-.048a.8.8 0 0 0 .278-.178a.7.7 0 0 0 .17-.266c.059-.147.098-.335.123-.613l.012-.13c.02-.231.03-.502.045-.821q.037-.735.06-1.469l.033-.87a2.1 2.1 0 0 0-.055-.623a1 1 0 0 0-.117-.27Zm5.783 1.362a2.2 2.2 0 0 0-.498-.378l-.112-.067c-.199-.12-.438-.246-.719-.398q-.644-.353-1.295-.695l-.767-.407c-.04-.012-.08-.04-.118-.059a2 2 0 0 0-.466-.166a1 1 0 0 0-.17-.018a.74.74 0 0 0-.725.616a1 1 0 0 0 .01.293c.038.204.13.406.224.583l.41.768q.341.65.696 1.294c.152.28.28.52.398.719q.036.057.068.112c.145.239.261.39.379.497a.73.73 0 0 0 .596.201a2 2 0 0 0 .168-.029a1.6 1.6 0 0 0 .325-.129a4 4 0 0 0 .855-.64c.306-.3.577-.63.788-1.006q.045-.08.076-.165a2 2 0 0 0 .051-.161q.019-.083.029-.168a.8.8 0 0 0-.038-.327a.7.7 0 0 0-.165-.27"/></svg>

Как использовать иконку Yelp

React

import { Icon } from "@iconify/react";

<Icon icon="bi:yelp" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="bi:yelp" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="bi:yelp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--yelp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:yelp"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="bi:yelp"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/bi/yelp.svg" alt="Иконка Yelp" width="24" height="24">

Иконка Yelp в других наборах

Вопросы и ответы: Иконка Yelp

Можно ли бесплатно использовать иконку Yelp в коммерческих проектах?

Да. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Yelp в React?

Установите @iconify/react и выведите <Icon icon="bi:yelp" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Yelp на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bi/yelp.svg" alt="Иконка Yelp">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Bootstrap Icons →