Star Shine アイコン

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

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

reicon:star-shine

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: いいね
タグ: starshine

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75m6.53 4.22a.75.75 0 0 1 0 1.06l-.343.343a.75.75 0 0 1-1.06-1.06l.343-.343a.75.75 0 0 1 1.06 0m-13.06 0a.75.75 0 0 1 1.06 0l.344.343a.75.75 0 0 1-1.061 1.06L5.47 6.53a.75.75 0 0 1 0-1.06m6.474 2.412c-.177.23-.383.597-.712 1.187l-.164.294l-.037.067c-.14.252-.304.55-.575.756c-.275.21-.608.283-.881.344l-.072.016l-.318.072c-.64.144-1.033.236-1.292.338q-.083.032-.122.055q.02.048.079.143c.155.246.425.565.86 1.073l.217.254l.048.056c.188.219.408.473.51.8c.1.322.066.657.036.95l-.007.074l-.033.338c-.066.679-.105 1.105-.092 1.403q.005.085.012.135q.035-.007.087-.022c.267-.077.636-.245 1.236-.52l.298-.138l.067-.031c.254-.118.566-.264.911-.264s.657.146.91.264l.068.031l.298.137c.6.276.969.444 1.236.52q.052.015.087.023q.008-.05.012-.135c.013-.298-.027-.724-.092-1.402l-.033-.339l-.007-.075c-.03-.292-.063-.627.037-.95c.101-.325.32-.58.509-.799l.048-.056l.217-.254c.435-.508.705-.827.86-1.073q.059-.095.08-.143a1 1 0 0 0-.123-.055c-.26-.102-.652-.194-1.292-.338l-.319-.072l-.07-.016c-.274-.061-.607-.135-.882-.344c-.27-.205-.436-.504-.575-.756l-.037-.067l-.164-.294c-.329-.59-.536-.957-.712-1.187L12 7.812zm4.341 3.166l-.007-.007q.009.006.007.007m-.036-.09q0-.01.002-.01zm-1.672 5.373l.004-.007zm.112-.08q.008-.003.009-.001zm-5.387-.001h.009zm.118.074l.003.007zM7.75 10.95v.009zm-.028.092l-.007.007zm3.03-4.071c.26-.338.652-.72 1.248-.72s.988.382 1.247.72c.251.328.511.794.804 1.32l.191.343a6 6 0 0 0 .21.355l.025.008c.068.022.164.044.35.087l.374.084c.567.128 1.076.243 1.456.393c.407.16.857.433 1.03.991c.171.55-.035 1.032-.267 1.402c-.221.35-.566.753-.954 1.208l-.253.295a6 6 0 0 0-.238.289l-.026.038v.05c.001.08.01.187.03.383l.038.393c.059.607.11 1.143.092 1.56c-.019.43-.12.956-.583 1.308c-.476.362-1.013.298-1.427.18c-.392-.113-.868-.332-1.398-.576l-.053-.024l-.297-.137a5 5 0 0 0-.351-.153l-.018.007a5 5 0 0 0-.333.146l-.35.16c-.53.245-1.006.465-1.398.577c-.414.118-.95.182-1.427-.18c-.464-.352-.564-.878-.583-1.308c-.019-.418.033-.953.092-1.56l.038-.393c.02-.196.029-.303.03-.382v-.051l-.026-.038a5 5 0 0 0-.238-.289l-.253-.295c-.388-.455-.733-.857-.954-1.208c-.232-.37-.438-.852-.267-1.402c.173-.558.623-.83 1.03-.99c.38-.15.889-.266 1.456-.394l.055-.012l.318-.072a5 5 0 0 0 .376-.095l.02-.029c.043-.064.094-.155.19-.326l.163-.294l.028-.049c.293-.526.553-.992.804-1.32M8.05 13.775v-.002zM1.25 12a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m18 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75M6.873 17.127a.75.75 0 0 1 0 1.06l-.343.343a.75.75 0 0 1-1.06-1.06l.343-.343a.75.75 0 0 1 1.06 0m10.253 0a.75.75 0 0 1 1.061 0l.343.343a.75.75 0 0 1-1.06 1.06l-.343-.343a.75.75 0 0 1 0-1.06M12 19.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg>

Star Shine アイコンの使い方

React

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

<Icon icon="reicon:star-shine" width="24" />

Vue

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

<template>
  <Icon icon="reicon:star-shine" width="24" />
</template>

Svelte

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

<Icon icon="reicon:star-shine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--star-shine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:star-shine"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:star-shine"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/star-shine.svg" alt="Star Shine アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Star Shine アイコン

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →