Ícone Crocodile
fluent-emoji-high-contrast:crocodile
O ícone Crocodile (fluent-emoji-high-contrast:crocodile) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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 High Contrast
- 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"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path 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 0zM16.5 26.25a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/><path d="M11.246 2.424A7 7 0 0 1 15.584.946l.473.003c4.632.024 8.583 2.908 10.183 6.973h.307c.601 0 1.39.906 1.39.906l2.383 2.281c.56.56.68 1.235.68 2.141v2.086c0 .28-.082.664-.512.664c-.46 0-.487-.422-.503-.68c-.007-.113-.012-.195-.051-.195c-.04 0-.044.086-.047.204c-.01.258-.023.671-.45.671c-.512 0-.53-.444-.54-.7c-.005-.103-.008-.175-.041-.175c-.036 0-.042.079-.049.188c-.016.25-.043.66-.467.66c-.431 0-.52-.387-.52-.637v-1.844c0-.46-.387-.616-.82-.643V21c0 .711-.074 1.405-.215 2.074h3.655c.86 0 1.56.7 1.56 1.56v2.94c0 .262-.186.426-.5.426c-.413 0-.44-.392-.458-.65c-.008-.127-.015-.221-.064-.221c-.05 0-.055.097-.061.227c-.014.258-.034.644-.427.644c-.444 0-.462-.394-.474-.652c-.006-.126-.01-.22-.061-.22s-.054.095-.057.221c-.007.258-.017.651-.455.651c-.28 0-.443-.146-.443-.426v-1.312c0-.14-.11-.25-.25-.25h-3.095A10 10 0 0 1 17 31H9.847a2.847 2.847 0 0 1-1.25-5.405l5.842-2.856a1 1 0 0 0 .561-.898V21h-1.752c-.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.617H15v-5.117c-.856.018-.883.45-.883 1.101v1.454c0 .171-.035.523-.484.523c-.405 0-.44-.375-.462-.628c-.012-.127-.02-.224-.073-.224c-.051 0-.055.09-.06.213c-.01.252-.025.639-.476.639c-.455 0-.476-.397-.49-.649c-.006-.117-.01-.203-.056-.203s-.05.086-.057.203c-.013.252-.034.649-.49.649c-.356 0-.469-.253-.469-.523v-3.079c0-.64.67-1.329 1.086-1.734c.892-.87 2.154-2.06 2.795-2.664h-.126l-4.33 2.408l-.064.025c-.819.316-1.512.567-2.607.567H6.93c-1.008 0-2.398-.387-3.53-.969c-.574-.296-1.141-.672-1.58-1.129C1.389 8.45 1 7.83 1 7.07C1 6.48 1.479 6 2.07 6h3.556a3 3 0 0 0 1.843-.633zm4.328.522a5 5 0 0 0-3.1 1.056L8.7 6.944A5 5 0 0 1 5.626 8H3.873q.203.129.443.253C5.246 8.73 6.32 9 6.93 9h.824c.693 0 1.101-.13 1.82-.408l4.223-2.348A2 2 0 0 1 14.755 6H15a2 2 0 0 1 2 2v13.84a3 3 0 0 1-1.682 2.696l-5.843 2.856A.847.847 0 0 0 9.847 29H17a8 8 0 0 0 8-8v-9.05a9 9 0 0 0-8.954-9z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Como usar o ícone Crocodile
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:crocodile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:crocodile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:crocodile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--crocodile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast: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-high-contrast:crocodile"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/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 High Contrast 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-high-contrast: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-high-contrast/crocodile.svg" alt="Ícone Crocodile">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.