Ícone Lion
fluent-emoji-high-contrast:lion
O ícone Lion (fluent-emoji-high-contrast:lion) é 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.04 8.43c.09-.13.18-.25.28-.37v-.01c.74-.92 1.67-1.68 2.72-2.23c-.36-.5-.95-.82-1.61-.82c-1.1 0-2 .9-2 2c0 .56.23 1.07.61 1.43m10.92-2.6a8.5 8.5 0 0 1 2.72 2.23l.091.117q.105.13.199.263c.37-.36.61-.87.61-1.43c0-1.1-.9-2-2-2c-.66 0-1.25.32-1.62.82m-7.92 5.67c-.4 0-.724.219-.93.494s-.32.632-.32 1.006v1c0 .374.114.731.32 1.006s.53.494.93.494s.724-.219.93-.494s.32-.632.32-1.006v-1c0-.374-.114-.731-.32-1.006s-.53-.494-.93-.494m7.92 0c-.4 0-.724.219-.93.494s-.32.632-.32 1.006v1c0 .374.114.731.32 1.006s.53.494.93.494s.724-.219.93-.494s.32-.632.32-1.006v-1c0-.374-.114-.731-.32-1.006s-.53-.494-.93-.494"/><path d="m29.41 12.7l-.75-.37a.44.44 0 0 0-.65.3c-.04.2.06.41.24.5l1 .5c.46.23.75.7.75 1.21v6.45c0 2.79-1.85 5.24-4.53 6.01l-8.88 2.54c-.39.11-.8.11-1.18 0L6.53 27.3A6.255 6.255 0 0 1 2 21.29v-6.45c0-.52.29-.99.75-1.22l1-.5c.19-.09.29-.29.24-.5c-.07-.3-.37-.43-.65-.29l-.75.37a.405.405 0 0 1-.59-.36V8.41A3.415 3.415 0 0 1 5.41 5H6l-.59-1.77c-.2-.6.25-1.23.89-1.23H13c.65 0 1.28.21 1.79.61c.72.53 1.16 1.36 1.2 2.25H16c.05-.89.48-1.72 1.2-2.26c.52-.39 1.15-.6 1.8-.6h6.7c.64 0 1.09.63.89 1.23L26 5h.59A3.415 3.415 0 0 1 30 8.41v3.93c0 .3-.32.5-.59.36m-7.073 9.143A6.036 6.036 0 0 0 27 15.96c0-1.27-.4-2.52-1.15-3.55l-2.3-3.16c.65-.57 1.05-1.42 1.02-2.36C24.52 5.29 23.18 4 21.58 4c-1.08 0-2.02.56-2.55 1.41a4.347 4.347 0 0 1-6.06 0A3 3 0 0 0 10.42 4c-1.6 0-2.93 1.29-2.99 2.89c-.03.95.37 1.79 1.02 2.36l-2.3 3.16A6.02 6.02 0 0 0 5 15.96a6.036 6.036 0 0 0 4.68 5.887q-.178-.975-.18-2.113h.015a3.067 3.067 0 0 1 3.045-3.374a.43.43 0 0 0 .33-.145l.002-.002l1.99-2.3a1.47 1.47 0 0 1 2.226 0l1.986 2.296a.46.46 0 0 0 .336.151a3.07 3.07 0 0 1 3.055 3.374h.015q-.001 1.142-.163 2.109M15.44 19.72l-1.95-1.95a.526.526 0 0 1-.031-.72a1.44 1.44 0 0 1-.899.31c-1.133 0-2.06.925-2.06 2.07a2.07 2.07 0 0 0 2.07 2.07h1.29c.715 0 1.352-.37 1.724-.927l.413-.62a.8.8 0 0 1-.557-.233m-1.56-2.86h4.27q.129.001.23.05l-.032-.036l-.006-.007l-1.99-2.3a.47.47 0 0 0-.714 0l-1.988 2.298l-.001.001q-.038.045-.078.084a.55.55 0 0 1 .309-.09m4.65.91l-1.95 1.95a.82.82 0 0 1-.577.233l.413.62c.372.558 1.01.927 1.724.927h1.29a2.07 2.07 0 1 0 0-4.14c-.302 0-.592-.097-.832-.265a.53.53 0 0 1-.068.675m.9 4.73h-1.29a3.07 3.07 0 0 1-2.14-.873a3.07 3.07 0 0 1-2.14.873h-1.29a3.06 3.06 0 0 1-1.868-.633c.263 1.284.77 2.27 1.425 2.99c.977 1.073 2.335 1.604 3.873 1.604c1.555 0 2.91-.472 3.878-1.504c.67-.713 1.185-1.725 1.442-3.108a3.06 3.06 0 0 1-1.89.651"/></g></svg>Como usar o ícone Lion
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:lion" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:lion" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:lion" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--lion]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:lion"></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:lion"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/lion.svg" alt="Ícone Lion" width="24" height="24">O ícone Lion em outras coleções
Perguntas frequentes sobre Ícone Lion
O ícone Lion é 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 Lion no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:lion" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Lion 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/lion.svg" alt="Ícone Lion">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.