Savings 20 Regular アイコン
fluent:savings-20-regular
Savings 20 Regular アイコン(fluent:savings-20-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 20 × 20 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- savingsregular、saving
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M16.954 9.545q.046.358.046.763c0 1.535-.465 2.567-.91 3.208a4 4 0 0 1-.61.695a3 3 0 0 1-.236.188l-.009.006a.5.5 0 0 0-.235.424V16.5a.5.5 0 0 1-.5.5h-1.384a.116.116 0 0 1-.116-.116c0-.617-.5-1.117-1.116-1.117h-1.768c-.616 0-1.116.5-1.116 1.117a.116.116 0 0 1-.116.116H7.5a.5.5 0 0 1-.5-.5v-.85a.5.5 0 0 0-.342-.473l-.04-.019a2 2 0 0 1-.23-.132c-.22-.142-.567-.406-1.032-.877a5 5 0 0 1-.997-1.488c-.184-.422-.569-.793-1.084-.88A.33.33 0 0 1 3 11.457V9.95a.29.29 0 0 1 .242-.286c.55-.093.94-.514 1.092-.978c.13-.398.364-.92.752-1.313a5.6 5.6 0 0 1 1.09-.848a6 6 0 0 1 .49-.263l.026-.012l.005-.002A.5.5 0 0 0 7 5.787V3.69c.253.22.548.458.866.67c.434.292.951.566 1.482.665q.184-.501.48-.948l-.183-.019c-.355-.036-.782-.233-1.223-.528a8.5 8.5 0 0 1-1.115-.916a.77.77 0 0 0-.826-.155a.76.76 0 0 0-.481.704v2.314A6.9 6.9 0 0 0 4.374 6.67c-.543.55-.838 1.24-.99 1.705c-.06.178-.19.283-.308.303A1.29 1.29 0 0 0 2 9.949v1.507a1.33 1.33 0 0 0 1.108 1.312c.125.02.26.122.334.293a6 6 0 0 0 1.202 1.79c.509.516.911.827 1.199 1.014q.086.055.157.097v.538A1.5 1.5 0 0 0 7.5 18h1.384C9.5 18 10 17.5 10 16.884c0-.065.052-.117.116-.117h1.768c.064 0 .116.052.116.117C12 17.5 12.5 18 13.116 18H14.5a1.5 1.5 0 0 0 1.5-1.5v-1.419a5 5 0 0 0 .91-.994c.555-.797 1.09-2.026 1.09-3.779c0-.726-.101-1.376-.293-1.957a4.5 4.5 0 0 1-.754 1.194m-.152-4.313a3.5 3.5 0 0 1-1.171 4.166c-.43.312-.997.29-1.487.087l-3.04-1.259c-.49-.203-.907-.588-.99-1.112a3.5 3.5 0 0 1 6.688-1.882m-1.76 3.358a2.5 2.5 0 1 0-3.94-1.632a.3.3 0 0 0 .083.148c.064.068.166.14.302.196l3.04 1.26a.9.9 0 0 0 .352.073a.3.3 0 0 0 .164-.045M6.75 9.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/></svg>Savings 20 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:savings-20-regular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:savings-20-regular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:savings-20-regular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--savings-20-regular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:savings-20-regular"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:savings-20-regular"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/savings-20-regular.svg" alt="Savings 20 Regular アイコン" width="24" height="24">Fluent UI System Icons の関連アイコン
Savings 20 Regular アイコン のよくある質問
Savings 20 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Savings 20 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:savings-20-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Savings 20 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/savings-20-regular.svg" alt="Savings 20 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。