Ledger アイコン
thesvg-color:ledger
Ledger アイコン(thesvg-color:ledger)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 383 × 128 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 383 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="383" height="128" viewBox="0 0 383 128"><path d="M327.26 119.94V128h55.31V91.65h-8.06v28.29zm0-119.94v8.06h47.25v28.29h8.06V0zm-28.52 62.34V43.62h12.64c6.17 0 8.38 2.05 8.38 7.66v3.32c0 5.77-2.14 7.74-8.38 7.74zm20.07 3.32c5.76-1.5 9.8-6.88 9.8-13.27c0-4.03-1.59-7.67-4.59-10.6c-3.79-3.63-8.85-5.44-15.4-5.44h-17.78v55.3h7.9V69.61h11.85c6.09 0 8.54 2.53 8.54 8.85v13.2h8.05V79.71c0-8.69-2.05-12-8.37-12.95zm-66.53 1.82h24.34V60.2h-24.34V43.6h26.7v-7.26h-34.76v55.3h35.95v-7.27h-27.89zm-26.47 2.92v3.8c0 7.97-2.92 10.58-10.27 10.58h-1.74c-7.35 0-10.9-2.37-10.9-13.35V56.57c0-11.06 3.71-13.35 11.06-13.35h1.58c7.19 0 9.48 2.68 9.56 10.11h8.7c-.8-10.9-8.07-17.77-18.97-17.77c-5.3 0-9.72 1.66-13.04 4.81c-4.98 4.67-7.74 12.57-7.74 23.63c0 10.67 2.37 18.57 7.27 23.46a18 18 0 0 0 12.4 4.98c4.74 0 9.09-1.9 11.3-6h1.1v5.21h7.28V63.13h-21.42v7.27zm-69.68-26.79h8.6c8.15 0 12.57 2.06 12.57 13.12v14.54c0 11.06-4.42 13.11-12.56 13.11h-8.61zm9.32 48.04c15.1 0 20.7-11.45 20.7-27.65c0-16.43-6-27.65-20.86-27.65h-17.07v55.3zm-55.39-24.17h24.34V60.2h-24.34V43.6h26.7v-7.26H102v55.3h35.95v-7.27h-27.89zM63.45 36.35h-8.06v55.3h36.34v-7.27H63.45zM0 91.65V128h55.3v-8.06H8.07V91.65zM0 0v36.35h8.06V8.05H55.3V0z"/></svg>
Ledger アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ledger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ledger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ledger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ledger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ledger"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ledger"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/ledger.svg" alt="Ledger アイコン" width="24" height="24">
Ledger アイコン のよくある質問
Ledger アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ledger アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:ledger" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ledger アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/ledger.svg" alt="Ledger アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
