Yelp アイコン

Q: Yelp アイコンは商用利用でも無料ですか?

はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fontisto:yelp

Yelp アイコン(fontisto:yelp)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 18 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 18 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="0 0 18 24"><path fill="currentColor" d="M9.206 17.662v1.7q-.014 3.908-.08 4.08a.85.85 0 0 1-.678.535h-.004l-.102.001a5.55 5.55 0 0 1-2.362-.524l.034.014a5.5 5.5 0 0 1-2.181-1.196l.005.005a1 1 0 0 1-.226-.474l-.001-.006a.8.8 0 0 1 .055-.353l-.002.006a4 4 0 0 1 .459-.633l-.003.004q.4-.495 2.422-2.891q.014 0 .8-.937a.9.9 0 0 1 .523-.327l.006-.001a1.17 1.17 0 0 1 .671.05l-.008-.003c.205.082.375.216.499.385l.002.003a.87.87 0 0 1 .171.522l-.001.043zm-1.995-3.36v.03a.94.94 0 0 1-.69.905l-.007.002l-1.606.522Q1.228 16.939 1 16.939a.85.85 0 0 1-.718-.475l-.002-.005a3.1 3.1 0 0 1-.227-.995v-.009a11 11 0 0 1 .018-2.279l-.005.05a4.25 4.25 0 0 1 .411-1.692l-.011.026a.79.79 0 0 1 .752-.428h-.002c1.109.356 2.004.706 2.875 1.1l-.171-.069l1.539.629l1.124.455a.93.93 0 0 1 .473.404l.002.004a1.16 1.16 0 0 1 .152.652v-.003zm11.056 3.976a5.36 5.36 0 0 1-1.228 2.158l.003-.003a5.5 5.5 0 0 1-1.788 1.686l-.026.014a.8.8 0 0 1-.845-.095l.002.001q-.187-.134-2.462-3.84l-.629-1.03a.9.9 0 0 1-.153-.62v.004c.025-.237.12-.448.262-.618l-.001.002a.93.93 0 0 1 1.117-.346l-.006-.002q.014.014 1.593.535q2.72.88 3.239 1.064c.239.068.448.162.639.281l-.011-.006a.81.81 0 0 1 .292.822l.001-.005zM9.273 9.819q.067 1.366-.72 1.633q-.776.227-1.526-.95l-5.059-8a.84.84 0 0 1 .254-.829l.001-.001A6.9 6.9 0 0 1 4.957.479l.044-.007A7.1 7.1 0 0 1 8.026.048L8.002.047a.82.82 0 0 1 .655.597l.001.006q.04.24.294 4.089t.322 5.082zm8.859 1.446a.81.81 0 0 1-.346.788l-.003.002q-.201.134-4.4 1.151q-.897.201-1.218.308l.014-.026a.92.92 0 0 1-.622-.056l.006.002a1.1 1.1 0 0 1-.493-.423l-.003-.005a.94.94 0 0 1 .002-1.166l-.002.002q.014-.014 1.004-1.366q1.673-2.289 2.008-2.73a3 3 0 0 1 .453-.519l.003-.002a.83.83 0 0 1 .875-.024l-.004-.002a5.4 5.4 0 0 1 1.633 1.761l.014.026c.5.629.875 1.38 1.076 2.2l.008.04z"/></svg>

Yelp アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/yelp.svg" alt="Yelp アイコン" width="24" height="24">

他のアイコンセットの Yelp アイコン

Yelp アイコンのよくある質問

Yelp アイコンは商用利用でも無料ですか?

はい。Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Yelp アイコンを使うには?

@iconify/react をインストールして <Icon icon="fontisto:yelp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Yelp アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/yelp.svg" alt="Yelp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fontisto アイコンをすべて見る →