ICONYZ
日本語
Stash Icons の Billing Info Duotone アイコン

Billing Info Duotone アイコン

stash:billing-info-duotone

Billing Info Duotone アイコン(stash:billing-info-duotone)は、Stash Icons セットの無料 SVG アイコンです(作者: Pingback LLC)。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Stash Icons
作者
Pingback LLC
ライセンス
MIT
サイズ
24 × 24
タグ
billinginfo、infoduotone、billinginfoduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.75 10a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75m6.414 3.819c-.115.225-.15.498-.16.931h8.992c-.01-.433-.045-.706-.16-.931a1.5 1.5 0 0 0-.655-.655C19.861 13 19.441 13 18.6 13h-4.2c-.84 0-1.26 0-1.581.164a1.5 1.5 0 0 0-.655.655M21 16.25h-9v1.35c0 .84 0 1.26.164 1.581a1.5 1.5 0 0 0 .655.656c.32.163.74.163 1.581.163h4.2c.84 0 1.26 0 1.581-.163a1.5 1.5 0 0 0 .656-.656c.163-.32.163-.74.163-1.581zm-14.5-4a.75.75 0 0 0 0 1.5H10a.75.75 0 0 0 0-1.5z" opacity=".5"/><path fill="currentColor" d="M12.83 3.25H7.17c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 3.55 4.752c-.172.337-.24.693-.27 1.073c-.03.365-.03.81-.03 1.345v9.66c0 .535 0 .98.03 1.345c.03.38.098.736.27 1.073a2.75 2.75 0 0 0 1.202 1.202c.178.091.399.127.53.146c.167.025.368.044.584.06c.434.032.975.053 1.527.067c1.105.027 2.295.027 2.855.027h.002a.75.75 0 0 0 0-1.5c-.56 0-1.735 0-2.82-.027a32 32 0 0 1-1.454-.063q-.301-.023-.476-.048l-.106-.018a1.25 1.25 0 0 1-.508-.527c-.046-.09-.088-.227-.111-.515c-.024-.295-.025-.68-.025-1.252V7.2c0-.572 0-.957.025-1.253c.023-.287.065-.424.111-.514a1.25 1.25 0 0 1 .547-.547c.09-.046.227-.088.514-.111c.296-.024.68-.025 1.253-.025h5.6c.572 0 .957 0 1.252.025c.288.023.425.065.516.111c.235.12.426.311.546.547c.046.09.088.227.111.514c.024.296.025.68.025 1.253v3.05a.75.75 0 0 0 1.5 0V7.17c0-.535 0-.98-.03-1.345c-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.2-1.202c-.338-.172-.694-.24-1.074-.27c-.365-.03-.81-.03-1.345-.03"/><path fill="currentColor" d="M18.629 12.25H14.37c-.395 0-.736 0-1.017.023a2.3 2.3 0 0 0-.875.222a2.25 2.25 0 0 0-.984.984a2.3 2.3 0 0 0-.222.875c-.023.28-.023.622-.023 1.017v2.258c0 .395 0 .736.023 1.017c.024.297.078.592.222.875c.216.424.56.768.984.984c.283.144.578.198.875.222c.28.023.622.023 1.017.023h4.258c.395 0 .736 0 1.017-.023a2.3 2.3 0 0 0 .875-.222a2.25 2.25 0 0 0 .984-.983c.144-.284.198-.58.222-.876c.023-.28.023-.622.023-1.017V15.37c0-.395 0-.736-.023-1.017a2.3 2.3 0 0 0-.222-.875a2.25 2.25 0 0 0-.983-.984a2.3 2.3 0 0 0-.876-.222c-.28-.023-.622-.023-1.017-.023m-5.47 1.582c.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 1 .328.327c.02.038.047.113.064.317c.017.212.018.492.018.924v2.2c0 .432 0 .712-.018.924c-.017.204-.045.28-.064.316a.75.75 0 0 1-.328.328c-.037.02-.112.047-.316.064c-.212.017-.492.018-.924.018h-4.2c-.432 0-.712 0-.924-.018c-.204-.017-.28-.045-.317-.064a.75.75 0 0 1-.327-.328c-.02-.037-.047-.112-.064-.316a13 13 0 0 1-.018-.924v-2.2c0-.432 0-.712.018-.924c.017-.204.045-.28.064-.317a.75.75 0 0 1 .327-.327M5.75 7a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4A.75.75 0 0 1 5.75 7m.75 9.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5z"/></svg>

Billing Info Duotone アイコンの使い方

React

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

<Icon icon="stash:billing-info-duotone" width="24" />

Vue

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

<template>
  <Icon icon="stash:billing-info-duotone" width="24" />
</template>

Svelte

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

<Icon icon="stash:billing-info-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--billing-info-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:billing-info-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="stash:billing-info-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/billing-info-duotone.svg" alt="Billing Info Duotone アイコン" width="24" height="24">

Stash Icons の関連アイコン

Billing Info Duotone アイコン のよくある質問

Billing Info Duotone アイコンは商用利用でも無料ですか?

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

React で Billing Info Duotone アイコンを使うには?

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

Billing Info Duotone アイコンをウェブページに追加するには?

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

Stash Icons をすべて見る →