Ícone Swan
fluent-emoji-flat:swan
O ícone Swan (fluent-emoji-flat:swan) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 33. Fluent Emoji Flat 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 Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 33
- Categoria
- Animais e natureza
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/swan.svg" alt="Ícone Swan" width="24" height="24">
O ícone Swan em outras coleções
Perguntas frequentes sobre Ícone Swan
O ícone Swan é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Swan no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:swan" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Swan a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/swan.svg" alt="Ícone Swan">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
