Firebase アイコン
bxl:firebase
Firebase アイコン(bxl:firebase)は、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="M18.21 8.97c-.45-.62-1.48-1.9-3.07-3.81c-.69-.83-1.28-1.53-1.57-1.87c-.16-.19-.3-.35-.41-.48l-.17-.2l-.09-.11l-.02-.03l-.4-.47l-.51.41c-1.3 1.04-2.36 2.38-3.07 3.87c-.44.89-.72 1.75-.87 2.65c-.04.2-.07.41-.1.61l-.53-.03h-.05c-.64-.02-1.28.05-1.9.23l-.26.07l-.14.24c-.64 1.12-1 2.39-1.04 3.68c-.06 1.67.4 3.29 1.32 4.69c.9 1.36 2.18 2.4 3.68 3.01l.2.08l.06.02c.79.28 1.61.44 2.45.47h.29c1.06 0 2.09-.21 3.07-.62s.26-.12.26-.12a8 8 0 0 0 3.27-2.78a8.04 8.04 0 0 0 1.37-4.2c.06-1.8-.54-3.59-1.78-5.31ZM9.72 20.25c-.07-.02-.14-.05-.2-.08l-.05-.02a6.63 6.63 0 0 1-3.03-2.51a6.56 6.56 0 0 1-1.08-3.88c.03-.99.28-1.94.74-2.82c.26-.06.53-.09.8-.11h.47c.19 0 .38.03.56.06c.06 1.26.37 2.62.92 4.04c.53 1.37 1.41 2.63 2.62 3.76c-.6.78-1.32 1.29-1.74 1.55Zm-.44-9.11c.4.13.77.3 1.1.52c.94.61 1.59 1.58 1.94 2.88c.27 1.04.22 2.03-.16 2.96c-.95-.93-1.64-1.96-2.06-3.05c-.45-1.17-.73-2.28-.81-3.31Zm2.49 9.5c-.1 0-.21 0-.31-.02a8 8 0 0 0 1.02-1.07c.4.31.82.59 1.26.86c-.64.17-1.3.25-1.97.23m5.89-3.14c-.58.93-1.38 1.71-2.33 2.26c-.53-.26-1.3-.7-2.12-1.33c.66-1.31.79-2.73.4-4.23c-.43-1.63-1.27-2.86-2.5-3.66c-.54-.35-1.15-.62-1.83-.79c0-.11.02-.22.04-.33c.01-.09.02-.18.04-.26c.11-.57.28-1.14.49-1.69c.08-.21.17-.42.27-.62c.15-.3.31-.61.51-.93l.08-.13c.45-.71 1-1.36 1.62-1.93l.24.28c.56.66 1.09 1.29 1.56 1.86c1.08 1.29 2.47 2.99 3.01 3.73c1.06 1.48 1.58 2.98 1.53 4.48c-.04 1.16-.38 2.3-1 3.28Z"/></svg>
Firebase アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:firebase" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:firebase" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:firebase" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--firebase]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:firebase"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:firebase"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/firebase.svg" alt="Firebase アイコン" width="24" height="24">
Firebase アイコン のよくある質問
Firebase アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Firebase アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:firebase" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Firebase アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/firebase.svg" alt="Firebase アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
