cup with straw emoji
cup-with-straw from Noto Emoji by Google Inc · Default · Food & Drink · Apache-2.0 Free for personal and commercial use.
- Name
- cup-with-straw
- Set
- Noto Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More food & drink icons from Noto Emoji
Use the cup with straw emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#a6cfd6" d="M65.12 17.55c-17.6-.53-34.75 5.6-34.83 14.36c-.04 5.2 1.37 18.6 3.62 48.68s2.25 33.58 3.5 34.95s10.02 8.8 25.75 8.8s25.93-6.43 26.93-8.05c.48-.78 1.83-17.89 3.5-37.07c1.81-20.84 3.91-43.9 3.99-45.06c.24-3.5-3.38-15.73-32.46-16.61"/><path fill="#dcedf6" d="M41.4 45.29c-.12.62 1.23 24.16 2.32 27.94c1.99 6.92 9.29 7.38 10.23 4.16c.9-3.07-.38-29.29-.38-29.29s-3.66-.3-6.43-.84c-3.14-.63-5.74-1.97-5.74-1.97"/><path fill="#6ca4ae" d="M33.74 32.61c-.26 8.83 20.02 12.28 30.19 12.22c13.56-.09 29.48-4.29 29.8-11.7S79.53 21.1 63.35 21.1c-13.75 0-29.39 4.09-29.61 11.51"/><path fill="#dc0d27" d="M84.85 13.1c-.58.64-9.67 30.75-9.67 30.75s2.01-.33 4-.79c2.63-.61 3.76-1.06 3.76-1.06s7.19-22.19 7.64-23.09s21.61-7.61 22.31-7.93s1.39-.4 1.46-.78c.06-.38-2.34-6.73-3.11-6.73s-25.16 8.27-26.39 9.63"/><path fill="#8a1f0f" d="M110.55 7.79c1.04 2.73 2.8 3.09 3.55 2.77c.45-.19 1.25-1.84.01-4.47c-.99-2.09-2.17-2.74-2.93-2.61c-.76.12-1.49 2.05-.63 4.31M91.94 18.34a.73.73 0 0 1-.58-.3l-3.99-5.77a.694.694 0 0 1 .18-.97c.32-.22.76-.14.97.18l3.99 5.77a.694.694 0 0 1-.57 1.09m-1.66 1.09c-.18 0-.35-.07-.49-.2l-5.26-5.12a.697.697 0 0 1-.01-.99c.27-.28.71-.28.99-.01l5.26 5.12c.28.27.28.71.01.99c-.14.14-.32.21-.5.21m-.93 1.79c-.12 0-.25-.03-.36-.1l-5.6-3.39a.7.7 0 0 1 .72-1.2l5.6 3.39a.7.7 0 0 1-.36 1.3"/></svg>
React
import type { SVGProps } from "react";
export function NotoCupWithStraw(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#a6cfd6" d="M65.12 17.55c-17.6-.53-34.75 5.6-34.83 14.36c-.04 5.2 1.37 18.6 3.62 48.68s2.25 33.58 3.5 34.95s10.02 8.8 25.75 8.8s25.93-6.43 26.93-8.05c.48-.78 1.83-17.89 3.5-37.07c1.81-20.84 3.91-43.9 3.99-45.06c.24-3.5-3.38-15.73-32.46-16.61"/><path fill="#dcedf6" d="M41.4 45.29c-.12.62 1.23 24.16 2.32 27.94c1.99 6.92 9.29 7.38 10.23 4.16c.9-3.07-.38-29.29-.38-29.29s-3.66-.3-6.43-.84c-3.14-.63-5.74-1.97-5.74-1.97"/><path fill="#6ca4ae" d="M33.74 32.61c-.26 8.83 20.02 12.28 30.19 12.22c13.56-.09 29.48-4.29 29.8-11.7S79.53 21.1 63.35 21.1c-13.75 0-29.39 4.09-29.61 11.51"/><path fill="#dc0d27" d="M84.85 13.1c-.58.64-9.67 30.75-9.67 30.75s2.01-.33 4-.79c2.63-.61 3.76-1.06 3.76-1.06s7.19-22.19 7.64-23.09s21.61-7.61 22.31-7.93s1.39-.4 1.46-.78c.06-.38-2.34-6.73-3.11-6.73s-25.16 8.27-26.39 9.63"/><path fill="#8a1f0f" d="M110.55 7.79c1.04 2.73 2.8 3.09 3.55 2.77c.45-.19 1.25-1.84.01-4.47c-.99-2.09-2.17-2.74-2.93-2.61c-.76.12-1.49 2.05-.63 4.31M91.94 18.34a.73.73 0 0 1-.58-.3l-3.99-5.77a.694.694 0 0 1 .18-.97c.32-.22.76-.14.97.18l3.99 5.77a.694.694 0 0 1-.57 1.09m-1.66 1.09c-.18 0-.35-.07-.49-.2l-5.26-5.12a.697.697 0 0 1-.01-.99c.27-.28.71-.28.99-.01l5.26 5.12c.28.27.28.71.01.99c-.14.14-.32.21-.5.21m-.93 1.79c-.12 0-.25-.03-.36-.1l-5.6-3.39a.7.7 0 0 1 .72-1.2l5.6 3.39a.7.7 0 0 1-.36 1.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#a6cfd6" d="M65.12 17.55c-17.6-.53-34.75 5.6-34.83 14.36c-.04 5.2 1.37 18.6 3.62 48.68s2.25 33.58 3.5 34.95s10.02 8.8 25.75 8.8s25.93-6.43 26.93-8.05c.48-.78 1.83-17.89 3.5-37.07c1.81-20.84 3.91-43.9 3.99-45.06c.24-3.5-3.38-15.73-32.46-16.61"/><path fill="#dcedf6" d="M41.4 45.29c-.12.62 1.23 24.16 2.32 27.94c1.99 6.92 9.29 7.38 10.23 4.16c.9-3.07-.38-29.29-.38-29.29s-3.66-.3-6.43-.84c-3.14-.63-5.74-1.97-5.74-1.97"/><path fill="#6ca4ae" d="M33.74 32.61c-.26 8.83 20.02 12.28 30.19 12.22c13.56-.09 29.48-4.29 29.8-11.7S79.53 21.1 63.35 21.1c-13.75 0-29.39 4.09-29.61 11.51"/><path fill="#dc0d27" d="M84.85 13.1c-.58.64-9.67 30.75-9.67 30.75s2.01-.33 4-.79c2.63-.61 3.76-1.06 3.76-1.06s7.19-22.19 7.64-23.09s21.61-7.61 22.31-7.93s1.39-.4 1.46-.78c.06-.38-2.34-6.73-3.11-6.73s-25.16 8.27-26.39 9.63"/><path fill="#8a1f0f" d="M110.55 7.79c1.04 2.73 2.8 3.09 3.55 2.77c.45-.19 1.25-1.84.01-4.47c-.99-2.09-2.17-2.74-2.93-2.61c-.76.12-1.49 2.05-.63 4.31M91.94 18.34a.73.73 0 0 1-.58-.3l-3.99-5.77a.694.694 0 0 1 .18-.97c.32-.22.76-.14.97.18l3.99 5.77a.694.694 0 0 1-.57 1.09m-1.66 1.09c-.18 0-.35-.07-.49-.2l-5.26-5.12a.697.697 0 0 1-.01-.99c.27-.28.71-.28.99-.01l5.26 5.12c.28.27.28.71.01.99c-.14.14-.32.21-.5.21m-.93 1.79c-.12 0-.25-.03-.36-.1l-5.6-3.39a.7.7 0 0 1 .72-1.2l5.6 3.39a.7.7 0 0 1-.36 1.3"/></svg> </template>
CSS
.icon-cup-with-straw {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23a6cfd6%22%20d%3D%22M65.12%2017.55c-17.6-.53-34.75%205.6-34.83%2014.36c-.04%205.2%201.37%2018.6%203.62%2048.68s2.25%2033.58%203.5%2034.95s10.02%208.8%2025.75%208.8s25.93-6.43%2026.93-8.05c.48-.78%201.83-17.89%203.5-37.07c1.81-20.84%203.91-43.9%203.99-45.06c.24-3.5-3.38-15.73-32.46-16.61%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M41.4%2045.29c-.12.62%201.23%2024.16%202.32%2027.94c1.99%206.92%209.29%207.38%2010.23%204.16c.9-3.07-.38-29.29-.38-29.29s-3.66-.3-6.43-.84c-3.14-.63-5.74-1.97-5.74-1.97%22%2F%3E%3Cpath%20fill%3D%22%236ca4ae%22%20d%3D%22M33.74%2032.61c-.26%208.83%2020.02%2012.28%2030.19%2012.22c13.56-.09%2029.48-4.29%2029.8-11.7S79.53%2021.1%2063.35%2021.1c-13.75%200-29.39%204.09-29.61%2011.51%22%2F%3E%3Cpath%20fill%3D%22%23dc0d27%22%20d%3D%22M84.85%2013.1c-.58.64-9.67%2030.75-9.67%2030.75s2.01-.33%204-.79c2.63-.61%203.76-1.06%203.76-1.06s7.19-22.19%207.64-23.09s21.61-7.61%2022.31-7.93s1.39-.4%201.46-.78c.06-.38-2.34-6.73-3.11-6.73s-25.16%208.27-26.39%209.63%22%2F%3E%3Cpath%20fill%3D%22%238a1f0f%22%20d%3D%22M110.55%207.79c1.04%202.73%202.8%203.09%203.55%202.77c.45-.19%201.25-1.84.01-4.47c-.99-2.09-2.17-2.74-2.93-2.61c-.76.12-1.49%202.05-.63%204.31M91.94%2018.34a.73.73%200%200%201-.58-.3l-3.99-5.77a.694.694%200%200%201%20.18-.97c.32-.22.76-.14.97.18l3.99%205.77a.694.694%200%200%201-.57%201.09m-1.66%201.09c-.18%200-.35-.07-.49-.2l-5.26-5.12a.697.697%200%200%201-.01-.99c.27-.28.71-.28.99-.01l5.26%205.12c.28.27.28.71.01.99c-.14.14-.32.21-.5.21m-.93%201.79c-.12%200-.25-.03-.36-.1l-5.6-3.39a.7.7%200%200%201%20.72-1.2l5.6%203.39a.7.7%200%200%201-.36%201.3%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23a6cfd6%22%20d%3D%22M65.12%2017.55c-17.6-.53-34.75%205.6-34.83%2014.36c-.04%205.2%201.37%2018.6%203.62%2048.68s2.25%2033.58%203.5%2034.95s10.02%208.8%2025.75%208.8s25.93-6.43%2026.93-8.05c.48-.78%201.83-17.89%203.5-37.07c1.81-20.84%203.91-43.9%203.99-45.06c.24-3.5-3.38-15.73-32.46-16.61%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M41.4%2045.29c-.12.62%201.23%2024.16%202.32%2027.94c1.99%206.92%209.29%207.38%2010.23%204.16c.9-3.07-.38-29.29-.38-29.29s-3.66-.3-6.43-.84c-3.14-.63-5.74-1.97-5.74-1.97%22%2F%3E%3Cpath%20fill%3D%22%236ca4ae%22%20d%3D%22M33.74%2032.61c-.26%208.83%2020.02%2012.28%2030.19%2012.22c13.56-.09%2029.48-4.29%2029.8-11.7S79.53%2021.1%2063.35%2021.1c-13.75%200-29.39%204.09-29.61%2011.51%22%2F%3E%3Cpath%20fill%3D%22%23dc0d27%22%20d%3D%22M84.85%2013.1c-.58.64-9.67%2030.75-9.67%2030.75s2.01-.33%204-.79c2.63-.61%203.76-1.06%203.76-1.06s7.19-22.19%207.64-23.09s21.61-7.61%2022.31-7.93s1.39-.4%201.46-.78c.06-.38-2.34-6.73-3.11-6.73s-25.16%208.27-26.39%209.63%22%2F%3E%3Cpath%20fill%3D%22%238a1f0f%22%20d%3D%22M110.55%207.79c1.04%202.73%202.8%203.09%203.55%202.77c.45-.19%201.25-1.84.01-4.47c-.99-2.09-2.17-2.74-2.93-2.61c-.76.12-1.49%202.05-.63%204.31M91.94%2018.34a.73.73%200%200%201-.58-.3l-3.99-5.77a.694.694%200%200%201%20.18-.97c.32-.22.76-.14.97.18l3.99%205.77a.694.694%200%200%201-.57%201.09m-1.66%201.09c-.18%200-.35-.07-.49-.2l-5.26-5.12a.697.697%200%200%201-.01-.99c.27-.28.71-.28.99-.01l5.26%205.12c.28.27.28.71.01.99c-.14.14-.32.21-.5.21m-.93%201.79c-.12%200-.25-.03-.36-.1l-5.6-3.39a.7.7%200%200%201%20.72-1.2l5.6%203.39a.7.7%200%200%201-.36%201.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/cup-with-straw.svg?color=%231a73e8&size=48
