Icône Currency Exchange
fluent-emoji:currency-exchange
L'icône Currency Exchange (fluent-emoji:currency-exchange) 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
- currencyexchange
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(#iZ7dj5c)"><path fill="url(#iOdFJRd)" d="M10.031 18.502c0-1.574-1.087-3.677-3.921-3.677c-1.623 0-1.845-.99-1.862-1.36c.017-.461.228-1.531 1.839-1.531c1.673 0 1.867 1.178 1.884 1.542c.017.564.5 1.047 1.053.996a1.02 1.02 0 0 0 1.002-1.053c-.027-1.152-.743-2.751-2.508-3.325a.545.545 0 0 1-.388-.516l.01-.598a1.03 1.03 0 0 0-1.02-1.042h-.01a1.03 1.03 0 0 0-1.03 1.019l-.008.624a.54.54 0 0 1-.392.502c-1.784.565-2.482 2.19-2.492 3.376c.023 1.378 1.087 3.427 3.922 3.427c1.599 0 1.86 1.154 1.86 1.593c0 .295-.307 1.298-1.86 1.298c-1.577 0-1.828-1.059-1.867-1.372a1.027 1.027 0 0 0-1.122-.933a1.027 1.027 0 0 0-.933 1.116c.08.909.725 2.478 2.494 3.038a.54.54 0 0 1 .392.509v.773c0 .569.46 1.03 1.03 1.03c.569 0 1.036-.461 1.036-1.03v-.772c0-.237.167-.438.391-.514c1.311-.442 2.5-1.687 2.5-3.12"/></g><g filter="url(#i9JRKZb)"><path fill="url(#i0UPjbm)" d="m22.435 29.478l.4-5.07a.44.44 0 0 0-.43-.47l-5.09.03c-.39.01-.59.46-.33.74l1.19 1.28c.12.12.11.32-.02.42c-.7.55-1.61.88-2.57.84c-1.8-.07-3.27-1.46-3.64-3.14a.204.204 0 0 0-.2-.16h-2.43c-.12 0-.23.11-.21.24c.44 3.16 3.08 5.75 6.38 5.87c1.75.06 3.38-.55 4.61-1.61c.12-.1.29-.09.4.02l1.18 1.27c.26.28.73.12.76-.26"/></g><g filter="url(#iMe96He)"><path fill="url(#irgUsKe)" d="m9.682 2.522l-.4 5.07c-.02.25.18.47.43.47l5.09-.03c.39-.01.59-.46.33-.74l-1.19-1.28a.282.282 0 0 1 .02-.42c.7-.55 1.61-.88 2.57-.84c1.8.07 3.27 1.46 3.64 3.14c.02.09.1.16.2.16h2.43c.13 0 .23-.12.21-.24c-.44-3.16-3.08-5.75-6.38-5.87c-1.75-.06-3.38.55-4.61 1.61c-.12.1-.29.09-.4-.02l-1.18-1.27a.439.439 0 0 0-.76.26"/></g><g filter="url(#izZM4me)"><path fill="url(#i7aVmLe)" d="M24.064 10.825a1 1 0 1 0-1.774.924l2.397 4.604a.4.4 0 0 1-.354.585h-1.23a1 1 0 1 0 0 2h1.6c.22 0 .4.18.4.4v.2a.4.4 0 0 1-.4.4h-1.6a1 1 0 1 0 0 2h1.6c.22 0 .4.18.4.4v.6a1 1 0 1 0 2 0v-.6a.4.4 0 0 1 .4-.4h1.6a1 1 0 1 0 0-2h-1.6a.4.4 0 0 1-.4-.4v-.2a.4.4 0 0 1 .4-.4h1.6a1 1 0 1 0 0-2h-1.23a.4.4 0 0 1-.355-.585l2.397-4.605a1 1 0 0 0-1.774-.923l-1.684 3.234a.4.4 0 0 1-.71 0z"/></g><defs><linearGradient id="iOdFJRd" x1="6.107" x2="6.107" y1="7.938" y2="23.938" gradientUnits="userSpaceOnUse"><stop stop-color="#614A77"/><stop offset="1" stop-color="#4D4359"/></linearGradient><linearGradient id="i0UPjbm" x1="9.609" x2="22.109" y1="26.625" y2="26.625" gradientUnits="userSpaceOnUse"><stop stop-color="#58D8FF"/><stop offset="1" stop-color="#43B9FF"/></linearGradient><linearGradient id="irgUsKe" x1="21.734" x2="9.859" y1="7.188" y2="7.188" gradientUnits="userSpaceOnUse"><stop stop-color="#58D8FF"/><stop offset="1" stop-color="#43B9FF"/></linearGradient><linearGradient id="i7aVmLe" x1="26.102" x2="26.102" y1="10.287" y2="23.938" gradientUnits="userSpaceOnUse"><stop stop-color="#614A77"/><stop offset="1" stop-color="#4D4359"/></linearGradient><filter id="iZ7dj5c" width="8.348" height="16.5" x="1.934" y="7.688" 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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.470588 0 0 0 0 0.403922 0 0 0 0 0.545098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1864"/><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=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.309804 0 0 0 0 0.227451 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_1864" result="effect2_innerShadow_18590_1864"/><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=".25" dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.243137 0 0 0 0 0.141176 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_1864" result="effect3_innerShadow_18590_1864"/></filter><filter id="i9JRKZb" width="14.234" height="6.624" x="8.852" y="23.688" 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 dy="-.25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.356863 0 0 0 0 0.466667 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1864"/><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=".25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.215686 0 0 0 0 0.647059 0 0 0 0 0.92549 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_1864" result="effect2_innerShadow_18590_1864"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.490196 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_1864" result="effect3_innerShadow_18590_1864"/></filter><filter id="iMe96He" width="14.234" height="6.624" x="9.031" y="1.688" 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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.490196 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1864"/><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 dy="-.25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.356863 0 0 0 0 0.466667 0 0 0 0 0.886275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_1864" result="effect2_innerShadow_18590_1864"/><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=".25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.215686 0 0 0 0 0.647059 0 0 0 0 0.92549 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_1864" result="effect3_innerShadow_18590_1864"/></filter><filter id="izZM4me" width="8.5" height="14.152" x="21.852" y="10.037" 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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.470588 0 0 0 0 0.403922 0 0 0 0 0.545098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1864"/><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=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.309804 0 0 0 0 0.227451 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_1864" result="effect2_innerShadow_18590_1864"/><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=".25" dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.243137 0 0 0 0 0.141176 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_1864" result="effect3_innerShadow_18590_1864"/></filter></defs></g></svg>Comment utiliser l'icône Currency Exchange
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:currency-exchange" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:currency-exchange" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:currency-exchange" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--currency-exchange]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:currency-exchange"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:currency-exchange"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/currency-exchange.svg" alt="Icône Currency Exchange" width="24" height="24">L'icône Currency Exchange dans d'autres collections
FAQ : Icône Currency Exchange
L'icône Currency Exchange 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 Currency Exchange dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:currency-exchange" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Currency Exchange à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/currency-exchange.svg" alt="Icône Currency Exchange">, ou collez le code SVG directement dans la page pour le styliser en CSS.