Ícone Jellyfish
fluent-emoji-high-contrast:jellyfish
O ícone Jellyfish (fluent-emoji-high-contrast:jellyfish) é 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"><path fill="currentColor" fill-rule="evenodd" d="M23 32a8 8 0 0 1-7-4.124A8 8 0 0 1 9 32H7.5a3 3 0 0 1-1.702-5.47C3.162 25.98 1 23.672 1 20.645V19a3 3 0 1 1 6 0v-2.014c-1.77-1.5-3-3.564-3-5.986C4 6.117 8.31 0 16 0s12 6.117 12 11c0 2.422-1.23 4.485-3 5.986V19a3 3 0 1 1 6 0v1.646c0 3.027-2.162 5.335-4.798 5.883A3 3 0 0 1 24.5 32zM9 18.285v2.36a2 2 0 0 1-4 0V19a1 1 0 1 0-2 0v1.646c0 2.973 3.13 4.907 5.789 3.578A4 4 0 0 0 11 20.646v-1.449c-.73-.253-1.402-.56-2-.912m14 0c-.598.352-1.27.659-2 .912v1.449a4 4 0 0 0 2.211 3.578c2.66 1.33 5.789-.605 5.789-3.578V19a1 1 0 1 0-2 0v1.646a2 2 0 1 1-4 0zm-8 1.685a16 16 0 0 1-2-.245V24a4 4 0 0 1-4 4H7.5a1 1 0 1 0 0 2H9a6 6 0 0 0 6-6zm4-.245q-.963.183-2 .245V24a6 6 0 0 0 6 6h1.5a1 1 0 1 0 0-2H23a4 4 0 0 1-4-4zM26 11c0 3.866-4.477 7-10 7S6 14.866 6 11c0-3.491 2.854-8.016 8.194-8.861a2 2 0 0 0-.18 1.092c-2.608.59-5.417 2.334-6.604 5.5c-1.5 4 1.552 4.88 2.988 2.73c.508-.76 1.015-1.844 1.533-2.951c.809-1.73 1.644-3.516 2.55-4.21q.204.239.472.404C13.986 8.816 13.006 16 16.076 16c3.092 0 2.076-7.287 1.102-11.384q.19-.14.344-.318c.907.691 1.743 2.48 2.553 4.212c.518 1.107 1.025 2.19 1.533 2.951c1.436 2.15 4.488 1.27 2.988-2.73c-1.311-3.496-4.217-5.258-6.598-5.647L18 3c0-.308-.07-.6-.194-.861C23.146 2.984 26 7.509 26 11" clip-rule="evenodd"/></svg>
Como usar o ícone Jellyfish
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:jellyfish" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:jellyfish" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:jellyfish" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--jellyfish]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:jellyfish"></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:jellyfish"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/jellyfish.svg" alt="Ícone Jellyfish" width="24" height="24">
O ícone Jellyfish em outras coleções
Perguntas frequentes sobre Ícone Jellyfish
O ícone Jellyfish é 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 Jellyfish no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:jellyfish" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Jellyfish 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/jellyfish.svg" alt="Ícone Jellyfish">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
