Drink To Go icon
Used for restaurant, product & calendar scenarios. Contains state variants. The Drink To Go 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 To Go 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 { DrinkToGo24Regular, DrinkToGo24Filled } from "@fluentui/react-icons";
export function Example() {
return <DrinkToGo24Regular aria-label="Drink To Go" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_drink_to_go_24_regular.svg" width="24" height="24" alt="Drink To Go"> 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.7203 2.21967C16.0132 1.92678 16.4881 1.92678 16.781 2.21967C17.0739 2.51256 17.0739 2.98744 16.781 3.28033L15.56 4.5H17.7506C18.0676 4.5 18.3503 4.69925 18.4569 4.99775L19.7069 8.49775C19.8814 8.98618 19.5193 9.5 19.0006 9.5H17.956L16.3686 19.5493C16.1592 21.0145 14.9096 22 13.3987 22H10.6025C9.09169 22 7.84198 21.0145 7.63432 19.5602L6.045 9.5H5.00063C4.48199 9.5 4.11989 8.98618 4.29433 8.49775L5.54433 4.99775C5.65093 4.69925 5.93367 4.5 6.25063 4.5H13.439L15.7203 2.21967ZM16.437 9.5H7.563L9.1176 19.3371C9.21689 20.0322 9.81011 20.5 10.6025 20.5H13.3987C14.1911 20.5 14.7843 20.0322 14.8853 19.3262L16.437 9.5ZM17.2221 6H6.77917L6.06489 8H17.9364L17.2221 6Z" 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_to_go_24_regular.svg";Details
| Name | Drink To Go |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_drink_to_go_24_regular.svg |
| Filled file | ic_fluent_drink_to_go_24_filled.svg |
| React components | DrinkToGo24Regular, DrinkToGo24Filled |
| License | MIT (© Microsoft Corporation) |