Ícone Dolphin
fluent-emoji-flat:dolphin
O ícone Dolphin (fluent-emoji-flat:dolphin) é 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="#00a6ed" d="M15.697 2.031c1.325.064 2.61.37 3.81.874a11.04 11.04 0 0 1 6.49-.7l.37.075c.74.15 1.03 1.101.52 1.678a12.7 12.7 0 0 0-2.063 3.248c1.325 1.886 2.121 4.141 2.13 6.515c-.095 7.217-5.559 11.565-11.829 11.545c-1.07 0-2.088-.002-3.068-.282v1.517c0 1.95-1.605 3.274-3.52 3.473c-.277.029-.503-.201-.5-.48l.041-3.44c.192-1.312.959-2.025 1.483-2.512c.287-.267.501-.466.51-.66c.007-.182-.191-.365-.467-.619c-.548-.503-1.401-1.289-1.557-2.92V15.89c0-.594.531-.555.797-.461c1.847.31 3.213 2.118 3.213 4.031v1.99c1.821.046 2.814-.83 3.852-1.745l.21-.185c3.317-2.654 3.179-5.377 2.381-7.02c-.42-.865-.98-1.372-1.759-1.66c-.53 1.944-.231 3.685.118 4.659c.37 1.028-.548.986-.922.672c-1.622-1.363-2.028-3.046-1.905-5.672H6l-.942-.515c-.328-1.092.214-2.446 1.646-2.591l.218-.017c.443-.031.826-.058.802-.605c0-2.343 2.405-4.75 4.953-4.75z"/><path fill="#1c1c1c" d="M12.707 7.413a.707.707 0 1 0 0-1.413a.707.707 0 0 0 0 1.413"/><path fill="#aeddff" d="m16.486 12.262l.03.02c2.48 2.153 1.455 5.242-.398 7.24c3.332-2.651 4.215-5.168 3.195-7.272c-.522-1.075-1.376-1.65-2.401-1.957a8.2 8.2 0 0 0-.426 1.969m-2.422-2.306l-.47-.003H5.049c.221.782.885 1.438 1.982 1.438q.626 0 1.242-.003c2.145-.007 4.165-.014 5.74.175q-.011-.743.05-1.607"/></g></svg>
Como usar o ícone Dolphin
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--dolphin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:dolphin"></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:dolphin"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dolphin.svg" alt="Ícone Dolphin" width="24" height="24">
O ícone Dolphin em outras coleções
Perguntas frequentes sobre Ícone Dolphin
O ícone Dolphin é 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 Dolphin no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:dolphin" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Dolphin 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/dolphin.svg" alt="Ícone Dolphin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
