cup straw icon
cup-straw from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- cup-straw
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
Related icons in Bootstrap Icons
Use the cup straw icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.902.334a.5.5 0 0 1-.28.65l-2.254.902l-.4 1.927c.376.095.715.215.972.367c.228.135.56.396.56.82q0 .069-.011.132l-.962 9.068a1.28 1.28 0 0 1-.524.93c-.488.34-1.494.87-3.01.87s-2.522-.53-3.01-.87a1.28 1.28 0 0 1-.524-.93L3.51 5.132A1 1 0 0 1 3.5 5c0-.424.332-.685.56-.82c.262-.154.607-.276.99-.372C5.824 3.614 6.867 3.5 8 3.5c.712 0 1.389.045 1.985.127l.464-2.215a.5.5 0 0 1 .303-.356l2.5-1a.5.5 0 0 1 .65.278M9.768 4.607A14 14 0 0 0 8 4.5c-1.076 0-2.033.11-2.707.278A3.3 3.3 0 0 0 4.645 5c.146.073.362.15.648.222C5.967 5.39 6.924 5.5 8 5.5c.571 0 1.109-.03 1.588-.085zm.292 1.756C9.445 6.45 8.742 6.5 8 6.5c-1.133 0-2.176-.114-2.95-.308a6 6 0 0 1-.435-.127l.838 8.03c.013.121.06.186.102.215c.357.249 1.168.69 2.438.69s2.081-.441 2.438-.69c.042-.029.09-.094.102-.215l.852-8.03a6 6 0 0 1-.435.127a9 9 0 0 1-.89.17zM4.467 4.884s.003.002.005.006zm7.066 0l-.005.006zM11.354 5a3 3 0 0 0-.604-.21l-.099.445l.055-.013c.286-.072.502-.149.648-.222"/></svg>
React
import type { SVGProps } from "react";
export function BiCupStraw(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.902.334a.5.5 0 0 1-.28.65l-2.254.902l-.4 1.927c.376.095.715.215.972.367c.228.135.56.396.56.82q0 .069-.011.132l-.962 9.068a1.28 1.28 0 0 1-.524.93c-.488.34-1.494.87-3.01.87s-2.522-.53-3.01-.87a1.28 1.28 0 0 1-.524-.93L3.51 5.132A1 1 0 0 1 3.5 5c0-.424.332-.685.56-.82c.262-.154.607-.276.99-.372C5.824 3.614 6.867 3.5 8 3.5c.712 0 1.389.045 1.985.127l.464-2.215a.5.5 0 0 1 .303-.356l2.5-1a.5.5 0 0 1 .65.278M9.768 4.607A14 14 0 0 0 8 4.5c-1.076 0-2.033.11-2.707.278A3.3 3.3 0 0 0 4.645 5c.146.073.362.15.648.222C5.967 5.39 6.924 5.5 8 5.5c.571 0 1.109-.03 1.588-.085zm.292 1.756C9.445 6.45 8.742 6.5 8 6.5c-1.133 0-2.176-.114-2.95-.308a6 6 0 0 1-.435-.127l.838 8.03c.013.121.06.186.102.215c.357.249 1.168.69 2.438.69s2.081-.441 2.438-.69c.042-.029.09-.094.102-.215l.852-8.03a6 6 0 0 1-.435.127a9 9 0 0 1-.89.17zM4.467 4.884s.003.002.005.006zm7.066 0l-.005.006zM11.354 5a3 3 0 0 0-.604-.21l-.099.445l.055-.013c.286-.072.502-.149.648-.222"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.902.334a.5.5 0 0 1-.28.65l-2.254.902l-.4 1.927c.376.095.715.215.972.367c.228.135.56.396.56.82q0 .069-.011.132l-.962 9.068a1.28 1.28 0 0 1-.524.93c-.488.34-1.494.87-3.01.87s-2.522-.53-3.01-.87a1.28 1.28 0 0 1-.524-.93L3.51 5.132A1 1 0 0 1 3.5 5c0-.424.332-.685.56-.82c.262-.154.607-.276.99-.372C5.824 3.614 6.867 3.5 8 3.5c.712 0 1.389.045 1.985.127l.464-2.215a.5.5 0 0 1 .303-.356l2.5-1a.5.5 0 0 1 .65.278M9.768 4.607A14 14 0 0 0 8 4.5c-1.076 0-2.033.11-2.707.278A3.3 3.3 0 0 0 4.645 5c.146.073.362.15.648.222C5.967 5.39 6.924 5.5 8 5.5c.571 0 1.109-.03 1.588-.085zm.292 1.756C9.445 6.45 8.742 6.5 8 6.5c-1.133 0-2.176-.114-2.95-.308a6 6 0 0 1-.435-.127l.838 8.03c.013.121.06.186.102.215c.357.249 1.168.69 2.438.69s2.081-.441 2.438-.69c.042-.029.09-.094.102-.215l.852-8.03a6 6 0 0 1-.435.127a9 9 0 0 1-.89.17zM4.467 4.884s.003.002.005.006zm7.066 0l-.005.006zM11.354 5a3 3 0 0 0-.604-.21l-.099.445l.055-.013c.286-.072.502-.149.648-.222"/></svg> </template>
CSS
.icon-cup-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.902.334a.5.5%200%200%201-.28.65l-2.254.902l-.4%201.927c.376.095.715.215.972.367c.228.135.56.396.56.82q0%20.069-.011.132l-.962%209.068a1.28%201.28%200%200%201-.524.93c-.488.34-1.494.87-3.01.87s-2.522-.53-3.01-.87a1.28%201.28%200%200%201-.524-.93L3.51%205.132A1%201%200%200%201%203.5%205c0-.424.332-.685.56-.82c.262-.154.607-.276.99-.372C5.824%203.614%206.867%203.5%208%203.5c.712%200%201.389.045%201.985.127l.464-2.215a.5.5%200%200%201%20.303-.356l2.5-1a.5.5%200%200%201%20.65.278M9.768%204.607A14%2014%200%200%200%208%204.5c-1.076%200-2.033.11-2.707.278A3.3%203.3%200%200%200%204.645%205c.146.073.362.15.648.222C5.967%205.39%206.924%205.5%208%205.5c.571%200%201.109-.03%201.588-.085zm.292%201.756C9.445%206.45%208.742%206.5%208%206.5c-1.133%200-2.176-.114-2.95-.308a6%206%200%200%201-.435-.127l.838%208.03c.013.121.06.186.102.215c.357.249%201.168.69%202.438.69s2.081-.441%202.438-.69c.042-.029.09-.094.102-.215l.852-8.03a6%206%200%200%201-.435.127a9%209%200%200%201-.89.17zM4.467%204.884s.003.002.005.006zm7.066%200l-.005.006zM11.354%205a3%203%200%200%200-.604-.21l-.099.445l.055-.013c.286-.072.502-.149.648-.222%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.902.334a.5.5%200%200%201-.28.65l-2.254.902l-.4%201.927c.376.095.715.215.972.367c.228.135.56.396.56.82q0%20.069-.011.132l-.962%209.068a1.28%201.28%200%200%201-.524.93c-.488.34-1.494.87-3.01.87s-2.522-.53-3.01-.87a1.28%201.28%200%200%201-.524-.93L3.51%205.132A1%201%200%200%201%203.5%205c0-.424.332-.685.56-.82c.262-.154.607-.276.99-.372C5.824%203.614%206.867%203.5%208%203.5c.712%200%201.389.045%201.985.127l.464-2.215a.5.5%200%200%201%20.303-.356l2.5-1a.5.5%200%200%201%20.65.278M9.768%204.607A14%2014%200%200%200%208%204.5c-1.076%200-2.033.11-2.707.278A3.3%203.3%200%200%200%204.645%205c.146.073.362.15.648.222C5.967%205.39%206.924%205.5%208%205.5c.571%200%201.109-.03%201.588-.085zm.292%201.756C9.445%206.45%208.742%206.5%208%206.5c-1.133%200-2.176-.114-2.95-.308a6%206%200%200%201-.435-.127l.838%208.03c.013.121.06.186.102.215c.357.249%201.168.69%202.438.69s2.081-.441%202.438-.69c.042-.029.09-.094.102-.215l.852-8.03a6%206%200%200%201-.435.127a9%209%200%200%201-.89.17zM4.467%204.884s.003.002.005.006zm7.066%200l-.005.006zM11.354%205a3%203%200%200%200-.604-.21l-.099.445l.055-.013c.286-.072.502-.149.648-.222%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/cup-straw.svg?color=%231a73e8&size=48
