drink to go icon
drink-to-go-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- drink-to-go-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the drink to go icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.853 2.146a.5.5 0 0 1 0 .708L12.706 4h1.624a.75.75 0 0 1 .704.492l.917 2.5A.75.75 0 0 1 15.247 8h-.339l-1.425 8.337A2 2 0 0 1 11.512 18H8.487a2 2 0 0 1-1.972-1.663L5.09 8h-.34a.75.75 0 0 1-.703-1.01l.923-2.5A.75.75 0 0 1 5.674 4h5.642a.5.5 0 0 1 .08-.104l1.75-1.75a.5.5 0 0 1 .707 0M6.105 8L7.5 16.169a1 1 0 0 0 .986.831h3.025a1 1 0 0 0 .985-.831L13.894 8zm-.996-1h9.78l-.734-2H5.848z"/></svg>
React
import type { SVGProps } from "react";
export function FluentDrinkToGo20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.853 2.146a.5.5 0 0 1 0 .708L12.706 4h1.624a.75.75 0 0 1 .704.492l.917 2.5A.75.75 0 0 1 15.247 8h-.339l-1.425 8.337A2 2 0 0 1 11.512 18H8.487a2 2 0 0 1-1.972-1.663L5.09 8h-.34a.75.75 0 0 1-.703-1.01l.923-2.5A.75.75 0 0 1 5.674 4h5.642a.5.5 0 0 1 .08-.104l1.75-1.75a.5.5 0 0 1 .707 0M6.105 8L7.5 16.169a1 1 0 0 0 .986.831h3.025a1 1 0 0 0 .985-.831L13.894 8zm-.996-1h9.78l-.734-2H5.848z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.853 2.146a.5.5 0 0 1 0 .708L12.706 4h1.624a.75.75 0 0 1 .704.492l.917 2.5A.75.75 0 0 1 15.247 8h-.339l-1.425 8.337A2 2 0 0 1 11.512 18H8.487a2 2 0 0 1-1.972-1.663L5.09 8h-.34a.75.75 0 0 1-.703-1.01l.923-2.5A.75.75 0 0 1 5.674 4h5.642a.5.5 0 0 1 .08-.104l1.75-1.75a.5.5 0 0 1 .707 0M6.105 8L7.5 16.169a1 1 0 0 0 .986.831h3.025a1 1 0 0 0 .985-.831L13.894 8zm-.996-1h9.78l-.734-2H5.848z"/></svg> </template>
CSS
.icon-drink-to-go-20-regular {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.853%202.146a.5.5%200%200%201%200%20.708L12.706%204h1.624a.75.75%200%200%201%20.704.492l.917%202.5A.75.75%200%200%201%2015.247%208h-.339l-1.425%208.337A2%202%200%200%201%2011.512%2018H8.487a2%202%200%200%201-1.972-1.663L5.09%208h-.34a.75.75%200%200%201-.703-1.01l.923-2.5A.75.75%200%200%201%205.674%204h5.642a.5.5%200%200%201%20.08-.104l1.75-1.75a.5.5%200%200%201%20.707%200M6.105%208L7.5%2016.169a1%201%200%200%200%20.986.831h3.025a1%201%200%200%200%20.985-.831L13.894%208zm-.996-1h9.78l-.734-2H5.848z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.853%202.146a.5.5%200%200%201%200%20.708L12.706%204h1.624a.75.75%200%200%201%20.704.492l.917%202.5A.75.75%200%200%201%2015.247%208h-.339l-1.425%208.337A2%202%200%200%201%2011.512%2018H8.487a2%202%200%200%201-1.972-1.663L5.09%208h-.34a.75.75%200%200%201-.703-1.01l.923-2.5A.75.75%200%200%201%205.674%204h5.642a.5.5%200%200%201%20.08-.104l1.75-1.75a.5.5%200%200%201%20.707%200M6.105%208L7.5%2016.169a1%201%200%200%200%20.986.831h3.025a1%201%200%200%200%20.985-.831L13.894%208zm-.996-1h9.78l-.734-2H5.848z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/drink-to-go-20-regular.svg?color=%231a73e8&size=48
