Sports Bar アイコン

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

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

material-symbols-light:sports-bar

Sports Bar アイコン(material-symbols-light:sports-bar)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: 旅行
タグ: alcohol、bar、beer、drink、liquor、pint、pub、sports、places、sportsbar、sport

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.98 20v-7.515q-1.3-.293-2.14-1.189T4 9q0-1.171.695-2.09q.695-.92 1.895-1.3q.537-1.162 1.54-1.883t2.37-.721q.76 0 1.484.261q.724.262 1.426.877q.211-.088.407-.126q.197-.037.433-.037q1.4 0 2.335 1.05q.934 1.05.934 2.45q0 .473-.06.838q-.061.365-.201.681h.934q.749 0 1.278.52t.53 1.27v5.23q0 .748-.53 1.278t-1.278.53h-1.576V20zM5 9q0 1.037.732 1.768T7.5 11.5q.896 0 1.507-.506t1.21-1.156q.702-.77 1.422-1.304T13.52 8h3q.116-1.267-.558-2.143T14.25 4.98q-.356 0-.627.066q-.271.067-.483.182l-.563-.477q-.333-.263-.847-.505q-.515-.241-1.23-.241q-.935 0-1.713.492q-.778.493-1.204 1.371l-.274.558l-.607.198q-.779.258-1.24.905Q5 8.177 5 9m11.616 7.827h1.576q.347 0 .577-.23t.231-.578v-5.23q0-.347-.23-.568q-.231-.221-.578-.221h-1.576z"/></svg>

Sports Bar アイコンの使い方

React

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

<Icon icon="material-symbols-light:sports-bar" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:sports-bar" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:sports-bar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--sports-bar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sports-bar"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:sports-bar"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/sports-bar.svg" alt="Sports Bar アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Sports Bar アイコン

Sports Bar アイコンのよくある質問

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

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

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

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

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

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

Material Symbols Light アイコンをすべて見る →