Icône Sea Star
pinhead:sea-star
L'icône Sea Star (pinhead:sea-star) est une icône SVG gratuite de la collection Pinhead Map Icons par Quincy Morgan. Elle est dessinée sur une grille de 15 × 15. Les Pinhead Map Icons sont publiées sous la licence CC0, 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
- Pinhead Map Icons
- Auteur
- Quincy Morgan
- Licence
- CC0-1.0
- Taille
- 15 × 15
- Mots-clés
- seastar
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M5.08 5.71q.15 0 0 0c.43-.11.76-.33.98-.65c.11-.21.21-.52.21-.74c.22-.75.22-1.59.44-2.33c.11-.43.22-.75.32-1.18c.11-.21.66-1.06.99-.74c.11.1.11.43 0 .64c-.11.53 0 1.06 0 1.59s.11 1.06.21 1.7c.12.63.44 1.38 1.09 1.8c.88.54 1.86.65 2.84.54c.55 0 1.09-.11 1.64-.22c.21 0 1.2-.41 1.2 0c0 .11-.11.22-.22.33c-.22.21-.33.32-.66.42c-1.2.64-2.94.32-3.81 1.48c-1.31 1.71.32 3.52 1.3 5c.11.11.23.32.34.43c.1.21.42.53.42.75c0 .2 0 .31-.21.42c-.44.21-.76-.32-.98-.53c-.33-.32-.55-.64-.87-.96c-.65-.74-1.31-1.38-2.18-1.91c-.44-.32-1.31-.22-1.75-.11c-.54.22-.98.54-1.41.96c-.55.53-1.09 1.16-1.64 1.59c-.11.11-.76.74-.88.43c-.1-.32.23-.86.34-1.17c.33-.75.86-1.38 1.3-2.13c.23-.31.33-.74.44-1.06s.11-.85 0-1.17c-.65-1.7-2.29-2.12-3.7-2.98C.71 5.8.5 5.71.39 5.6s-.55-.32-.33-.54c.1-.1.33 0 .54 0c.33.22.77.32 1.09.43c.22.11.55.11.76.11c.88.11 1.75.31 2.63.11"/></svg>
Comment utiliser l'icône Sea Star
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:sea-star" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:sea-star" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:sea-star" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--sea-star]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:sea-star"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:sea-star"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/pinhead/sea-star.svg" alt="Icône Sea Star" width="24" height="24">
Icônes similaires dans Pinhead Map Icons
L'icône Sea Star dans d'autres collections
FAQ : Icône Sea Star
L'icône Sea Star est-elle gratuite pour un usage commercial ?
Oui. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sea Star dans React ?
Installez @iconify/react et affichez <Icon icon="pinhead:sea-star" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sea Star à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pinhead/sea-star.svg" alt="Icône Sea Star">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Pinhead Map Icons →
ICONYZ
