Yelp アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:yelp

Yelp アイコン(arcticons:yelp)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m18.639 29.107l1.796-.415c.037-.009.1-.023.176-.048a1.984 1.984 0 0 0 1.417-2.36l-.008-.032a2 2 0 0 0-.305-.668a2.5 2.5 0 0 0-.733-.629a7 7 0 0 0-1.042-.482l-1.969-.719c-1.105-.41-2.21-.811-3.325-1.202c-.723-.257-1.336-.483-1.869-.648c-.1-.03-.211-.062-.301-.093a5.2 5.2 0 0 0-1.479-.282a1.8 1.8 0 0 0-.746.136a1.9 1.9 0 0 0-.649.46a4 4 0 0 0-.254.321a4 4 0 0 0-.203.352a3 3 0 0 0-.175.402a10.2 10.2 0 0 0-.538 3.355a6.44 6.44 0 0 0 .6 3.25a1.9 1.9 0 0 0 .538.584a2.3 2.3 0 0 0 1.236.346a6.3 6.3 0 0 0 1.861-.251l5.966-1.379Zm20.035-9.534a10.2 10.2 0 0 0-1.95-2.78a3 3 0 0 0-.332-.285a4 4 0 0 0-.337-.226a4 4 0 0 0-.37-.177a1.9 1.9 0 0 0-.782-.13a1.8 1.8 0 0 0-.731.205a5.3 5.3 0 0 0-1.206.902c-.068.068-.154.144-.23.216c-.407.383-.86.854-1.398 1.403q-1.247 1.26-2.464 2.54l-1.456 1.51a7 7 0 0 0-.726.89a2.5 2.5 0 0 0-.384.888a2 2 0 0 0 .017.734l.008.032a1.98 1.98 0 0 0 2.305 1.5a2 2 0 0 0 .179-.034l7.764-1.794a6.3 6.3 0 0 0 1.783-.59a2.3 2.3 0 0 0 .96-.853a1.9 1.9 0 0 0 .229-.761a6.4 6.4 0 0 0-.88-3.19m-13.896 3.265a4.6 4.6 0 0 0 .612-2.622c.169-2.878.347-5.756.489-8.636a30 30 0 0 0 .106-3.265a4.8 4.8 0 0 0-.632-2.692c-1.01-1.312-3.165-1.204-4.635-1q-.677.092-1.35.254c-.672.162-.89.224-1.323.363c-1.41.462-3.393 1.31-3.73 2.936a4.8 4.8 0 0 0 .608 2.697a30 30 0 0 0 1.523 2.889c1.388 2.526 2.802 5.036 4.213 7.55a4.6 4.6 0 0 0 1.694 2.088a2 2 0 0 0 .165.062a1.97 1.97 0 0 0 1.144.077l.068-.016a1.97 1.97 0 0 0 .92-.552a2 2 0 0 0 .128-.133m-.674 7.704a1.8 1.8 0 0 0-2-.673a2 2 0 0 0-.248.102a2.4 2.4 0 0 0-.353.22a4.7 4.7 0 0 0-.844.864a2 2 0 0 1-.195.254l-1.249 1.718c-.708.962-1.406 1.927-2.098 2.907c-.452.633-.842 1.168-1.151 1.64c-.059.09-.12.189-.175.268a5.3 5.3 0 0 0-.687 1.362a1.8 1.8 0 0 0-.075.767a1.9 1.9 0 0 0 .266.76a4 4 0 0 0 .242.335a4 4 0 0 0 .285.297a3 3 0 0 0 .342.281a11 11 0 0 0 2.799 1.364a10 10 0 0 0 2.553.488a3 3 0 0 0 .444-.01a3 3 0 0 0 .805-.173a1.9 1.9 0 0 0 .678-.431a1.8 1.8 0 0 0 .413-.649a5.3 5.3 0 0 0 .302-1.495c.005-.096.019-.212.029-.318c.049-.563.071-1.224.108-2.001q.09-1.79.146-3.58l.08-2.122a5 5 0 0 0-.132-1.517a2.3 2.3 0 0 0-.285-.658M38.2 33.863a5.4 5.4 0 0 0-1.212-.923c-.084-.047-.183-.11-.273-.164c-.486-.292-1.07-.599-1.752-.97a195 195 0 0 0-3.157-1.692l-1.871-.993a2 2 0 0 1-.287-.142a4.7 4.7 0 0 0-1.137-.406a2.4 2.4 0 0 0-.413-.043a2 2 0 0 0-.268.016a1.8 1.8 0 0 0-1.5 1.484a2.3 2.3 0 0 0 .027.713a5 5 0 0 0 .543 1.422l1 1.873q.834 1.585 1.696 3.154c.372.682.682 1.267.972 1.751c.055.091.117.19.164.274a5.4 5.4 0 0 0 .924 1.212a1.8 1.8 0 0 0 .655.4a1.9 1.9 0 0 0 .8.09a4 4 0 0 0 .407-.071a4 4 0 0 0 .392-.127a3 3 0 0 0 .402-.186a10 10 0 0 0 2.083-1.56a11 11 0 0 0 1.92-2.453a3 3 0 0 0 .185-.404a4 4 0 0 0 .126-.392a4 4 0 0 0 .07-.408a1.9 1.9 0 0 0-.092-.798a1.8 1.8 0 0 0-.403-.657"/></svg>

Yelp アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →