Banknote Outline アイコン
solar:banknote-outline
Banknote Outline アイコン(solar:banknote-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
- カテゴリ
- お金
- タグ
- banknoteoutline
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="M18.2102 5.83041C17.4287 5.75091 16.4201 5.75 15 5.75L9 5.75C7.57993 5.75 6.57133 5.75091 5.78975 5.83042C5.02071 5.90865 4.55507 6.05673 4.1944 6.29772C3.83953 6.53484 3.53484 6.83953 3.29772 7.1944C3.05673 7.55507 2.90865 8.02071 2.83041 8.78975C2.75091 9.57133 2.75 10.5799 2.75 12C2.75 13.4201 2.75091 14.4287 2.83042 15.2102C2.90865 15.9793 3.05673 16.4449 3.29772 16.8056C3.53484 17.1605 3.83953 17.4652 4.1944 17.7023C4.55507 17.9433 5.02071 18.0914 5.78975 18.1696C6.57133 18.2491 7.57993 18.25 9 18.25H15C16.4201 18.25 17.4287 18.2491 18.2102 18.1696C18.9793 18.0914 19.4449 17.9433 19.8056 17.7023C20.1605 17.4652 20.4652 17.1605 20.7023 16.8056C20.9433 16.4449 21.0914 15.9793 21.1696 15.2102C21.2491 14.4287 21.25 13.4201 21.25 12C21.25 10.5799 21.2491 9.57133 21.1696 8.78975C21.0914 8.02071 20.9433 7.55507 20.7023 7.1944C20.4652 6.83953 20.1605 6.53484 19.8056 6.29772C19.4449 6.05673 18.9793 5.90865 18.2102 5.83041ZM18.3621 4.33812C19.2497 4.42841 19.9907 4.61739 20.639 5.05052C21.1576 5.39707 21.6029 5.84239 21.9495 6.36104C22.3826 7.00926 22.5716 7.7503 22.6619 8.63794C22.75 9.50431 22.75 10.5892 22.75 11.9584V12.0416C22.75 13.4108 22.75 14.4957 22.6619 15.3621C22.5716 16.2497 22.3826 16.9907 21.9495 17.639C21.6029 18.1576 21.1576 18.6029 20.639 18.9495C19.9907 19.3826 19.2497 19.5716 18.3621 19.6619C17.4957 19.75 16.4108 19.75 15.0416 19.75H8.9584C7.5892 19.75 6.5043 19.75 5.63795 19.6619C4.7503 19.5716 4.00926 19.3826 3.36104 18.9495C2.84239 18.6029 2.39707 18.1576 2.05052 17.639C1.61739 16.9907 1.42841 16.2497 1.33812 15.3621C1.24998 14.4957 1.24999 13.4108 1.25 12.0416V11.9584C1.24999 10.5892 1.24998 9.5043 1.33812 8.63795C1.42841 7.7503 1.61739 7.00926 2.05052 6.36104C2.39707 5.84239 2.84239 5.39707 3.36104 5.05052C4.00926 4.61739 4.7503 4.42841 5.63794 4.33812C6.5043 4.24998 7.5892 4.24999 8.95841 4.25L15.0416 4.25C16.4108 4.24999 17.4957 4.24998 18.3621 4.33812ZM5.5 8.25C5.91421 8.25 6.25 8.58579 6.25 9L6.25 15C6.25 15.4142 5.91421 15.75 5.5 15.75C5.08579 15.75 4.75 15.4142 4.75 15L4.75 9C4.75 8.58579 5.08579 8.25 5.5 8.25ZM12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75ZM8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12ZM18.5 8.25C18.9142 8.25 19.25 8.58579 19.25 9V15C19.25 15.4142 18.9142 15.75 18.5 15.75C18.0858 15.75 17.75 15.4142 17.75 15V9C17.75 8.58579 18.0858 8.25 18.5 8.25Z" clip-rule="evenodd"/></svg>Banknote Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:banknote-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:banknote-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:banknote-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--banknote-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:banknote-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:banknote-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/banknote-outline.svg" alt="Banknote Outline アイコン" width="24" height="24">Solar の関連アイコン
Banknote Outline アイコン のよくある質問
Banknote Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Banknote Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:banknote-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Banknote Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/banknote-outline.svg" alt="Banknote Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。