Ícone Sports Bar

material-symbols-light:sports-bar

O ícone Sports Bar (material-symbols-light:sports-bar) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Material Symbols Light
Autor: Google
Licença: Apache-2.0
Tamanho: 24 × 24
Categoria: Viagens
Tags: alcohol, bar, beer, drink, liquor, pint, pub, sports, places, sportsbar, sport

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Material Symbols Light

O ícone Sports Bar em outras coleções

Perguntas frequentes sobre Ícone Sports Bar

O ícone Sports Bar é grátis para uso comercial?

Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Sports Bar no React?

Instale @iconify/react e renderize <Icon icon="material-symbols-light:sports-bar" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Sports Bar a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/sports-bar.svg" alt="Ícone Sports Bar">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Symbols Light →