Laravel アイコン
bxl:laravel
Laravel アイコン(bxl:laravel)は、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="M21.7 6.49s0-.04-.02-.05l-.02-.02l-.03-.04l-.03-.02l-.04-.03l-3.77-2.16a.32.32 0 0 0-.3 0l-3.76 2.16l-.03.03l-.04.02l-.02.04l-.02.02l-.02.05v.03s-.02.05-.02.08v4.11l-3.13 1.8V4.47l-.02-.08v-.03l-.03-.05l-.02-.03s-.02-.02-.02-.04l-.04-.02s-.02-.02-.03-.02L6.53 2.04a.29.29 0 0 0-.31 0L2.46 4.2s-.02.02-.04.02l-.03.02l-.03.04l-.02.03l-.02.05l-.02.03v12.96c0 .11.06.21.16.27l7.53 4.33l.05.02h.03c.05.02.11.02.16 0h.02l.05-.04l7.52-4.33c.1-.05.15-.16.15-.27v-4.11l3.61-2.08c.09-.05.15-.16.15-.27V6.49l-.02-.02Zm-15.03 8.2V6.83l1.82-1.05l1.31-.76v7.87l-1.82 1.05zm-.3-12.01L9.5 4.49l-3.13 1.8l-3.13-1.8zm3.45 18.47l-6.9-3.97V5.03l1.31.75l1.81 1.05v8.4l.02.04v.05l.02.04l.02.04l.02.03l.03.03s.02.02.03.02l.03.03l3.6 2.04v3.6Zm.31-4.15L7 15.23l3.29-1.89l3.6-2.08l3.13 1.81l-2.29 1.31zm7.21.17l-6.89 3.98v-3.6l5.1-2.91l1.79-1.02v3.57Zm0-8.21v3.57l-1.31-.76l-1.82-1.05V7.15l1.31.76zm.31-.55L14.52 6.6l3.13-1.81l3.13 1.81zm3.45 2.31l-3.13 1.8V8.95l1.82-1.04l1.31-.76z"/></svg>
Laravel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:laravel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:laravel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:laravel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--laravel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:laravel"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:laravel"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/laravel.svg" alt="Laravel アイコン" width="24" height="24">
Laravel アイコン のよくある質問
Laravel アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Laravel アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:laravel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Laravel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/laravel.svg" alt="Laravel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
