Yelp アイコン
bxl:yelp
Yelp アイコン(bxl:yelp)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.824 16.675c-.105.726-1.587 2.609-2.269 2.882c-.232.093-.457.07-.637-.068c-.116-.09-.235-.272-1.833-2.866l-.475-.773c-.183-.277-.148-.642.078-.92c.223-.27.549-.37.832-.262c.016.008 1.195.397 1.195.397c2.688.883 2.775.917 2.891 1.002c.17.139.249.356.214.608zm-5.386-3.946c-.19-.289-.187-.63.01-.865l.746-1.019c1.642-2.235 1.732-2.353 1.843-2.431a.64.64 0 0 1 .652-.024c.651.316 1.966 2.269 2.045 3.019v.025a.62.62 0 0 1-.259.587c-.123.079-.235.125-3.291.866c-.483.123-.752.19-.91.247l.021-.023c-.302.091-.64-.055-.831-.357zm-1.875-1.159c-.146.046-.591.185-1.139-.702c0 0-3.694-5.813-3.78-5.992c-.053-.201.011-.429.19-.613c.55-.569 3.534-1.405 4.315-1.215c.255.066.43.227.491.453c.045.25.408 5.646.46 6.854c.051 1.034-.392 1.171-.537 1.215m.487 5.913c-.008 2.827-.015 2.922-.061 3.056c-.079.211-.26.352-.51.398c-.72.122-2.972-.71-3.441-1.267a.74.74 0 0 1-.157-.37c-.013-.09 0-.18.033-.259c.057-.146.135-.259 2.158-2.63l.594-.706c.203-.26.563-.338.899-.204c.325.124.528.405.506.708v1.259zm-6.13-1.808c-.222-.006-.42-.14-.535-.358c-.083-.162-.142-.428-.18-.752c-.102-.974.023-2.444.314-2.911c.138-.214.338-.327.559-.319c.146 0 .276.046 3.167 1.236l.848.337c.302.111.489.427.472.787c-.022.348-.224.616-.521.696l-1.202.382c-2.689.864-2.778.888-2.919.877zm11.22 5.322h-.004l-.003.003z"/></svg>
Yelp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:yelp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:yelp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:yelp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--yelp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:yelp"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:yelp"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/yelp.svg" alt="Yelp アイコン" width="24" height="24">
Yelp アイコン のよくある質問
Yelp アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yelp アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:yelp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yelp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/yelp.svg" alt="Yelp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
