ICONYZ
日本語
Solar の Bill Cross Bold アイコン

Bill Cross Bold アイコン

solar:bill-cross-bold

Bill Cross Bold アイコン(solar:bill-cross-bold)は、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
カテゴリ
お金
タグ
billcross、crossbold、billcrossbold
SVG をダウンロード

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="M6.33333 2H17.6667C17.9762 2 18.131 2 18.2615 2.01198C19.7118 2.14511 20.8617 3.35155 20.9886 4.87321C21 5.01012 21 5.1725 21 5.49727V20.2598C21 21.1323 19.9413 21.5026 19.4423 20.8045C19.0962 20.3203 18.4038 20.3203 18.0577 20.8045L17.625 21.4098C17.0625 22.1967 15.9375 22.1967 15.375 21.4098C14.8125 20.623 13.6875 20.623 13.125 21.4098C12.5625 22.1967 11.4375 22.1967 10.875 21.4098C10.3125 20.623 9.1875 20.623 8.625 21.4098C8.0625 22.1967 6.9375 22.1967 6.375 21.4098L5.94231 20.8045C5.59615 20.3203 4.90385 20.3203 4.55769 20.8045C4.05871 21.5026 3 21.1323 3 20.2598V5.49727C3 5.1725 3 5.01012 3.01142 4.87321C3.1383 3.35155 4.28819 2.14511 5.73853 2.01198C5.86902 2 6.02379 2 6.33333 2ZM10.5303 7.46967C10.2375 7.17678 9.76258 7.17678 9.46969 7.46967C9.17679 7.76256 9.17679 8.23744 9.46969 8.53033L10.9394 10L9.4697 11.4697C9.17681 11.7626 9.17681 12.2374 9.4697 12.5303C9.7626 12.8232 10.2375 12.8232 10.5304 12.5303L12 11.0607L13.4697 12.5303C13.7626 12.8232 14.2374 12.8232 14.5303 12.5303C14.8232 12.2374 14.8232 11.7625 14.5303 11.4697L13.0607 10L14.5303 8.53035C14.8232 8.23745 14.8232 7.76258 14.5303 7.46969C14.2375 7.17679 13.7626 7.17679 13.4697 7.46969L12 8.93935L10.5303 7.46967ZM7.5 14.75C7.08579 14.75 6.75 15.0858 6.75 15.5C6.75 15.9142 7.08579 16.25 7.5 16.25H16.5C16.9142 16.25 17.25 15.9142 17.25 15.5C17.25 15.0858 16.9142 14.75 16.5 14.75H7.5Z" clip-rule="evenodd"/></svg>

Bill Cross Bold アイコンの使い方

React

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

<Icon icon="solar:bill-cross-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:bill-cross-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:bill-cross-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bill-cross-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bill-cross-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:bill-cross-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/bill-cross-bold.svg" alt="Bill Cross Bold アイコン" width="24" height="24">

Solar の関連アイコン

他のアイコンセットの Bill Cross Bold アイコン

Bill Cross Bold アイコン のよくある質問

Bill Cross Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Bill Cross Bold アイコンを使うには?

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

Bill Cross Bold アイコンをウェブページに追加するには?

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

Solar アイコン をすべて見る →