Asterisk アイコン

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

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

foundation:asterisk

Asterisk アイコン(foundation:asterisk)は、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="m82.466 60.066l-.032-.015l.034-.059l-17.31-9.994l17.39-10.04l-.005-.009a2.014 2.014 0 0 0 .687-2.72c-.012-.021-.029-.038-.042-.059l.011-.006l-5.52-9.562l-.007.004a2.013 2.013 0 0 0-2.669-.72l-.004-.006l-17.421 10.062V16.793h-.01a2.013 2.013 0 0 0-2.01-1.953c-.025 0-.048.006-.073.007v-.013h-11.04v.007a2.01 2.01 0 0 0-1.957 1.952h-.006v20.115l-17.45-10.075l-.006.01a2.01 2.01 0 0 0-2.697.764c-.012.021-.018.044-.03.065l-.01-.006l-5.52 9.562l.005.003c-.508.94-.196 2.11.712 2.672l-.002.003l.035.02l.016.011l.018.008l17.411 10.052l-17.028 9.832a2 2 0 0 0-.426.18a2.013 2.013 0 0 0-.743 2.74l-.007.004l5.711 9.892l.032-.019a2.014 2.014 0 0 0 2.55.455l.03-.021l.032.056l17.369-10.027v19.593a2 2 0 0 0-.058.461c0 1.108.895 2.005 2 2.014v.007h11.422v-.037a2.01 2.01 0 0 0 1.67-1.98l-.004-.035h.066V63.056l16.967 9.796c.112.105.233.202.371.282a2.016 2.016 0 0 0 2.745-.724l.005.003l5.534-9.587l.003-.004l.002-.004l.173-.299l-.03-.018a2.02 2.02 0 0 0-.884-2.435"/></svg>

Asterisk アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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