Ícone Penguin
fluent-emoji-flat:penguin
O ícone Penguin (fluent-emoji-flat:penguin) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. 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 × 32
- Categoria
- Animais e natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M16.09 2.355c4.035 0 7.818 3.7 8.154 7.356c.033.358.214 1.199.448 2.273l.044.048c1.453 1.6 6.663 8.713 4.685 10.69c-.654.654-2.07.235-3.646-.619c-.28 1.173-.784 2.3-1.467 3.318L24 29s-5.988 1.075-8.16 1.044C13.76 30.014 8 29 8 29l-.362-3.58a10.3 10.3 0 0 1-1.442-3.3c-1.565.842-2.968 1.252-3.617.603C.653 20.796 5.544 14 7.143 12.168l.228-1.078c.138-.65.243-1.14.284-1.379c.644-3.74 3.923-7.356 8.434-7.356"/><path fill="#fff" d="M21.45 14.14c.589-.939.922-2.154.922-3.675c0-3.028-3.016-5.92-5.12-5.92c-.28 0-.378.302-.485.633c-.13.399-.272.839-.763.839c-.501 0-.666-.46-.811-.865c-.115-.32-.218-.608-.466-.608c-2.09 0-5.161 2.82-5.161 5.921c0 1.547.339 2.755.92 3.677a7.9 7.9 0 0 0-2.616 5.873c0 4.408 3.626 7.982 8.099 7.982s8.099-3.574 8.099-7.982a7.9 7.9 0 0 0-2.619-5.876"/><path fill="#ff822d" d="M13 13.016h6.017A3.027 3.027 0 0 0 16.005 10A3.01 3.01 0 0 0 13 13.016m-6.596 16.58a9.56 9.56 0 0 1 1.201-4.225c1.774 2.71 4.79 4.623 8.235 4.673c3.54.05 6.66-1.91 8.487-4.652a9.56 9.56 0 0 1 1.19 4.204a.433.433 0 0 1-.44.449H6.844a.433.433 0 0 1-.439-.449"/><path fill="#1c1c1c" d="M14 8.194c0 .278.222.5.5.5s.5-.222.5-.5V7.5c0-.278-.222-.5-.5-.5s-.5.222-.5.5zm3 0c0 .278.222.5.5.5s.5-.222.5-.5V7.5c0-.278-.222-.5-.5-.5s-.5.222-.5.5z"/></g></svg>
Como usar o ícone Penguin
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:penguin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:penguin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:penguin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--penguin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:penguin"></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:penguin"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/penguin.svg" alt="Ícone Penguin" width="24" height="24">
O ícone Penguin em outras coleções
Perguntas frequentes sobre Ícone Penguin
O ícone Penguin é 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 Penguin no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:penguin" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Penguin 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/penguin.svg" alt="Ícone Penguin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
