Иконка Sea Star

pinhead:sea-star

Иконка Sea Star (pinhead:sea-star) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Pinhead Map Icons
Автор: Quincy Morgan
Лицензия: CC0-1.0
Размер: 15 × 15
Теги: seastar

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="pinhead:sea-star"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/pinhead/sea-star.svg" alt="Иконка Sea Star" width="24" height="24">

Иконка Sea Star в других наборах

Вопросы и ответы: Иконка Sea Star

Можно ли бесплатно использовать иконку Sea Star в коммерческих проектах?

Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sea Star в React?

Установите @iconify/react и выведите <Icon icon="pinhead:sea-star" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sea Star на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/sea-star.svg" alt="Иконка Sea Star">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Pinhead Map Icons →