Superscript アイコン

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

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

foundation:superscript

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

アイコンセット: Foundation
作者: Zurb
ライセンス: MIT
サイズ: 100 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M90.478 31.418a1 1 0 0 0-.703-.291v-.011h-5.208c3.816-2.52 5.064-4.32 5.064-6.504c0-3.216-2.712-5.521-6.865-5.521c-2.138 0-4.685.695-6.521 2.481c-.043.031-.092.048-.13.087c-.027.027-.038.063-.062.093q-.028.025-.055.052l.012.014a.965.965 0 0 0 .005 1.095l-.016.01l1.367 1.995h.001a.98.98 0 0 0 1.265.093l.007.009l.108-.085c.007-.007.017-.009.025-.016l.005-.007c1.184-.965 2.446-1.548 4.088-1.548c1.032 0 1.848.48 1.848 1.248c0 1.2-.696 1.8-8.017 6.96v.022c-.067.041-.139.073-.197.131a.97.97 0 0 0-.267.578h-.024v2.609c0 .241.195.437.437.437c.018 0 .034-.008.052-.01v.004h13.082a.99.99 0 0 0 .994-.994v-2.225a1 1 0 0 0-.295-.706m-20.199 2.049l-3.389-3.39a2.604 2.604 0 0 0-3.683 0l-.016-.016l-13.034 13.034l-13.033-13.034a2.604 2.604 0 0 0-3.683 0l-3.389 3.389a2.604 2.604 0 0 0 0 3.683l-.016.016l13.033 13.033l-13.034 13.035l.016.016a2.604 2.604 0 0 0 0 3.683l3.389 3.389a2.604 2.604 0 0 0 3.683 0l13.033-13.033l13.033 13.033l.016-.016a2.604 2.604 0 0 0 3.683 0l3.389-3.389a2.604 2.604 0 0 0 0-3.683L57.246 50.183L70.279 37.15a2.604 2.604 0 0 0 0-3.683"/></svg>

Superscript アイコンの使い方

React

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

<Icon icon="foundation:superscript" width="24" />

Vue

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

<template>
  <Icon icon="foundation:superscript" width="24" />
</template>

Svelte

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

<Icon icon="foundation:superscript" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--superscript]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:superscript"></div>

Web コンポーネント

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

<iconify-icon icon="foundation:superscript"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/superscript.svg" alt="Superscript アイコン" width="24" height="24">

他のアイコンセットの Superscript アイコン

Superscript アイコンのよくある質問

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

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

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

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

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

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

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