Ícone Spouting Whale
streamline-emojis:spouting-whale
O ícone Spouting Whale (streamline-emojis:spouting-whale) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Animais e natureza
- Tags
- spoutingwhale
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8.88 45.32a15.12 1.68 0 1 0 30.24 0a15.12 1.68 0 1 0-30.24 0" opacity=".15"/><path fill="#4acfff" d="M45 18.71a.52.52 0 0 0-.55-.28a7.38 7.38 0 0 0-5.26 3.94a7.2 7.2 0 0 0-.56 1.5a8 8 0 0 0-.85-.78a7.35 7.35 0 0 0-6.45-1.27a.51.51 0 0 0-.37.48a7.39 7.39 0 0 0 7.15 7.44c-.14 1.2-.94 2.73-4 2.94c-4 .28-4.23-4.48-5.86-7.85a12 12 0 0 0-10.41-7.36c-6.62-.36-12.74 4.68-13.1 11.3s2.7 12 10.79 14c11.46 2.88 21.12.35 24.78-5.12c2.92-4.36 1.41-7.73.76-8.83a7.36 7.36 0 0 0 4-10.1Z"/><path fill="#80ddff" d="M39.16 25.31a7.38 7.38 0 0 1 5.29-4a.5.5 0 0 1 .54.28a7.2 7.2 0 0 1 .61 1.8a7.33 7.33 0 0 0-.6-4.69a.52.52 0 0 0-.55-.28a7.35 7.35 0 0 0-5.26 3.94a7.2 7.2 0 0 0-.56 1.5a8 8 0 0 0-.85-.78a7.35 7.35 0 0 0-6.45-1.27a.51.51 0 0 0-.37.48a7.3 7.3 0 0 0 .38 2.41a7.28 7.28 0 0 1 6.13 1.06a1.15 1.15 0 0 0 1.69-.45"/><path fill="#80ddff" d="M17.81 20.36a12 12 0 0 1 10.41 7.36c1.63 3.38 2.3 6.5 6.34 6.22c3.09-.21 3.41-3 3.55-4.2c-.14 1.2-.94 2.73-4 2.94c-4 .28-4.23-4.48-5.86-7.85a12 12 0 0 0-10.41-7.36c-6.62-.36-12.74 4.68-13.1 11.3a20 20 0 0 0 0 2.46c.6-6.4 6.59-11.23 13.07-10.87"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M45 18.71a.52.52 0 0 0-.55-.28a7.38 7.38 0 0 0-5.26 3.94a7.2 7.2 0 0 0-.56 1.5a8 8 0 0 0-.85-.78a7.35 7.35 0 0 0-6.45-1.27a.51.51 0 0 0-.37.48a7.39 7.39 0 0 0 7.15 7.44c-.14 1.2-.94 2.73-4 2.94c-4 .28-4.23-4.48-5.86-7.85a12 12 0 0 0-10.41-7.36c-6.62-.36-12.74 4.68-13.1 11.3s2.7 12 10.79 14c11.46 2.88 21.12.35 24.78-5.12c2.92-4.36 1.41-7.73.76-8.83a7.36 7.36 0 0 0 4-10.1Z"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.59 26.94a1.38 1.38 0 1 1-1.3-1.45a1.38 1.38 0 0 1 1.3 1.45"/><path fill="#ffaa54" d="M20 30.71c-.05.55-.84 1-1.76.94s-1.64-.5-1.59-1s.84-1 1.77-1s1.66.51 1.58 1.06"/><path fill="#4aeff7" d="M17.93 15.16s-1.24-4.07-4.82-4.88s-5.32 1.48-7.78-1.35s1.57-7 6.29-5.2c3.85 1.48 6.66 4.9 6.31 11.43M19.84 10s.05-5 2.52-6.84s5.79-.31 5.8 1.93s-2.31 2.28-4.43 2.41c-2.33.14-3.89 2.5-3.89 2.5"/><path fill="#a6fbff" d="M11.62 3.73C7.37 2.09 3.67 5.32 4.78 8.05c.91-1.85 3.66-3.19 6.71-2c3.25 1.25 5.76 3.9 6.25 8.63c.13.31.19.5.19.5c.35-6.55-2.46-9.97-6.31-11.45M20 9.75a7.1 7.1 0 0 1 2.22-4.31a3.77 3.77 0 0 1 5.55.91a2.08 2.08 0 0 0 .38-1.29c0-2.24-3.33-3.76-5.8-1.93S19.84 10 19.84 10Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.93 15.16s-1.24-4.07-4.82-4.88s-5.32 1.48-7.78-1.35s1.57-7 6.29-5.2c3.85 1.48 6.66 4.9 6.31 11.43M19.84 10s.05-5 2.52-6.84s5.79-.31 5.8 1.93s-2.31 2.28-4.43 2.41c-2.33.14-3.89 2.5-3.89 2.5"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.41 38.76c-7.53 3.65-15.79-.67-22.15-2.83c-1.58-.54-3.17-1-4.69-1.47a11.5 11.5 0 0 1-6.64 1.31c1.55 3.26 4.62 5.75 9.57 7c10.65 2.67 19.74.67 23.91-4.01"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.52 35.58c1.52 2.23 6.22 3.88 8.88 4.61a74.8 74.8 0 0 0 16 2"/><path fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M20.5 35.88a7.16 7.16 0 0 0 1 6.32c1.62 2.49 4.77 3.29 6.33 3.54a.8.8 0 0 0 .94-.78c0-2.13-.21-7.47-2-9.27"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.53 31a1.8 1.8 0 0 0 2 2.59"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.57 34.46a9.8 9.8 0 0 0 2.08-1.59"/></svg>Como usar o ícone Spouting Whale
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:spouting-whale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:spouting-whale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:spouting-whale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--spouting-whale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:spouting-whale"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:spouting-whale"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/spouting-whale.svg" alt="Ícone Spouting Whale" width="24" height="24">O ícone Spouting Whale em outras coleções
Perguntas frequentes sobre Ícone Spouting Whale
O ícone Spouting Whale é grátis para uso comercial?
Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Spouting Whale no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis:spouting-whale" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Spouting Whale a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/spouting-whale.svg" alt="Ícone Spouting Whale">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.