Billing Info アイコン
stash:billing-info
Billing Info アイコン(stash:billing-info)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- billinginfo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.17 3.25h5.66c.535 0 .98 0 1.345.03c.38.03.736.098 1.073.27a2.75 2.75 0 0 1 1.202 1.202c.172.337.24.693.27 1.073c.03.365.03.81.03 1.345v3.08a.75.75 0 0 1-1.5 0V7.2c0-.572 0-.957-.025-1.253c-.023-.287-.065-.424-.111-.514a1.25 1.25 0 0 0-.546-.547c-.091-.046-.228-.088-.515-.111c-.296-.024-.68-.025-1.253-.025H7.2c-.572 0-.957 0-1.253.025c-.287.023-.424.065-.514.111a1.25 1.25 0 0 0-.547.547c-.046.09-.088.227-.111.514c-.024.296-.025.68-.025 1.253v9.6c0 .572 0 .957.025 1.252c.023.288.065.425.111.515c.114.223.29.406.508.526q.024.006.106.019q.175.026.476.048c.398.03.91.05 1.454.063c1.085.027 2.26.027 2.82.027a.75.75 0 0 1 0 1.5h-.002c-.56 0-1.75 0-2.855-.027a33 33 0 0 1-1.527-.067a8 8 0 0 1-.585-.06a1.8 1.8 0 0 1-.53-.146a2.75 2.75 0 0 1-1.201-1.2c-.172-.338-.24-.694-.27-1.074c-.03-.365-.03-.81-.03-1.345V7.17c0-.535 0-.98.03-1.345c.03-.38.098-.736.27-1.073A2.75 2.75 0 0 1 4.752 3.55c.337-.172.693-.24 1.073-.27c.365-.03.81-.03 1.345-.03"/><path fill="currentColor" d="M14.371 12.25h4.258c.395 0 .736 0 1.017.023c.297.024.592.078.875.222c.424.216.768.56.984.984c.144.283.198.578.222.875c.023.28.023.622.023 1.017v2.258c0 .395 0 .736-.023 1.017a2.3 2.3 0 0 1-.222.875a2.25 2.25 0 0 1-.983.984c-.284.144-.58.198-.876.222c-.28.023-.622.023-1.017.023H14.37c-.395 0-.736 0-1.017-.023a2.3 2.3 0 0 1-.875-.222a2.25 2.25 0 0 1-.984-.983a2.3 2.3 0 0 1-.222-.876c-.023-.28-.023-.622-.023-1.017V15.37c0-.395 0-.736.023-1.017a2.3 2.3 0 0 1 .222-.875a2.25 2.25 0 0 1 .984-.984a2.3 2.3 0 0 1 .875-.222c.28-.023.622-.023 1.017-.023m-.895 1.518c-.204.017-.28.045-.317.064a.75.75 0 0 0-.327.327c-.02.038-.047.113-.064.317l-.002.024h7.468l-.002-.024c-.017-.204-.045-.28-.064-.317a.75.75 0 0 0-.328-.327c-.037-.02-.112-.047-.316-.064a13 13 0 0 0-.924-.018h-4.2c-.432 0-.712 0-.924.018M20.25 16.5h-7.5v1.1c0 .432 0 .712.018.924c.017.204.045.28.064.316a.75.75 0 0 0 .327.328c.038.02.113.047.317.064c.212.017.492.018.924.018h4.2c.432 0 .712 0 .924-.018c.204-.017.28-.045.316-.064a.75.75 0 0 0 .328-.328c.02-.037.047-.112.064-.316c.017-.212.018-.492.018-.924zM6.5 6.25a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5zM5.75 10a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75m.75 2.25a.75.75 0 0 0 0 1.5H10a.75.75 0 0 0 0-1.5zM5.75 17a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75"/></svg>Billing Info アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:billing-info" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:billing-info" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:billing-info" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--billing-info]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:billing-info"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:billing-info"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/billing-info.svg" alt="Billing Info アイコン" width="24" height="24">Stash Icons の関連アイコン
Billing Info アイコン のよくある質問
Billing Info アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Billing Info アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:billing-info" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Billing Info アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/billing-info.svg" alt="Billing Info アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。