Yelp アイコン
fa7-brands:yelp
Yelp アイコン(fa7-brands:yelp)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="m170.9 304.3l99.6 48.6c19.2 9.4 16.2 37.5-4.5 42.7l-107.5 26.9q-4.8 1.2-9.6.3c-3.2-.6-6.2-1.8-8.9-3.7s-4.9-4.3-6.6-7.1s-2.7-5.9-3.1-9.2c-3.3-28.8-.2-57.9 9-85.3c1-3.1 2.7-5.9 4.9-8.3s4.9-4.2 7.9-5.5s6.2-1.8 9.5-1.8s6.4.9 9.3 2.3zm44 239.3c23.8 16.3 50.9 27.3 79.4 32.1c3.2.6 6.5.4 9.6-.4s6.1-2.3 8.6-4.4s4.6-4.6 6-7.5s2.3-6.1 2.4-9.4l3.9-110.8c.7-21.3-25.5-31.9-39.8-16.1l-74.2 82.4c-2.2 2.4-3.8 5.3-4.8 8.4s-1.3 6.4-.9 9.6s1.5 6.3 3.1 9.1s3.9 5.2 6.6 7zm145.3-109.9l58.8 94c1.7 2.8 4 5.1 6.8 6.9s5.8 3 9 3.5s6.5.3 9.7-.5s6.1-2.4 8.6-4.4c22.3-18.4 40.3-41.5 52.7-67.6c1.4-2.9 2.1-6.1 2.2-9.4s-.6-6.5-1.9-9.4s-3.2-5.7-5.6-7.8s-5.2-3.9-8.3-4.9l-105.5-34.4c-20.3-6.5-37.8 15.8-26.5 33.9zm148.4-132.3c-11.5-26.5-28.7-50.2-50.4-69.3c-2.4-2.1-5.3-3.7-8.4-4.7s-6.4-1.2-9.6-.8s-6.3 1.5-9.1 3.2s-5.1 4-6.9 6.7l-62 91.9c-11.9 17.7 4.7 40.6 25.2 34.7L494 332.6c3.1-.9 6-2.5 8.5-4.6s4.5-4.7 5.8-7.7s2.1-6.2 2.2-9.4s-.6-6.5-1.9-9.5M190.1 94.2c-2.8 1.4-5.4 3.3-7.4 5.7s-3.6 5.2-4.5 8.2s-1.2 6.2-.9 9.3s1.3 6.1 2.9 8.9l104.1 180.3c11.7 20.2 42.6 11.9 42.6-11.4V86.9c0-3.1-.6-6.3-1.8-9.2s-3.1-5.5-5.4-7.6s-5-3.8-8-4.8q-4.5-1.5-9.3-1.2c-39 3.1-77 13.3-112.3 30.1"/></svg>
Yelp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:yelp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:yelp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:yelp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--yelp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:yelp"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:yelp"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/yelp.svg" alt="Yelp アイコン" width="24" height="24">
Yelp アイコン のよくある質問
Yelp アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Yelp アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:yelp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yelp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/yelp.svg" alt="Yelp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Brands アイコン をすべて見る →
ICONYZ
