Icône Sports Bar Outline

material-symbols-light:sports-bar-outline

L'icône Sports Bar Outline (material-symbols-light:sports-bar-outline) 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, baroutline, sportsbaroutline, 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="M7.98 19h7.636V9H13.5q-.854 0-1.371.379t-1.22 1.15q-.846.935-1.527 1.397t-1.401.584zm-1 1v-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.576zM7.98 19h7.635z"/></svg>

Comment utiliser l'icône Sports Bar Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sports-bar-outline"></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-outline"></iconify-icon>

Image HTML

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

Icônes similaires dans Material Symbols Light

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

FAQ : Icône Sports Bar Outline

L'icône Sports Bar Outline 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 Outline dans React ?

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

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

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

Voir toutes les Icônes Material Symbols Light →