Bill 2 Outline アイコン
solar:bill-2-outline
Bill 2 Outline アイコン(solar:bill-2-outline)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- リスト
- タグ
- billoutline
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="M1.25 2C1.25 1.58579 1.58579 1.25 2 1.25H22C22.4142 1.25 22.75 1.58579 22.75 2C22.75 2.41421 22.4142 2.75 22 2.75H20.75V12.27C20.75 12.3228 20.75 12.3749 20.7501 12.4264C20.7507 13.6132 20.7511 14.4386 20.4148 15.1792C20.0785 15.9197 19.4567 16.4628 18.5625 17.2439C18.5238 17.2777 18.4845 17.312 18.4447 17.3468L16.4067 19.1288C15.4977 19.9236 14.762 20.5669 14.111 21.005C13.4333 21.461 12.7697 21.75 12 21.75C11.2303 21.75 10.5667 21.461 9.88903 21.005C9.23796 20.5669 8.50227 19.9236 7.59334 19.1288L5.55529 17.3468C5.51551 17.312 5.47624 17.2777 5.43748 17.2439C4.54328 16.4628 3.92149 15.9197 3.58521 15.1792C3.2489 14.4386 3.24933 13.6132 3.24995 12.4264C3.24997 12.3749 3.25 12.3228 3.25 12.27V2.75H2C1.58579 2.75 1.25 2.41421 1.25 2ZM4.75 2.75V12.27C4.75 13.6768 4.76568 14.1509 4.95099 14.559C5.13634 14.9671 5.48319 15.2912 6.54265 16.2176L8.54265 17.9663C9.49871 18.8023 10.1635 19.3817 10.7265 19.7605C11.2718 20.1275 11.6425 20.25 12 20.25C12.3575 20.25 12.7282 20.1275 13.2735 19.7605C13.8365 19.3817 14.5013 18.8023 15.4573 17.9663L17.4574 16.2176C18.5168 15.2912 18.8637 14.9671 19.049 14.559C19.2343 14.1509 19.25 13.6768 19.25 12.27V2.75H4.75ZM7.75 8C7.75 7.58579 8.08579 7.25 8.5 7.25H15.5C15.9142 7.25 16.25 7.58579 16.25 8C16.25 8.41421 15.9142 8.75 15.5 8.75H8.5C8.08579 8.75 7.75 8.41421 7.75 8ZM7.75 13C7.75 12.5858 8.08579 12.25 8.5 12.25H15.5C15.9142 12.25 16.25 12.5858 16.25 13C16.25 13.4142 15.9142 13.75 15.5 13.75H8.5C8.08579 13.75 7.75 13.4142 7.75 13Z" clip-rule="evenodd"/></svg>Bill 2 Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bill-2-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bill-2-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bill-2-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bill-2-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bill-2-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bill-2-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/bill-2-outline.svg" alt="Bill 2 Outline アイコン" width="24" height="24">Solar の関連アイコン
bill-2-bold
bill-2-bold-duotone
bill-2-broken
bill-2-line-duotone
bill-2-linear
bill-bold
bill-bold-duotone
bill-broken
bill-check-bold
bill-check-bold-duotone
bill-check-broken
bill-check-line-duotone
bill-check-linear
bill-check-outline
bill-cross-bold
bill-cross-bold-duotone
bill-cross-broken
bill-cross-line-duotone
bill-cross-linear
bill-cross-outline
bill-line-duotone
bill-linear
bill-list-bold
bill-list-bold-duotone
Bill 2 Outline アイコン のよくある質問
Bill 2 Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bill 2 Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:bill-2-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bill 2 Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/bill-2-outline.svg" alt="Bill 2 Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。