Savings アイコン
fluent-mdl2:savings
Savings アイコン(fluent-mdl2:savings)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- saving
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M576 768q26 0 45 19t19 45t-19 45t-45 19t-45-19t-19-45t19-45t45-19m1102-324q84 39 152 99t117 137t75 163t26 181q0 79-18 154t-51 144t-80 130t-107 113v163q0 40-15 75t-41 61t-61 41t-75 15h-128q-30 0-58-9t-53-26t-42-40t-28-53h-278q-10 29-28 52t-42 41t-52 26t-59 9H704q-40 0-75-15t-61-41t-41-61t-15-75v-80q-68-18-128-53t-109-84t-82-109t-51-129q-32-8-58-26t-44-42t-29-55t-11-62V960q0-34 11-65t33-57t49-43t63-24q74-104 162-194t194-162V57l399 199h123q14-56 45-103t74-81t96-53t111-19q69 0 130 26t107 72t72 107t27 131q0 56-18 108m-318-316q-43 0-81 16t-66 45t-44 66t-17 81q0 35 10 65l342 85q30-29 47-68t17-82t-16-81t-45-66t-66-44t-81-17m304 1378q57-46 104-99t81-113t52-127t19-143q0-76-22-147t-62-133t-96-109t-126-80q-17 21-37 38t-44 32l-462-115q-15-31-27-61t-17-65H881L640 264v218q-70 47-126 91t-104 93t-92 104t-92 126q-17 0-34 1t-32 8t-23 19t-9 36v128q0 26 19 45t45 19h64q0 80 30 149t82 122t122 83t150 30v192q0 26 19 45t45 19h128q26 0 45-19t19-45v-64h512v40q0 22 4 42t18 33t42 13h128q26 0 45-19t19-45z"/></svg>Savings アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:savings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:savings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:savings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--savings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:savings"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:savings"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/savings.svg" alt="Savings アイコン" width="24" height="24">他のアイコンセットの Savings アイコン
Savings アイコン のよくある質問
Savings アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Savings アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:savings" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Savings アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/savings.svg" alt="Savings アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。