Laravel アイコン

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

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

fontisto:laravel

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="35" height="24" viewBox="0 0 35 24"><path fill="currentColor" d="M34.959 11.235h-.055q.438.384-.219.548l-4.766 1.259l4.326 5.862q.219.329.11.468a1.8 1.8 0 0 1-.536.346l-.012.005l-5.587 2.03q-5.314 1.863-5.807 2.028h-.055a2.1 2.1 0 0 1-.946.219h-.041h.002a1.25 1.25 0 0 1-.815-.596l-.003-.006q-.548-.712-3.999-6.957q-5.865 1.533-7.344 1.863a1.404 1.404 0 0 1-1.805-.809l-.003-.01l-1.425-3.127Q.446 2.47.172 1.758Q-.321.662.61.552l.712-.055Q7.025.06 7.677.005a1.5 1.5 0 0 1 .695.114l-.01-.004c.168.115.305.262.407.432l.003.006l8.492 14.19l10.628-2.52l-3.508-4.986q-.384-.548.493-.657l4.931-.819a1.04 1.04 0 0 1 .556.029l-.008-.002c.22.115.404.273.545.464l.003.004l2.136 2.63q1.753 2.185 1.918 2.35zM15.62 15.179q.274-.055.055-.329L7.726 1.099a.22.22 0 0 0-.22-.11h.001L1.7 1.482q-.055 0-.055.11q.002.121.056.221L1.7 1.81l7.177 14.792q.055.11.11.11h.274l3.889-.935q2.41-.599 2.47-.599zm16.764 3.123l-3.508-4.821a.5.5 0 0 0-.189-.191l-.002-.001a.4.4 0 0 0-.249.028l.003-.001l-10.407 2.74l3.452 5.807q.165.274.274.302a.5.5 0 0 0 .277-.028l-.003.001l10.244-3.508q.219-.055.219-.11a.26.26 0 0 0-.055-.137v.001zm.657-7.341q.438-.11.329-.274q-2.689-3.342-3.013-3.78a.394.394 0 0 0-.441-.219h.003l-3.944.712q-.219.055-.055.274l3.123 4.273q2.026-.493 3.999-.987z"/></svg>

Laravel アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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