Ícone Savings 16
fluent-color:savings-16
O ícone Savings 16 (fluent-color:savings-16) é um ícone SVG gratuito da coleção Fluent UI System Color Icons de Microsoft Corporation. Ele é desenhado em uma grade de 16 × 16. Fluent UI System Color Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent UI System Color Icons
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 16 × 16
- Tags
- saving
Código 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>Como usar o ícone 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 component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-color/savings-16.svg" alt="Ícone Savings 16" width="24" height="24">Ícones relacionados em Fluent UI System Color Icons
Perguntas frequentes sobre Ícone Savings 16
O ícone Savings 16 é grátis para uso comercial?
Sim. Fluent UI System Color Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Savings 16 no React?
Instale @iconify/react e renderize <Icon icon="fluent-color:savings-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Savings 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-color/savings-16.svg" alt="Ícone Savings 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.