Stars Light アイコン
stash:stars-light
Stars Light アイコン(stash:stars-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- starslight、star
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.077 2.918c.341-.821 1.505-.821 1.846 0l.48 1.152l1.243.1c.886.07 1.246 1.177.57 1.756l-.947.811l.29 1.214c.206.865-.735 1.549-1.494 1.085L14 8.386l-1.065.65c-.759.464-1.7-.22-1.494-1.085l.29-1.214l-.947-.811c-.676-.579-.317-1.685.57-1.757l1.244-.1zm1.402 1.536L14 3.302l-.48 1.152a1 1 0 0 1-.842.613l-1.244.1l.947.81a1 1 0 0 1 .323.992l-.29 1.214l1.065-.65a1 1 0 0 1 1.042 0l1.065.65l-.29-1.214a1 1 0 0 1 .323-.991l.947-.812l-1.243-.1a1 1 0 0 1-.844-.612M8.077 8.918c.341-.821 1.505-.821 1.846 0l1.273 3.06l3.303.264c.887.071 1.246 1.178.57 1.757l-2.516 2.155l.77 3.224c.205.865-.736 1.549-1.495 1.085L9 18.736l-2.828 1.727c-.759.464-1.7-.22-1.494-1.085l.77-3.224L2.93 14c-.675-.579-.316-1.686.571-1.757l3.303-.264zm2.196 3.444L9 9.302l-1.272 3.06a1 1 0 0 1-.844.612l-3.303.265l2.517 2.156a1 1 0 0 1 .322.992l-.77 3.223l2.829-1.727a1 1 0 0 1 1.042 0l2.828 1.727l-.768-3.223a1 1 0 0 1 .322-.992l2.516-2.156l-3.303-.265a1 1 0 0 1-.843-.612m9.18-3.573a.5.5 0 0 0-.906 0l-.878 1.88l-1.88.878a.5.5 0 0 0 0 .906l1.88.878l.878 1.88a.5.5 0 0 0 .906 0l.878-1.88l1.88-.878a.5.5 0 0 0 0-.906l-1.88-.878zm-.954 2.468L19 10.182l.502 1.075a.5.5 0 0 0 .241.242l1.075.501l-1.075.502a.5.5 0 0 0-.241.241L19 13.818l-.502-1.075a.5.5 0 0 0-.241-.242L17.182 12l1.075-.502a.5.5 0 0 0 .241-.241"/></svg>Stars Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:stars-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:stars-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:stars-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--stars-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:stars-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:stars-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/stars-light.svg" alt="Stars Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Stars Light アイコン のよくある質問
Stars Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stars Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:stars-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stars Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/stars-light.svg" alt="Stars Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。