Ícone Crocodile
fluent-emoji-flat:crocodile
O ícone Crocodile (fluent-emoji-flat:crocodile) é 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="#00d26a" d="M10.898 4.031c1.682-1.523 3.667-1.82 5.891-1.82c3.78.053 7.078 2.334 8.485 5.633h.335c.602 0 1.391.906 1.391.906l2.383 2.281c.56.56.68 1.235.68 2.14v2.087c0 .28-.082.664-.512.664c-.461 0-.487-.422-.503-.68c-.007-.113-.012-.195-.052-.195s-.043.086-.047.203c-.009.259-.022.672-.449.672c-.512 0-.53-.444-.541-.7c-.004-.103-.007-.175-.041-.175c-.036 0-.041.079-.048.188c-.017.25-.044.66-.468.66c-.431 0-.52-.387-.52-.637v-1.844c0-.483-.425-.63-.884-.647v7.693c0 .862-.118 1.716-.347 2.54h2.787c.86 0 1.56.7 1.56 1.56v2.94c0 .262-.186.426-.5.426c-.413 0-.44-.392-.457-.65c-.009-.127-.016-.221-.064-.221c-.05 0-.055.097-.062.226c-.014.259-.034.645-.427.645c-.444 0-.462-.394-.474-.652c-.005-.126-.01-.22-.06-.22c-.052 0-.055.095-.058.221c-.006.258-.017.65-.455.65c-.28 0-.443-.145-.443-.425v-1.312c0-.14-.11-.25-.25-.25h-2.485a9.51 9.51 0 0 1-7.794 4.03h-6.297c-1.344 0-2.24-.634-2.25-1.624c-.01-.74.797-1.453 1.312-1.75c.516-.297 2.332-1.213 2.332-1.213c.07-.03.11-.09.11-.17c0-.598.594-1.293 1.37-1.293c.384 0 .638.059.87.185c.06.06.15.07.22.03q.136-.075.273-.147c.564-.302 1.122-.6 1.415-1.177c.26-.52.262-1.099.262-1.679V21h-1.838c-.14 0-.25.036-.25.176v1.27c0 .28-.08.554-.44.554c-.422 0-.455-.39-.478-.658c-.012-.14-.02-.248-.082-.248c-.063 0-.07.114-.08.26c-.016.269-.04.646-.42.646c-.404 0-.414-.373-.422-.64c-.004-.15-.007-.266-.078-.266c-.072 0-.088.122-.107.277c-.033.266-.079.629-.45.629c-.328 0-.443-.285-.443-.555v-2.789c0-.86.853-1.617 1.713-1.617h3.394l.032-5.227c-.899.004-.926.44-.926 1.102v1.453c0 .172-.035.524-.484.524c-.405 0-.44-.376-.463-.628c-.011-.128-.02-.224-.073-.224c-.05 0-.054.09-.059.213c-.01.252-.025.639-.476.639c-.456 0-.477-.397-.49-.649c-.006-.117-.01-.203-.057-.203c-.046 0-.05.086-.056.203c-.014.252-.035.649-.49.649c-.356 0-.47-.254-.47-.524V12.29c0-.64.671-1.33 1.087-1.734a250 250 0 0 1 2.927-2.788c-.197-.5-.631-.814-1.498-.642c-.652.13-1.254.52-1.929.956c-.695.45-1.466.95-2.446 1.263c-1.93.617-4.234 1.054-7.07-.781c-.472-.306-1.106-.831-.93-1.165c.161-.303.445-.3.706-.297h.076s1.648.047 2.234 0c1.726-.138 3.242-.89 5.648-3.07"/><path fill="#1c1c1c" d="M16.5 26a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#fcd53f" d="M20.529 10.205a.49.49 0 1 0 .98-.01v-1.05a.49.49 0 0 0-.98 0zm-1.937.001a.49.49 0 1 0 .98-.01v-1.05a.49.49 0 0 0-.98 0zm.49 3.547a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c.01.27-.21.49-.49.49m-.49 2.567c0 .27.22.49.49.49c.28 0 .5-.22.49-.49v-1.05a.49.49 0 0 0-.98 0zm0 3.057c0 .27.22.49.49.49c.28 0 .5-.22.49-.49v-1.05a.49.49 0 0 0-.98 0zm2.427.49a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c.01.27-.21.49-.49.49m-.49-3.547c0 .27.22.49.49.49c.28 0 .5-.22.49-.49v-1.05a.49.49 0 0 0-.98 0zm.49-2.567a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c.01.27-.21.49-.49.49m1.936 6.114a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c0 .27-.22.49-.49.49m-.49-3.511a.49.49 0 0 0 .98 0v-1.05a.49.49 0 0 0-.98 0zm.49-2.603a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c0 .27-.22.49-.49.49m-.49-3.548c0 .27.22.49.49.49a.5.5 0 0 0 .49-.5v-1.05a.49.49 0 0 0-.98 0z"/><path fill="#008463" d="M9.998 28.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m2.002 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/></g></svg>Como usar o ícone Crocodile
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:crocodile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:crocodile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:crocodile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--crocodile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:crocodile"></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:crocodile"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/crocodile.svg" alt="Ícone Crocodile" width="24" height="24">O ícone Crocodile em outras coleções
Perguntas frequentes sobre Ícone Crocodile
O ícone Crocodile é 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 Crocodile no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:crocodile" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Crocodile 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/crocodile.svg" alt="Ícone Crocodile">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.