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 filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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" />;
}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>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/drink_wine_24_regular.svg";Details
| Name | Drink Wine |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_drink_wine_24_regular.svg |
| Filled file | ic_fluent_drink_wine_24_filled.svg |
| React components | DrinkWine24Regular, DrinkWine24Filled |
| License | MIT (© Microsoft Corporation) |