Fluent Icons

Drink Wine icon

Used for restaurant, product & calendar scenarios. Contains state variants. The Drink Wine icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 16 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_drink_wine_24_regular.svg

Drink Wine icon in React

npm install @fluentui/react-icons

import { DrinkWine24Regular } from "@fluentui/react-icons";

export function Example() {
  return <DrinkWine24Regular aria-label="Drink Wine" />;
}

Drink Wine icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/drink_wine_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/drink_wine_24_regular.svg" width="24" height="24" alt="Drink Wine">

Drink Wine icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.DrinkWine())" />

Drink Wine icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.drink_wine_24_regular)

Drink Wine icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF3C7;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF3C7;" FontSize="24" />

Drink Wine icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_drink_wine_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f3c7";
  font-size: 24px;
}

Drink Wine icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_drink_wine_24_regular" />

// Kotlin
R.drawable.ic_fluent_drink_wine_24_regular

Drink Wine icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .drinkWine24Regular)

Drink Wine icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Drink Wine icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS. 

npm install @fluentui/react-icons

import { DrinkWine24Regular, DrinkWine24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DrinkWine24Regular aria-label="Drink Wine" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_drink_wine_24_regular.svg" width="24" height="24" alt="Drink Wine">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent: 

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9289 9.75391C16.0066 9.34705 15.7397 8.95424 15.3329 8.87655C14.926 8.79885 14.5332 9.0657 14.4555 9.47256C14.4095 9.71353 14.3288 9.94217 14.2188 10.1533C14.0821 10.4156 13.9 10.651 13.6827 10.8489C13.472 11.0408 13.2289 11.1969 12.963 11.308C12.8197 11.3679 12.6696 11.4148 12.5141 11.4472C12.1086 11.5318 11.8485 11.9291 11.9331 12.3346C12.0178 12.7401 12.4151 13.0002 12.8206 12.9156C13.0701 12.8635 13.3112 12.7882 13.5414 12.692C13.9681 12.5137 14.3568 12.2638 14.6927 11.9579C15.0391 11.6424 15.3301 11.2666 15.549 10.8466C15.7254 10.508 15.855 10.1408 15.9289 9.75391ZM6 2.75C6 2.33579 6.33579 2 6.75 2H17.25C17.6642 2 18 2.33579 18 2.75V9.25C18 12.448 15.5982 15.0849 12.5 15.4555V20.5087L15.2476 20.5C15.6618 20.4987 15.9987 20.8334 16 21.2476C16.0013 21.6618 15.6666 21.9987 15.2524 22L11.7524 22.0111L11.7472 22.0111L8.74723 22C8.33302 21.9985 7.99847 21.6614 8.00001 21.2472C8.00154 20.833 8.33856 20.4985 8.75277 20.5L11 20.5083V15.4515C8.17873 15.084 6 12.6714 6 9.75V2.75ZM7.5 3.5V6.25H16.5V3.5H7.5ZM7.5 9.75C7.5 12.0972 9.40279 14 11.75 14C14.3734 14 16.5 11.8734 16.5 9.25V7.75H7.5V9.75Z" fill="currentColor"/></svg>

Details

NameDrink Wine
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_drink_wine_24_regular.svg
Filled fileic_fluent_drink_wine_24_filled.svg
React (Regular)DrinkWine16Regular, DrinkWine20Regular, DrinkWine24Regular
React (Filled)DrinkWine16Filled, DrinkWine20Filled, DrinkWine24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

meal

Related icons

Drink BeerDrink CoffeeDrink MargaritaDrink To GoDrink BottleDrink Bottle OffBeachBedBenchFoodFood AppleFood Cake