Icône Sports Bar

material-symbols-light:sports-bar

L'icône Sports Bar (material-symbols-light:sports-bar) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Material Symbols Light
Auteur: Google
Licence: Apache-2.0
Taille: 24 × 24
Catégorie: Voyage
Mots-clés: alcohol, bar, beer, drink, liquor, pint, pub, sports, places, sportsbar, sport

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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 component

<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>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/sports-bar.svg" alt="Icône Sports Bar" width="24" height="24">

Icônes similaires dans Material Symbols Light

L'icône Sports Bar dans d'autres collections

FAQ : Icône Sports Bar

L'icône Sports Bar est-elle gratuite pour un usage commercial ?

Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Sports Bar dans React ?

Installez @iconify/react et affichez <Icon icon="material-symbols-light:sports-bar" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Sports Bar à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/sports-bar.svg" alt="Icône Sports Bar">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Symbols Light →