Star Sharp Fill アイコン

Q: Star Sharp Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:star-sharp-fill

Star Sharp Fill アイコン(keyline-icons:star-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: starsharp、sharpfill、starsharpfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.384 2.4216L15.6753 7.9076L21.6194 8.3822C22.1233 8.4224 22.7712 8.9343 22.9269 9.4151C23.0826 9.896 22.8581 10.6905 22.4735 11.0186L17.9491 14.8782L19.3318 20.6506C19.4495 21.1413 19.1642 21.9151 18.7563 22.2122C18.3487 22.5094 17.5248 22.5437 17.0936 22.2815L12 19.1832L6.9065 22.2815C6.4752 22.5437 5.6513 22.5094 5.2434 22.2121C4.8358 21.9151 4.5505 21.1413 4.6683 20.6502L6.0509 14.8782L1.5265 11.0186C1.1421 10.6907 0.9171 9.896 1.0732 9.4148C1.2288 8.9343 1.8767 8.4224 2.3806 8.3822L8.3247 7.9076L10.6158 2.4219C10.8104 1.9566 11.4957 1.5 12 1.5C12.5043 1.5 13.1896 1.9566 13.384 2.4216Z"/></svg>

Star Sharp Fill アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:star-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:star-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:star-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--star-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:star-sharp-fill"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:star-sharp-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/star-sharp-fill.svg" alt="Star Sharp Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Star Sharp Fill アイコンのよくある質問

Star Sharp Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Star Sharp Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:star-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Star Sharp Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/star-sharp-fill.svg" alt="Star Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →