Ícone Whale Watching
map:whale-watching
O ícone Whale Watching (map:whale-watching) é um ícone SVG gratuito da coleção Map Icons de Scott de Jonge. Ele é desenhado em uma grade de 50 × 50. Map Icons são publicados sob a Open Font License, 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
- Map Icons
- Autor
- Scott de Jonge
- Licença
- OFL-1.1
- Tamanho
- 50 × 50
- Tags
- whalewatching
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M48 49a6.8 6.8 0 0 1-2.83-.622a6.9 6.9 0 0 0-2.92-.657a6.9 6.9 0 0 0-2.92.657a6.9 6.9 0 0 1-2.829.622a6.9 6.9 0 0 1-2.841-.622a6.9 6.9 0 0 0-2.92-.657a6.9 6.9 0 0 0-2.91.657a6.9 6.9 0 0 1-2.84.622c-1.008 0-1.97-.23-2.829-.622a6.9 6.9 0 0 0-2.918-.657a6.9 6.9 0 0 0-2.921.657a6.8 6.8 0 0 1-2.823.622c-1.008 0-1.97-.23-2.829-.622a6.9 6.9 0 0 0-2.92-.657a6.9 6.9 0 0 0-2.92.657A6.8 6.8 0 0 1 2 49v-4.276c1.008 0 1.97-.231 2.829-.625a7.2 7.2 0 0 1 2.92-.644c1.042 0 2.039.242 2.92.644a6.8 6.8 0 0 0 2.829.625a6.8 6.8 0 0 0 2.824-.625a7.15 7.15 0 0 1 2.921-.644c1.042 0 2.035.242 2.918.644a6.8 6.8 0 0 0 2.829.625a6.8 6.8 0 0 0 2.84-.625a7.1 7.1 0 0 1 2.91-.644c1.041 0 2.037.242 2.92.644a6.8 6.8 0 0 0 2.841.625c.995 0 1.97-.231 2.829-.625a7.1 7.1 0 0 1 2.92-.644c1.031 0 2.027.242 2.92.644a6.8 6.8 0 0 0 2.83.625zm-18.578-8.83a6.3 6.3 0 0 1 1.318-.138c1.041 0 2.037.241 2.92.644a6.8 6.8 0 0 0 2.841.624c.995 0 1.97-.23 2.829-.624c.607-.274 1.26-.495 1.959-.587C40.91 28.616 29.021 18.38 28.461 17.85c-.584-.531-1.123-1.694-.744-3.067l2.839-9.453c.505-1.465.253-3.424-.445-4.012c-.401-.323-1.249-.554-1.823.104l-7.682 8.772c-1.684 1.799-.274 3.724-.308 3.713c-2.613-.946-5.681-.312-7.542.46L6.41 17.608c-.63.265-.904 1.071-.572 1.613c1.054 1.696 4.547 1.707 11.825.911C29.422 18.863 29.434 37.83 29.422 40.17"/></svg>Como usar o ícone Whale Watching
React
import { Icon } from "@iconify/react";
<Icon icon="map:whale-watching" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:whale-watching" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:whale-watching" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--whale-watching]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:whale-watching"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:whale-watching"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/map/whale-watching.svg" alt="Ícone Whale Watching" width="24" height="24">O ícone Whale Watching em outras coleções
Perguntas frequentes sobre Ícone Whale Watching
O ícone Whale Watching é grátis para uso comercial?
Sim. Map Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Whale Watching no React?
Instale @iconify/react e renderize <Icon icon="map:whale-watching" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Whale Watching a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/map/whale-watching.svg" alt="Ícone Whale Watching">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.