Ícone Frog
fluent-emoji-high-contrast:frog
O ícone Frog (fluent-emoji-high-contrast:frog) é 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="currentColor"><path d="M9.5 5.5a3 3 0 1 0 0 6a3 3 0 0 0 0-6m13 .001a3 3 0 1 0 0 6a3 3 0 0 0 0-6m-5 7a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/><path d="M16.17 7.001a6.5 6.5 0 0 1 6.471-5h.003C26.13 2.085 28.953 4.93 29 8.429v.002a6.5 6.5 0 0 1-.595 2.794A11.5 11.5 0 0 1 31 18.5C31 24.853 25.852 30 19.5 30h-7C6.148 30 1 24.853 1 18.5c0-2.761.98-5.294 2.598-7.28A6.5 6.5 0 0 1 3 8.42v-.002c.047-3.49 2.87-6.334 6.356-6.416h.003a6.49 6.49 0 0 1 6.462 5zm1.87.867a1.31 1.31 0 0 1-1.3 1.133h-1.49c-.671 0-1.215-.5-1.301-1.136a4.49 4.49 0 0 0-4.547-3.864C6.99 4.059 5.033 6.034 5 8.444a4.5 4.5 0 0 0 .424 1.96l.003.007l.003.007a1.96 1.96 0 0 1-.267 2.047a9.5 9.5 0 0 0-2.14 6.712l.059.002c.226.01.547.02.92.018c.76-.005 1.685-.059 2.465-.235c.29-.065.66-.259 1.221-.63c.164-.108.348-.234.547-.37a32 32 0 0 1 1.392-.917c1.546-.944 3.57-1.858 6.373-1.858c2.778 0 4.724.8 6.199 1.717c.67.416 1.241.856 1.719 1.223l.108.084c.526.404.89.67 1.212.822c.81.38 1.24.49 1.686.53c.33.03.649.023 1.114.013c.25-.005.543-.011.903-.013q.06-.523.059-1.062a9.5 9.5 0 0 0-2.163-6.036a1.94 1.94 0 0 1-.267-2.037l.003-.009c.28-.601.435-1.263.427-1.966a4.527 4.527 0 0 0-4.402-4.452a4.5 4.5 0 0 0-4.557 3.867M28.495 21.57l-.26.005c-.564.01-1.055.02-1.488-.019c-.751-.067-1.416-.269-2.36-.713c-.552-.26-1.088-.669-1.578-1.045l-.099-.076c-.486-.374-.983-.757-1.565-1.118c-1.212-.753-2.797-1.416-5.144-1.416c-2.322 0-3.985.743-5.33 1.565c-.458.28-.85.548-1.236.813c-.213.146-.424.291-.644.436c-.565.374-1.203.758-1.882.912c-.988.223-2.079.279-2.893.284a21 21 0 0 1-.63-.006A9.5 9.5 0 0 0 12.5 28h7a9.5 9.5 0 0 0 8.994-6.432"/></g></svg>Como usar o ícone Frog
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:frog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:frog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:frog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--frog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:frog"></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:frog"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/frog.svg" alt="Ícone Frog" width="24" height="24">O ícone Frog em outras coleções
Perguntas frequentes sobre Ícone Frog
O ícone Frog é 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 Frog no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:frog" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Frog 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/frog.svg" alt="Ícone Frog">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.