Yelp アイコン
la:yelp
Yelp アイコン(la:yelp)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- その他
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M14.344 4c-1.473.05-4.602.988-5.25 1.656c-.239.246-.352.574-.281.844c.117.238 5.062 8 5.062 8c.734 1.188 1.336 1 1.531.938c.196-.06.785-.239.719-1.626c-.07-1.62-.535-8.82-.594-9.156c-.082-.304-.344-.539-.687-.625a2 2 0 0 0-.5-.031m7.469 7.094a.73.73 0 0 0-.407.125c-.156.101-.277.254-2.468 3.25c0 0-.989 1.363-1 1.375c-.262.316-.254.765 0 1.156c.265.402.687.613 1.093.5c0 0 .004.023 0 .031c.203-.074.563-.187 1.219-.343c4.094-.993 4.246-1.02 4.406-1.125c.246-.168.364-.473.344-.813c0-.012.004-.02 0-.031c-.105-1.004-1.852-3.61-2.719-4.031a1 1 0 0 0-.468-.094m-13.75 4.031c-.297-.012-.567.148-.75.438c-.391.624-.543 2.57-.407 3.874c.051.434.106.817.219 1.032a.84.84 0 0 0 .719.468c.191.008.336-.03 3.937-1.187c0 0 1.586-.496 1.594-.5c.398-.102.66-.469.688-.938c.027-.48-.22-.91-.626-1.062c0 0-1.12-.469-1.124-.469c-3.872-1.597-4.055-1.652-4.25-1.656m11.03 4.406a1.07 1.07 0 0 0-.843.407c-.305.37-.336.878-.094 1.25l.625 1.03c2.137 3.473 2.313 3.692 2.469 3.813c.238.188.531.219.844.094c.91-.363 2.89-2.871 3.031-3.844c.047-.34-.047-.625-.281-.812c-.153-.114-.278-.16-3.875-1.344c0 0-1.574-.52-1.594-.531a.9.9 0 0 0-.281-.063zm-4.374 1.125a.97.97 0 0 0-.531.344s-.778.938-.782.938c-2.715 3.183-2.808 3.312-2.875 3.5a1 1 0 0 0-.062.375c.015.171.09.316.219.468c.628.746 3.664 1.852 4.624 1.688c.336-.063.551-.219.657-.5c.062-.184.082-.309.094-4.094v-1.688c.027-.41-.223-.8-.657-.968a1.24 1.24 0 0 0-.687-.063"/></svg>
Yelp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:yelp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:yelp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:yelp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--yelp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:yelp"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:yelp"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/yelp.svg" alt="Yelp アイコン" width="24" height="24">
Yelp アイコン のよくある質問
Yelp アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yelp アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:yelp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yelp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/yelp.svg" alt="Yelp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
