Stadium アイコン

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

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

boxicons:stadium

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

アイコンセット: Boxicons
作者: Boxicons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22 5l-5-2v4.42c-1.34-.24-2.75-.36-4-.4V5.2L16 4l-5-2v5.02c-1.25.04-2.66.16-4 .4V6.2L10 5L5 3v4.89c-1.73.54-3 1.37-3 2.61v8C2 21.26 8.29 22 12 22s10-.74 10-3.5v-8c0-1.24-1.27-2.07-3-2.61V6.2zM10 19.93V18h4v1.93c-.62.04-1.28.07-2 .07s-1.38-.03-2-.07m6-.21V17c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v2.72c-2.4-.35-3.76-.96-4-1.29v-5.69c2.16.95 5.61 1.26 8 1.26s5.84-.31 8-1.26v5.69c-.24.33-1.6.94-4 1.29M12 12c-4.75 0-7.4-.99-7.94-1.5C4.6 9.99 7.25 9 12 9s7.4.99 7.94 1.5c-.54.51-3.19 1.5-7.94 1.5"/></svg>

Stadium アイコンの使い方

React

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

<Icon icon="boxicons:stadium" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:stadium" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:stadium" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="boxicons:stadium"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/boxicons/stadium.svg" alt="Stadium アイコン" width="24" height="24">

Boxicons の関連アイコン

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

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

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

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

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

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

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

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

Boxicons をすべて見る →