Иконка Sports Bar Outline

material-symbols-light:sports-bar-outline

Иконка Sports Bar Outline (material-symbols-light:sports-bar-outline) — бесплатная SVG-иконка из набора Material Symbols Light от 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, baroutline, sportsbaroutline, sport

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/sports-bar-outline.svg" alt="Иконка Sports Bar Outline" width="24" height="24">

Иконка Sports Bar Outline в других наборах

Вопросы и ответы: Иконка Sports Bar Outline

Можно ли бесплатно использовать иконку Sports Bar Outline в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sports Bar Outline в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:sports-bar-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sports Bar Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/sports-bar-outline.svg" alt="Иконка Sports Bar Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →