Sea Star アイコン
pinhead:sea-star
Sea Star アイコン(pinhead:sea-star)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: 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 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>
Web コンポーネント
<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">
Pinhead Map Icons の関連アイコン
Sea Star アイコン のよくある質問
Sea Star アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sea Star アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pinhead Map Icons をすべて見る →
ICONYZ
