Icône Swan
fluent-emoji-flat:swan
L'icône Swan (fluent-emoji-flat:swan) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 33. Les Fluent Emoji Flat 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 Flat
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 33
- Catégorie
- Animaux et nature
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"><g fill="none"><path fill="#9b9b9b" d="M29.71 12.918a2.12 2.12 0 0 0-2.313.448C26.331 14.42 24.768 15 23 15h-7c-1.78 0-3.533.68-5.029 1.937L12.49 9.93c.607-2.788-.979-5.622-3.689-6.591a5.88 5.88 0 0 0-4.604.288a5.8 5.8 0 0 0-2.928 3.547a7.2 7.2 0 0 0-.266 1.808c-.005.27.101.533.292.726l2 2a1 1 0 0 0 .707.293h1a1 1 0 0 0 .903-.571l.23-.481l-2.31 10.606a7.71 7.71 0 0 0 1.544 6.507A7.89 7.89 0 0 0 11.54 31h7.21c5.77 0 10.682-3.882 11.95-9.44a1 1 0 0 0-.355-1.006l.546-1.08a1 1 0 0 0 .107-.43l.001-4.197a2.08 2.08 0 0 0-1.289-1.93"/><path fill="#fff" d="M20.25 26.002H15.5c-.28 0-.5-.213-.5-.485c0-.271.22-.485.5-.485h4.75c4.309 0 8.039-2.472 9.749-6.03l.001-.121v-4.033c0-.98-1.2-1.463-1.9-.771C26.76 15.4 24.9 16 23 16h-7c-2 0-3.78.972-5.14 2.415l-.85.899c-.21.218-.58.03-.52-.267l2.02-9.331c.5-2.293-.81-4.636-3.05-5.437a4.87 4.87 0 0 0-3.81.237a4.8 4.8 0 0 0-2.42 2.928a6.2 6.2 0 0 0-.229 1.557l1.999 1l1.95-1l.14-.49a.773.773 0 0 1 1.01-.514c.36.129.58.515.5.89l-1.57 7.266l-1.23 5.615c-.92 4.24 2.35 8.234 6.74 8.234h7.21c5.357 0 9.843-3.7 10.974-8.662C27.583 24.159 24.131 26 20.25 26"/><path fill="#212121" d="M4 8.502a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-.5.5H2.001q-.01.502.062 1l1.937 1l1.664-1l.286-1z"/><path fill="#ff822d" d="M5.664 10.002H2.063c.077.528.223 1.048.437 1.545l.95 2.204a.7.7 0 0 0 .63.415c.32 0 .6-.217.67-.524l.74-3.035z"/></g></svg>Comment utiliser l'icône Swan
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:swan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:swan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:swan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--swan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:swan"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:swan"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/swan.svg" alt="Icône Swan" width="24" height="24">L'icône Swan dans d'autres collections
FAQ : Icône Swan
L'icône Swan est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Swan dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:swan" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Swan à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/swan.svg" alt="Icône Swan">, ou collez le code SVG directement dans la page pour le styliser en CSS.