Icône Whale Watching
map:whale-watching
L'icône Whale Watching (map:whale-watching) est une icône SVG gratuite de la collection Map Icons par Scott de Jonge. Elle est dessinée sur une grille de 50 × 50. Les Map Icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Map Icons
- Auteur
- Scott de Jonge
- Licence
- OFL-1.1
- Taille
- 50 × 50
- Mots-clés
- whalewatching
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/map/whale-watching.svg" alt="Icône Whale Watching" width="24" height="24">L'icône Whale Watching dans d'autres collections
FAQ : Icône Whale Watching
L'icône Whale Watching est-elle gratuite pour un usage commercial ?
Oui. Les Map Icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Whale Watching dans React ?
Installez @iconify/react et affichez <Icon icon="map:whale-watching" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Whale Watching à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/map/whale-watching.svg" alt="Icône Whale Watching">, ou collez le code SVG directement dans la page pour le styliser en CSS.