Icône Chart Increasing With Yen
fluent-emoji:chart-increasing-with-yen
L'icône Chart Increasing With Yen (fluent-emoji:chart-increasing-with-yen) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- chartincreasing, increasingwith, withyen, chartincreasingwithyen
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iL2ltIb)"><rect width="28" height="28" x="2" y="2" fill="url(#i0DTb1b)" rx="4"/></g><rect width="28" height="28" x="2" y="2" fill="url(#i8XipIe)" rx="4"/><g filter="url(#i75Rj7d)"><path fill="#55C480" d="M6.475 5.43a.75.75 0 1 0-1.325.703l2.113 3.984a.2.2 0 0 1-.176.294H5.953a.75.75 0 1 0 0 1.5h1.62c.11 0 .2.09.2.2v.55a.2.2 0 0 1-.2.2h-1.62a.75.75 0 0 0 0 1.5h1.62c.11 0 .2.09.2.2v1.2a.75.75 0 0 0 1.5 0v-1.2c0-.11.09-.2.2-.2h1.93a.75.75 0 0 0 0-1.5h-1.93a.2.2 0 0 1-.2-.2v-.55c0-.11.09-.2.2-.2h1.93a.75.75 0 0 0 0-1.5H9.996a.2.2 0 0 1-.174-.298l2.234-3.963a.75.75 0 0 0-1.307-.737L8.632 9.169a.1.1 0 0 1-.175-.002z"/></g><g filter="url(#i2hvu2s)"><path fill="#F1E9FF" d="M6.475 5.43a.75.75 0 1 0-1.325.703l2.113 3.984a.2.2 0 0 1-.176.294H5.953a.75.75 0 1 0 0 1.5h1.62c.11 0 .2.09.2.2v.55a.2.2 0 0 1-.2.2h-1.62a.75.75 0 0 0 0 1.5h1.62c.11 0 .2.09.2.2v1.2a.75.75 0 0 0 1.5 0v-1.2c0-.11.09-.2.2-.2h1.93a.75.75 0 0 0 0-1.5h-1.93a.2.2 0 0 1-.2-.2v-.55c0-.11.09-.2.2-.2h1.93a.75.75 0 0 0 0-1.5H9.996a.2.2 0 0 1-.174-.298l2.234-3.963a.75.75 0 0 0-1.307-.737L8.632 9.169a.1.1 0 0 1-.175-.002z"/></g><g filter="url(#i6EtGUC)"><path fill="#55C480" fill-rule="evenodd" d="M26.79 13.385a.75.75 0 0 1 0 1.06L16.364 24.87a1.75 1.75 0 0 1-2.48-.005l-2.617-2.637a.25.25 0 0 0-.354 0l-4.422 4.421a.75.75 0 0 1-1.06-1.06l4.422-4.422a1.75 1.75 0 0 1 2.48.005l2.616 2.637a.25.25 0 0 0 .355 0l10.423-10.423a.75.75 0 0 1 1.061 0" clip-rule="evenodd"/></g><g filter="url(#iKiFa3d)"><path fill="#F1E9FF" fill-rule="evenodd" d="M26.79 13.385a.75.75 0 0 1 0 1.06L16.364 24.87a1.75 1.75 0 0 1-2.48-.005l-2.617-2.637a.25.25 0 0 0-.354 0l-4.422 4.421a.75.75 0 0 1-1.06-1.06l4.422-4.422a1.75 1.75 0 0 1 2.48.005l2.616 2.637a.25.25 0 0 0 .355 0l10.423-10.423a.75.75 0 0 1 1.061 0" clip-rule="evenodd"/></g><defs><filter id="iL2ltIb" width="32" height="32" x="0" y="0" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2" dy="-2"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.180392 0 0 0 0 0.623529 0 0 0 0 0.376471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21723"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-2" dy="2"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.941176 0 0 0 0 0.615686 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21723" result="effect2_innerShadow_18_21723"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.380392 0 0 0 0 0.858824 0 0 0 0 0.54902 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_21723" result="effect3_innerShadow_18_21723"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.470588 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18_21723" result="effect4_innerShadow_18_21723"/></filter><filter id="i75Rj7d" width="9.09" height="13.48" x="4.062" y="4.031" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_21723" stdDeviation=".5"/></filter><filter id="i2hvu2s" width="7.39" height="11.78" x="5.062" y="4.731" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.878431 0 0 0 0 0.847059 0 0 0 0 0.937255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21723"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3" dy="-.3"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.976471 0 0 0 0 0.94902 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21723" result="effect2_innerShadow_18_21723"/></filter><filter id="i6EtGUC" width="23.797" height="15.703" x="4.212" y="12.165" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_21723" stdDeviation=".5"/></filter><filter id="iKiFa3d" width="22.097" height="14.003" x="5.212" y="12.865" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.878431 0 0 0 0 0.847059 0 0 0 0 0.937255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21723"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3" dy="-.3"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.976471 0 0 0 0 0.94902 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21723" result="effect2_innerShadow_18_21723"/></filter><radialGradient id="i8XipIe" cx="0" cy="0" r="1" gradientTransform="rotate(138.122 13.9 7.015)scale(3.1289 2.97077)" gradientUnits="userSpaceOnUse"><stop offset=".052" stop-color="#7DFFB1"/><stop offset="1" stop-color="#7DFFB1" stop-opacity="0"/></radialGradient><linearGradient id="i0DTb1b" x1="16" x2="16" y1="2" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#54E58E"/><stop offset="1" stop-color="#51C483"/></linearGradient></defs></g></svg>Comment utiliser l'icône Chart Increasing With Yen
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:chart-increasing-with-yen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:chart-increasing-with-yen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:chart-increasing-with-yen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--chart-increasing-with-yen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:chart-increasing-with-yen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:chart-increasing-with-yen"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/chart-increasing-with-yen.svg" alt="Icône Chart Increasing With Yen" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Chart Increasing With Yen dans d'autres collections
FAQ : Icône Chart Increasing With Yen
L'icône Chart Increasing With Yen est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Chart Increasing With Yen dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:chart-increasing-with-yen" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Chart Increasing With Yen à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/chart-increasing-with-yen.svg" alt="Icône Chart Increasing With Yen">, ou collez le code SVG directement dans la page pour le styliser en CSS.