Star Seven アイコン

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

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

iconoven:star-seven

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

アイコンセット: IconOven
作者: Appic Marketing
ライセンス: MIT
サイズ: 24 × 24
タグ: starseven

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.5" d="m12.43 3.9l1.42 2.97q.43.9 1.4.67l3.2-.74q.98-.22.54.68l-1.43 2.95q-.44.9.34 1.52l2.58 2.04q.78.62-.19.84l-3.21.72q-.98.22-.97 1.22l.01 3.29q0 1-.78.37l-2.56-2.05q-.78-.63-1.56 0l-2.56 2.05q-.78.63-.78-.37l.01-3.29q.01-1-.97-1.22l-3.21-.72q-.97-.22-.19-.84l2.58-2.04q.78-.62.34-1.52L5.01 7.48q-.44-.9.54-.68l3.2.74q.97.23 1.4-.67l1.42-2.97q.43-.9.86 0"/><path stroke-width="2" d="M12 12.5h.01"/></g></svg>

Star Seven アイコンの使い方

React

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

<Icon icon="iconoven:star-seven" width="24" />

Vue

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

<template>
  <Icon icon="iconoven:star-seven" width="24" />
</template>

Svelte

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

<Icon icon="iconoven:star-seven" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="iconoven:star-seven"></iconify-icon>

HTML 画像

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

IconOven の関連アイコン

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

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

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

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

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

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

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

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