Stars2 Filled アイコン
reicon:stars2-filled
Stars2 Filled アイコン(reicon:stars2-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.252 10.689c-.987-1.18-1.48-1.77-2.048-1.68c-.567.091-.832.803-1.362 2.227l-.138.368c-.15.405-.226.607-.373.756c-.146.149-.348.228-.75.386l-.367.143c-1.417.555-2.126.833-2.207 1.4s.52 1.049 1.721 2.011l.31.25c.342.273.513.41.611.597c.1.187.115.404.146.837l.029.394c.11 1.523.166 2.285.683 2.545s1.154-.155 2.427-.983l.329-.215c.362-.235.543-.353.75-.387c.208-.033.42.022.841.132l.385.1c1.485.386 2.228.58 2.629.173s.193-1.144-.221-2.62l-.108-.38c-.117-.42-.176-.63-.147-.837c.03-.208.145-.39.374-.756l.21-.332c.807-1.285 1.21-1.927.94-2.438c-.269-.511-1.033-.553-2.562-.635l-.396-.022c-.434-.023-.652-.035-.841-.13c-.19-.095-.33-.263-.61-.599z"/><path d="m14.878 5.167l.183.522c.201.573.302.86.497 1.07c.196.212.464.324 1.001.547l.489.204c1.89.786 2.835 1.18 2.942 1.983c.045.334-.067.648-.33.998a4 4 0 0 0-.254-.06c-.526-.107-1.195-.143-1.877-.18l-.49-.026l-.23-.013l-.151-.18l-.316-.377c-.44-.528-.87-1.043-1.272-1.401c-.427-.382-1.141-.88-2.103-.726c-.972.156-1.49.863-1.77 1.367c-.259.468-.492 1.094-.728 1.727l-.17.458l-.072.193q-.08.03-.193.076l-.456.178c-.63.247-1.253.49-1.717.757c-.498.287-1.2.817-1.339 1.793c-.137.967.378 1.673.767 2.092c.29.311.681.64 1.098.978c-1.569.425-2.403.584-2.877.072c-.534-.576-.258-1.62.295-3.71l.142-.54c.157-.595.236-.891.197-1.186c-.04-.294-.193-.553-.499-1.07l-.278-.47C4.29 8.422 3.752 7.512 4.11 6.787c.36-.724 1.379-.783 3.418-.9l.527-.03c.58-.034.869-.05 1.122-.185c.252-.135.439-.372.813-.848l.34-.432c1.316-1.673 1.974-2.509 2.73-2.38s1.11 1.137 1.817 3.154"/></g></svg>Stars2 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:stars2-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:stars2-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:stars2-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--stars2-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:stars2-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:stars2-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/stars2-filled.svg" alt="Stars2 Filled アイコン" width="24" height="24">Reicon の関連アイコン
Stars2 Filled アイコン のよくある質問
Stars2 Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stars2 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:stars2-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stars2 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/stars2-filled.svg" alt="Stars2 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。