Stadium 48 Bold アイコン
energy-icons:stadium-48-bold
Stadium 48 Bold アイコン(energy-icons:stadium-48-bold)は、Energy Icons セットの無料 SVG アイコンです(作者: Sam Passmore)。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- stadiumbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M42.75 16c0-.223-.156-.686-1.045-1.316c-.857-.608-2.177-1.207-3.922-1.73C34.31 11.912 29.436 11.25 24 11.25s-10.31.662-13.783 1.704c-1.745.523-3.065 1.122-3.922 1.73c-.89.63-1.045 1.094-1.045 1.316c0 .223.156.686 1.045 1.316c.857.608 2.177 1.207 3.922 1.73C13.69 20.088 18.564 20.75 24 20.75s10.31-.662 13.783-1.704c1.745-.523 3.065-1.122 3.922-1.73c.89-.63 1.045-1.093 1.045-1.316m2.5 0c0 1.435-.964 2.55-2.099 3.355c-1.167.828-2.776 1.523-4.65 2.085c-3.765 1.13-8.892 1.81-14.501 1.81c-5.61 0-10.736-.68-14.501-1.81c-1.874-.562-3.483-1.257-4.65-2.085C3.714 18.55 2.75 17.435 2.75 16c0-1.434.964-2.55 2.099-3.355c1.167-.828 2.776-1.523 4.65-2.085C13.264 9.43 18.391 8.75 24 8.75c5.61 0 10.736.68 14.501 1.81c1.875.562 3.483 1.257 4.65 2.085c1.135.805 2.099 1.92 2.099 3.355"/><path fill="currentColor" d="M2.75 30V16h2.5v14c0 .223.156.686 1.045 1.316c.857.608 2.177 1.207 3.922 1.73C13.69 34.088 18.564 34.75 24 34.75s10.31-.662 13.783-1.704c1.745-.523 3.065-1.122 3.922-1.73c.89-.63 1.045-1.093 1.045-1.316V16h2.5v14c0 1.435-.964 2.55-2.099 3.355c-1.167.828-2.776 1.523-4.65 2.085c-3.765 1.13-8.892 1.81-14.501 1.81c-5.61 0-10.736-.68-14.501-1.81c-1.874-.562-3.483-1.257-4.65-2.084C3.714 32.55 2.75 31.434 2.75 30"/><path fill="currentColor" d="M24 12.55c3.094 0 5.93.25 8.023.669c1.037.207 1.956.468 2.647.795c.342.162.695.37.98.648c.287.28.6.732.6 1.338s-.313 1.057-.6 1.337c-.285.279-.638.488-.98.65c-.69.326-1.61.587-2.647.795c-2.093.418-4.929.668-8.023.668s-5.93-.25-8.023-.668c-1.037-.208-1.956-.469-2.647-.795c-.342-.162-.695-.371-.98-.65c-.252-.245-.523-.62-.586-1.117L11.75 16l.014-.22c.064-.497.335-.872.586-1.118c.284-.278.638-.486.98-.648c.69-.327 1.61-.588 2.647-.795c2.093-.419 4.929-.669 8.023-.669m0 2.5c-2.98 0-5.645.242-7.533.62q-.788.159-1.334.33c.365.112.81.225 1.334.33c1.888.378 4.552.62 7.533.62c2.98 0 5.645-.242 7.533-.62c.524-.104.969-.218 1.333-.33a14 14 0 0 0-1.333-.33c-1.888-.377-4.552-.62-7.533-.62"/></svg>Stadium 48 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:stadium-48-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:stadium-48-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:stadium-48-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--stadium-48-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:stadium-48-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:stadium-48-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/stadium-48-bold.svg" alt="Stadium 48 Bold アイコン" width="24" height="24">Energy Icons の関連アイコン
Stadium 48 Bold アイコン のよくある質問
Stadium 48 Bold アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stadium 48 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:stadium-48-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stadium 48 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/stadium-48-bold.svg" alt="Stadium 48 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。