ICONYZ
日本語
Bootstrap Icons の Currency Pound アイコン

Currency Pound アイコン

bi:currency-pound

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

アイコンセット
Bootstrap Icons
作者
The Bootstrap Authors
ライセンス
MIT
サイズ
24 × 24
タグ
currencypound
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 8.585h1.969c.115.465.186.939.186 1.43c0 1.385-.736 2.496-2.075 2.771V14H12v-1.24H6.492v-.129c.825-.525 1.135-1.446 1.135-2.694c0-.465-.07-.913-.168-1.352h3.29v-.972H7.22c-.186-.723-.372-1.455-.372-2.247c0-1.274 1.047-2.066 2.58-2.066a5.3 5.3 0 0 1 2.103.465V2.456A5.6 5.6 0 0 0 9.348 2C6.865 2 5.322 3.291 5.322 5.366c0 .775.195 1.515.399 2.247H4z"/></svg>

Currency Pound アイコンの使い方

React

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

<Icon icon="bi:currency-pound" width="24" />

Vue

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

<template>
  <Icon icon="bi:currency-pound" width="24" />
</template>

Svelte

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

<Icon icon="bi:currency-pound" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="bi:currency-pound"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bi/currency-pound.svg" alt="Currency Pound アイコン" width="24" height="24">

Bootstrap Icons の関連アイコン

他のアイコンセットの Currency Pound アイコン

Currency Pound アイコン のよくある質問

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

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

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

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

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

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

Bootstrap Icons をすべて見る →