Star アイコン
noto-v1:star
Star アイコン(noto-v1:star)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
- タグ
- white medium star
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="m81.49 75.3l6.91 28.15L64 88l-24.39 15.45l6.92-28.15l-22-18.26l28.67-2.3L64 28.36l10.81 26.38l28.66 2.3z"/><path fill="#f79329" d="M127.19 49.52a3.27 3.27 0 0 0-2.84-2.27l-41.64-3.32L67.03 5.62A3.27 3.27 0 0 0 64 3.6c-1.32 0-2.51.79-3.02 2.02L45.3 43.93L3.65 47.25A3.29 3.29 0 0 0 .8 49.52c-.38 1.27.01 2.65 1.03 3.5l31.9 26.49l-10.03 40.85c-.32 1.29.18 2.65 1.26 3.42c.57.42 1.23.62 1.9.62c.61 0 1.22-.17 1.75-.5L64 101.5l35.39 22.39c1.13.72 2.57.67 3.65-.11a3.245 3.245 0 0 0 1.26-3.42L94.27 79.51l31.9-26.5a3.23 3.23 0 0 0 1.02-3.49M81.49 75.3l6.92 28.15L64 88l-24.4 15.44l6.92-28.15l-22-18.26l28.67-2.29L64 28.36l10.81 26.38l28.66 2.29z"/></svg>
Star アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:star" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:star" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:star" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--star]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:star"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:star"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/star.svg" alt="Star アイコン" width="24" height="24">
Star アイコン のよくある質問
Star アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Star アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:star" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/star.svg" alt="Star アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
