glass of milk emoji
glass-of-milk from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- glass-of-milk
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the glass of milk emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M8.777 4.458L10.792 32h14.333l2.189-27.562z"/><path fill="#fff" d="m25 31.281l-14.094.157l-1.018-15.312h16.246z"/><path fill="#8899a6" d="M23.906 35.175H12.094c-1.712 0-2.914-1.153-3.135-3.011L6.984 4.448a1.175 1.175 0 0 1 1.089-1.255a1.17 1.17 0 0 1 1.255 1.088l1.969 27.66c.107.884.573.884.797.884h11.812c.516 0 .708 0 .8-.917l1.966-27.627a1.175 1.175 0 0 1 2.344.167l-1.969 27.659c-.252 2.541-1.847 3.068-3.141 3.068"/><path fill="#8899a6" d="M18 33h-2.627c-5.532 0-6.167-2.684-6.46-6.474C8.585 22.295 7.16 4.432 7.16 4.432l1.993-.159s1.427 17.868 1.754 22.099c.265 3.439.556 4.628 4.466 4.628H18a1 1 0 1 1 0 2"/><path fill="#8899a6" d="M20.627 33H18a1 1 0 1 1 0-2h2.627c3.91 0 4.2-1.189 4.466-4.628c.328-4.232 1.754-22.099 1.754-22.099l1.994.159s-1.426 17.864-1.754 22.094c-.293 3.79-.927 6.474-6.46 6.474"/><path fill="#ccd6dd" d="M29 4.083c0 1.703-2.73 3.083-11 3.083S7 5.786 7 4.083S9.73 1 18 1s11 1.38 11 3.083"/><path fill="#fff" d="M28.532 4.128a1 1 0 0 0-1.387-.276c-2.086 1.393-7.274 1.571-9.097 1.523c-.01-.001-.019.005-.029.004c-.009 0-.016-.004-.025-.004c-1.819.049-7.008-.127-9.097-1.523a1 1 0 0 0-1.111 1.663c2.57 1.717 7.917 1.866 9.688 1.866c.289 0 .477-.004.547-.006c.071.002.258.006.547.006c1.771 0 7.118-.148 9.688-1.866a1 1 0 0 0 .276-1.387"/><ellipse cx="17.991" cy="16.06" fill="#e1e8ed" rx="7.827" ry="1.464"/><path fill="#8899a6" d="M11.042 31.542h14.167v1.833H11.042z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiGlassOfMilk(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M8.777 4.458L10.792 32h14.333l2.189-27.562z"/><path fill="#fff" d="m25 31.281l-14.094.157l-1.018-15.312h16.246z"/><path fill="#8899a6" d="M23.906 35.175H12.094c-1.712 0-2.914-1.153-3.135-3.011L6.984 4.448a1.175 1.175 0 0 1 1.089-1.255a1.17 1.17 0 0 1 1.255 1.088l1.969 27.66c.107.884.573.884.797.884h11.812c.516 0 .708 0 .8-.917l1.966-27.627a1.175 1.175 0 0 1 2.344.167l-1.969 27.659c-.252 2.541-1.847 3.068-3.141 3.068"/><path fill="#8899a6" d="M18 33h-2.627c-5.532 0-6.167-2.684-6.46-6.474C8.585 22.295 7.16 4.432 7.16 4.432l1.993-.159s1.427 17.868 1.754 22.099c.265 3.439.556 4.628 4.466 4.628H18a1 1 0 1 1 0 2"/><path fill="#8899a6" d="M20.627 33H18a1 1 0 1 1 0-2h2.627c3.91 0 4.2-1.189 4.466-4.628c.328-4.232 1.754-22.099 1.754-22.099l1.994.159s-1.426 17.864-1.754 22.094c-.293 3.79-.927 6.474-6.46 6.474"/><path fill="#ccd6dd" d="M29 4.083c0 1.703-2.73 3.083-11 3.083S7 5.786 7 4.083S9.73 1 18 1s11 1.38 11 3.083"/><path fill="#fff" d="M28.532 4.128a1 1 0 0 0-1.387-.276c-2.086 1.393-7.274 1.571-9.097 1.523c-.01-.001-.019.005-.029.004c-.009 0-.016-.004-.025-.004c-1.819.049-7.008-.127-9.097-1.523a1 1 0 0 0-1.111 1.663c2.57 1.717 7.917 1.866 9.688 1.866c.289 0 .477-.004.547-.006c.071.002.258.006.547.006c1.771 0 7.118-.148 9.688-1.866a1 1 0 0 0 .276-1.387"/><ellipse cx="17.991" cy="16.06" fill="#e1e8ed" rx="7.827" ry="1.464"/><path fill="#8899a6" d="M11.042 31.542h14.167v1.833H11.042z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M8.777 4.458L10.792 32h14.333l2.189-27.562z"/><path fill="#fff" d="m25 31.281l-14.094.157l-1.018-15.312h16.246z"/><path fill="#8899a6" d="M23.906 35.175H12.094c-1.712 0-2.914-1.153-3.135-3.011L6.984 4.448a1.175 1.175 0 0 1 1.089-1.255a1.17 1.17 0 0 1 1.255 1.088l1.969 27.66c.107.884.573.884.797.884h11.812c.516 0 .708 0 .8-.917l1.966-27.627a1.175 1.175 0 0 1 2.344.167l-1.969 27.659c-.252 2.541-1.847 3.068-3.141 3.068"/><path fill="#8899a6" d="M18 33h-2.627c-5.532 0-6.167-2.684-6.46-6.474C8.585 22.295 7.16 4.432 7.16 4.432l1.993-.159s1.427 17.868 1.754 22.099c.265 3.439.556 4.628 4.466 4.628H18a1 1 0 1 1 0 2"/><path fill="#8899a6" d="M20.627 33H18a1 1 0 1 1 0-2h2.627c3.91 0 4.2-1.189 4.466-4.628c.328-4.232 1.754-22.099 1.754-22.099l1.994.159s-1.426 17.864-1.754 22.094c-.293 3.79-.927 6.474-6.46 6.474"/><path fill="#ccd6dd" d="M29 4.083c0 1.703-2.73 3.083-11 3.083S7 5.786 7 4.083S9.73 1 18 1s11 1.38 11 3.083"/><path fill="#fff" d="M28.532 4.128a1 1 0 0 0-1.387-.276c-2.086 1.393-7.274 1.571-9.097 1.523c-.01-.001-.019.005-.029.004c-.009 0-.016-.004-.025-.004c-1.819.049-7.008-.127-9.097-1.523a1 1 0 0 0-1.111 1.663c2.57 1.717 7.917 1.866 9.688 1.866c.289 0 .477-.004.547-.006c.071.002.258.006.547.006c1.771 0 7.118-.148 9.688-1.866a1 1 0 0 0 .276-1.387"/><ellipse cx="17.991" cy="16.06" fill="#e1e8ed" rx="7.827" ry="1.464"/><path fill="#8899a6" d="M11.042 31.542h14.167v1.833H11.042z"/></svg> </template>
CSS
.icon-glass-of-milk {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M8.777%204.458L10.792%2032h14.333l2.189-27.562z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m25%2031.281l-14.094.157l-1.018-15.312h16.246z%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M23.906%2035.175H12.094c-1.712%200-2.914-1.153-3.135-3.011L6.984%204.448a1.175%201.175%200%200%201%201.089-1.255a1.17%201.17%200%200%201%201.255%201.088l1.969%2027.66c.107.884.573.884.797.884h11.812c.516%200%20.708%200%20.8-.917l1.966-27.627a1.175%201.175%200%200%201%202.344.167l-1.969%2027.659c-.252%202.541-1.847%203.068-3.141%203.068%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M18%2033h-2.627c-5.532%200-6.167-2.684-6.46-6.474C8.585%2022.295%207.16%204.432%207.16%204.432l1.993-.159s1.427%2017.868%201.754%2022.099c.265%203.439.556%204.628%204.466%204.628H18a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M20.627%2033H18a1%201%200%201%201%200-2h2.627c3.91%200%204.2-1.189%204.466-4.628c.328-4.232%201.754-22.099%201.754-22.099l1.994.159s-1.426%2017.864-1.754%2022.094c-.293%203.79-.927%206.474-6.46%206.474%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M29%204.083c0%201.703-2.73%203.083-11%203.083S7%205.786%207%204.083S9.73%201%2018%201s11%201.38%2011%203.083%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.532%204.128a1%201%200%200%200-1.387-.276c-2.086%201.393-7.274%201.571-9.097%201.523c-.01-.001-.019.005-.029.004c-.009%200-.016-.004-.025-.004c-1.819.049-7.008-.127-9.097-1.523a1%201%200%200%200-1.111%201.663c2.57%201.717%207.917%201.866%209.688%201.866c.289%200%20.477-.004.547-.006c.071.002.258.006.547.006c1.771%200%207.118-.148%209.688-1.866a1%201%200%200%200%20.276-1.387%22%2F%3E%3Cellipse%20cx%3D%2217.991%22%20cy%3D%2216.06%22%20fill%3D%22%23e1e8ed%22%20rx%3D%227.827%22%20ry%3D%221.464%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M11.042%2031.542h14.167v1.833H11.042z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M8.777%204.458L10.792%2032h14.333l2.189-27.562z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m25%2031.281l-14.094.157l-1.018-15.312h16.246z%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M23.906%2035.175H12.094c-1.712%200-2.914-1.153-3.135-3.011L6.984%204.448a1.175%201.175%200%200%201%201.089-1.255a1.17%201.17%200%200%201%201.255%201.088l1.969%2027.66c.107.884.573.884.797.884h11.812c.516%200%20.708%200%20.8-.917l1.966-27.627a1.175%201.175%200%200%201%202.344.167l-1.969%2027.659c-.252%202.541-1.847%203.068-3.141%203.068%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M18%2033h-2.627c-5.532%200-6.167-2.684-6.46-6.474C8.585%2022.295%207.16%204.432%207.16%204.432l1.993-.159s1.427%2017.868%201.754%2022.099c.265%203.439.556%204.628%204.466%204.628H18a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M20.627%2033H18a1%201%200%201%201%200-2h2.627c3.91%200%204.2-1.189%204.466-4.628c.328-4.232%201.754-22.099%201.754-22.099l1.994.159s-1.426%2017.864-1.754%2022.094c-.293%203.79-.927%206.474-6.46%206.474%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M29%204.083c0%201.703-2.73%203.083-11%203.083S7%205.786%207%204.083S9.73%201%2018%201s11%201.38%2011%203.083%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.532%204.128a1%201%200%200%200-1.387-.276c-2.086%201.393-7.274%201.571-9.097%201.523c-.01-.001-.019.005-.029.004c-.009%200-.016-.004-.025-.004c-1.819.049-7.008-.127-9.097-1.523a1%201%200%200%200-1.111%201.663c2.57%201.717%207.917%201.866%209.688%201.866c.289%200%20.477-.004.547-.006c.071.002.258.006.547.006c1.771%200%207.118-.148%209.688-1.866a1%201%200%200%200%20.276-1.387%22%2F%3E%3Cellipse%20cx%3D%2217.991%22%20cy%3D%2216.06%22%20fill%3D%22%23e1e8ed%22%20rx%3D%227.827%22%20ry%3D%221.464%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M11.042%2031.542h14.167v1.833H11.042z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/glass-of-milk.svg?color=%231a73e8&size=48
