Laravel アイコン
cib:laravel
Laravel アイコン(cib:laravel)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.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="M31.526 7.24c.01.042.016.089.016.13v6.87a.5.5 0 0 1-.25.432l-5.766 3.323v6.578a.5.5 0 0 1-.25.432L13.24 31.932a.4.4 0 0 1-.089.036l-.031.016a.5.5 0 0 1-.255 0l-.036-.016a.4.4 0 0 1-.083-.036L.715 25.005a.5.5 0 0 1-.255-.432V3.964c0-.042.01-.089.021-.13c.005-.016.01-.026.016-.042l.031-.078c.005-.016.021-.026.031-.042l.047-.063a.3.3 0 0 0 .047-.036c.021-.016.036-.031.057-.042L6.726.067a.5.5 0 0 1 .5 0l6.021 3.464q.03.017.052.042l.052.036l.042.063c.01.01.026.026.036.042l.031.078c.005.016.016.026.016.042a.4.4 0 0 1 .021.13v12.87l5.01-2.885V7.371a.5.5 0 0 1 .037-.172l.031-.078c.01-.021.026-.031.036-.047c.016-.021.026-.042.042-.057s.036-.026.052-.036a.2.2 0 0 1 .052-.042l6.021-3.464a.48.48 0 0 1 .5 0l6.016 3.464c.021.01.036.026.057.042q.023.014.047.036c.024.022.031.036.047.057c.01.016.026.026.031.047c.016.026.021.052.031.078q.014.017.021.042zm-.99 6.708V8.24l-2.104 1.208l-2.906 1.677v5.708zm-6.01 10.333v-5.714l-2.865 1.63l-8.167 4.667v5.766zM1.458 4.833v19.448l11.031 6.349v-5.766l-5.766-3.266q-.03-.017-.052-.042c-.016-.01-.036-.021-.047-.036h-.005c-.016-.016-.026-.036-.042-.052c-.01-.016-.026-.031-.036-.052a.2.2 0 0 1-.026-.063c-.01-.021-.021-.036-.026-.057s-.01-.047-.01-.073c-.005-.021-.01-.036-.01-.057V7.718L3.563 6.041zm5.516-3.755l-5.01 2.885l5.01 2.885l5.01-2.885zm2.609 18.011l2.906-1.677V4.834l-2.104 1.208l-2.911 1.677v12.578zM25.026 4.484L20.01 7.369l5.016 2.885l5.01-2.885zm-.5 6.641L19.51 8.24v5.708l2.906 1.677l2.109 1.208zM12.99 23.995l11.026-6.292l-5.005-2.885L7.99 21.162z"/></svg>
Laravel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:laravel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:laravel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:laravel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--laravel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:laravel"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:laravel"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/laravel.svg" alt="Laravel アイコン" width="24" height="24">
Laravel アイコン のよくある質問
Laravel アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Laravel アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:laravel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Laravel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/laravel.svg" alt="Laravel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
