Savings 16 アイコン
fluent-color:savings-16
Savings 16 アイコン(fluent-color:savings-16)は、Fluent UI System Color Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 16 × 16 のグリッドで描かれています。 Fluent UI System Color Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Color Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 16 × 16
- タグ
- saving
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g fill="none"><path fill="url(#SVGDuDYfcMt)" d="M15 8.268c0 1.552-.548 2.64-1.11 3.34a4.6 4.6 0 0 1-.89.85V13.5a1.5 1.5 0 0 1-1.5 1.5H11a1 1 0 0 1-1-1H8a1 1 0 0 1-1 1h-.5A1.5 1.5 0 0 1 5 13.5v-.214c-1.363-.433-2.312-1.534-2.78-2.858a.43.43 0 0 0-.269-.281A1.31 1.31 0 0 1 1 8.89v-.794c0-.576.382-1.082.935-1.24c.104-.03.216-.13.271-.297c.346-1.046 1.069-1.81 2-2.37q.145-.088.26-.15V2.163a.76.76 0 0 1 .481-.704a.77.77 0 0 1 .826.15c.253.24.585.525.94.758c.365.238.707.39.986.418h.005C11.077 2.784 15 4.471 15 8.268"/><path fill="url(#SVGWw0K5xNZ)" d="M5.5 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="#9f1459" d="M6.942 4.727a.835.835 0 0 1 1.09-.453l5.56 2.295a.835.835 0 0 1-.637 1.544l-5.56-2.296a.835.835 0 0 1-.453-1.09"/><path fill="url(#SVGqkbG7pYo)" d="M12.14 7.776a3 3 0 1 0-3.906-1.613z"/><path fill="url(#SVGCs5fnd4G)" fill-opacity=".8" d="M12.14 7.776a3 3 0 1 0-3.906-1.613z"/><defs><radialGradient id="SVGDuDYfcMt" cx="0" cy="0" r="1" gradientTransform="rotate(74.152 .833 4.867)scale(13.2972 13.6974)" gradientUnits="userSpaceOnUse"><stop stop-color="#f08af4"/><stop offset=".581" stop-color="#e869ce"/><stop offset="1" stop-color="#d7257d"/></radialGradient><radialGradient id="SVGWw0K5xNZ" cx="0" cy="0" r="1" gradientTransform="rotate(59.532 -3.375 7.091)scale(1.27093)" gradientUnits="userSpaceOnUse"><stop stop-color="#b91d6b"/><stop offset="1" stop-color="#670938"/></radialGradient><linearGradient id="SVGqkbG7pYo" x1="12.968" x2="8.03" y1="7.63" y2="3.794" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGCs5fnd4G" x1="11.795" x2="9.488" y1="2.361" y2="7.421" gradientUnits="userSpaceOnUse"><stop offset=".67" stop-color="#fb5937" stop-opacity="0"/><stop offset="1" stop-color="#cd3e1d"/></linearGradient></defs></g></svg>Savings 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-color:savings-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-color:savings-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-color:savings-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-color--savings-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-color -->
<div class="i-fluent-color:savings-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-color:savings-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-color/savings-16.svg" alt="Savings 16 アイコン" width="24" height="24">Fluent UI System Color Icons の関連アイコン
Savings 16 アイコン のよくある質問
Savings 16 アイコンは商用利用でも無料ですか?
はい。Fluent UI System Color Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Savings 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-color:savings-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Savings 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-color/savings-16.svg" alt="Savings 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。