Lyft アイコン
bxl:lyft
Lyft アイコン(bxl:lyft)は、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="M20.98 11.94v-.86h.93V8.07h-1.02a4.01 4.01 0 0 0-7.93.85v7.02c.63.09 1.38-.01 2.02-.54c.66-.55.96-1.45.96-2.31v-.26h1.52V9.82h-1.52v-.91c0-.56.46-1.02 1.02-1.02s1.02.46 1.02 1.02v3.01c0 2.21 1.8 4.01 4.01 4.01v-2.99c-.56 0-1.02-.46-1.02-1.02Zm-11.5.55c0 .25-.21.45-.46.45s-.46-.2-.46-.45V8.08H5.55v5.19c0 .93.32 2.11 1.76 2.5c1.44.38 2.28-.41 2.28-.41c-.08.52-.57.91-1.37.99c-.6.06-1.37-.14-1.76-.3v2.75c.98.29 2.01.38 3.03.19c1.84-.36 3-1.89 3-3.94V8.09H9.48v4.41Z"/><path fill="currentColor" d="M5.04 13.32V5.17H2v8.12c0 .85.3 1.76.97 2.31c1.13.93 2.63.55 3.13.11c-.47-.33-1.06-1.1-1.06-2.39"/></svg>
Lyft アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:lyft" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:lyft" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:lyft" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--lyft]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:lyft"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:lyft"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/lyft.svg" alt="Lyft アイコン" width="24" height="24">
Lyft アイコン のよくある質問
Lyft アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lyft アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:lyft" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lyft アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/lyft.svg" alt="Lyft アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
