Filetype Rb アイコン

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

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

bi:filetype-rb

Filetype Rb アイコン(bi:filetype-rb)は、Bootstrap Icons セットの無料 SVG アイコンです（作者: The Bootstrap Authors）。 24 × 24 のグリッドで描かれています。 Bootstrap Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Bootstrap Icons
作者: The Bootstrap Authors
ライセンス: MIT
サイズ: 24 × 24
タグ: filetyperb

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H8v-1h4a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM0 11.85h1.597q.446 0 .758.158q.315.155.478.44q.167.284.167.668a1.18 1.18 0 0 1-.727 1.122l.803 1.611h-.885l-.7-1.491H.782v1.491H0zm.782.621v1.292h.689q.327 0 .518-.158q.195-.159.194-.475q0-.32-.194-.489a.74.74 0 0 0-.507-.17zm4.426 3.378H3.544V11.85h1.67q.536 0 .858.26q.322.262.322.724a.94.94 0 0 1-.09.422a.8.8 0 0 1-.244.293a1 1 0 0 1-.351.161v.035q.243.024.445.141a.85.85 0 0 1 .322.325a1 1 0 0 1 .123.51q0 .357-.178.61q-.18.25-.492.386a1.9 1.9 0 0 1-.721.132m-.179-3.404h-.7v1.07h.521q.267 0 .434-.065a.5.5 0 0 0 .249-.185a.5.5 0 0 0 .082-.296a.49.49 0 0 0-.155-.384q-.153-.14-.43-.14Zm.05 1.62h-.75v1.19h.589q.466 0 .67-.147a.5.5 0 0 0 .206-.434a.6.6 0 0 0-.082-.325a.5.5 0 0 0-.24-.21a.95.95 0 0 0-.393-.074"/></svg>

Filetype Rb アイコンの使い方

React

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

<Icon icon="bi:filetype-rb" width="24" />

Vue

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

<template>
  <Icon icon="bi:filetype-rb" width="24" />
</template>

Svelte

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

<Icon icon="bi:filetype-rb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--filetype-rb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:filetype-rb"></div>

Web コンポーネント

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

<iconify-icon icon="bi:filetype-rb"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bi/filetype-rb.svg" alt="Filetype Rb アイコン" width="24" height="24">

Bootstrap Icons の関連アイコン

Filetype Rb アイコンのよくある質問

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

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

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

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

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

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

Bootstrap Icons をすべて見る →