Иконка Savings 20 Regular
fluent:savings-20-regular
Иконка Savings 20 Regular (fluent:savings-20-regular) — бесплатная SVG-иконка из набора Fluent UI System Icons от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Savings 20 Regular в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.