Add Starburst 28 Filled アイコン

Q: Add Starburst 28 Filled アイコンは商用利用でも無料ですか?

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

fluent:add-starburst-28-filled

Add Starburst 28 Filled アイコン(fluent:add-starburst-28-filled)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 28 × 28 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 28 × 28
タグ: addstarburst、starburstfilled、addstarburstfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path fill="currentColor" d="M13.205 1.384a1 1 0 0 1 1.579 0l1.811 2.329a.25.25 0 0 0 .292.078l2.732-1.111a1 1 0 0 1 1.367.79l.405 2.921a.25.25 0 0 0 .213.214l2.922.404a1 1 0 0 1 .79 1.367l-1.112 2.733a.25.25 0 0 0 .078.291l2.329 1.811a1 1 0 0 1 0 1.579l-2.329 1.81a.25.25 0 0 0-.078.292l1.111 2.733a1 1 0 0 1-.789 1.367l-2.922.404a.25.25 0 0 0-.213.214l-.405 2.922a1 1 0 0 1-1.367.79l-2.732-1.112a.25.25 0 0 0-.292.078l-1.811 2.329a1 1 0 0 1-1.579 0l-1.81-2.329a.25.25 0 0 0-.292-.078L8.37 25.321a1 1 0 0 1-1.367-.79l-.404-2.921a.25.25 0 0 0-.214-.214l-2.922-.404a1 1 0 0 1-.79-1.367l1.112-2.733a.25.25 0 0 0-.078-.291L1.378 14.79a1 1 0 0 1 0-1.579l2.329-1.81a.25.25 0 0 0 .078-.292L2.674 8.376a1 1 0 0 1 .79-1.367l2.921-.404A.25.25 0 0 0 6.6 6.39l.404-2.922a1 1 0 0 1 1.367-.79l2.733 1.112a.25.25 0 0 0 .291-.078zM14.75 8.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5z"/></svg>

Add Starburst 28 Filled アイコンの使い方

React

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

<Icon icon="fluent:add-starburst-28-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:add-starburst-28-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:add-starburst-28-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--add-starburst-28-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:add-starburst-28-filled"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:add-starburst-28-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/add-starburst-28-filled.svg" alt="Add Starburst 28 Filled アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Add Starburst 28 Filled アイコンのよくある質問

Add Starburst 28 Filled アイコンは商用利用でも無料ですか?

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

React で Add Starburst 28 Filled アイコンを使うには?

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

Add Starburst 28 Filled アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →