Ícone Sea Star
pinhead:sea-star
O ícone Sea Star (pinhead:sea-star) é um ícone SVG gratuito da coleção Pinhead Map Icons de Quincy Morgan. Ele é desenhado em uma grade de 15 × 15. Pinhead Map Icons são publicados sob a licença CC0, 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
- Pinhead Map Icons
- Autor
- Quincy Morgan
- Licença
- CC0-1.0
- Tamanho
- 15 × 15
- Tags
- seastar
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/pinhead/sea-star.svg" alt="Ícone Sea Star" width="24" height="24">
Ícones relacionados em Pinhead Map Icons
O ícone Sea Star em outras coleções
Perguntas frequentes sobre Ícone Sea Star
O ícone Sea Star é grátis para uso comercial?
Sim. Pinhead Map Icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sea Star no React?
Instale @iconify/react e renderize <Icon icon="pinhead:sea-star" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sea Star a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/pinhead/sea-star.svg" alt="Ícone Sea Star">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Pinhead Map Icons →
ICONYZ
