Send this page to your computer

Essential icons

Food and drink icons

Free cup icon

The cup icon is an essential element for any designer who is looking to add a touch of elegance to their app or website design. This pixel-perfect, sharp looking icon is an ideal choice for designers who want to incorporate a visual representation of a cup into their projects. It is available in various file formats such as PNG, WEBP, JPG, SVG, and PDF, making it a versatile tool that can be used in different contexts. Additionally, it is vector-based, which means that it can be scaled up or down without losing its sharpness and quality.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h2.01c.82 0 1.48.67 1.48 1.5v1.5c0 .82-.68 1.5-1.5 1.5h-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h-10v6.5c0 1.1.89 2 2 2h6c1.1 0 2-.9 2-2v-6.5Z"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Cup

Free file upload inside icon

File upload inside

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 18.25V4.75H13L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.25L12 10l-2.5 2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v5"></path></svg>

Free corner up right icon

Corner up right

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 4.5L19 10l-5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10H5v9"></path></svg>

Free corner down right icon

Corner down right

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 13H7V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 8.5L18 13l-4.5 4.5"></path></svg>

Brightness vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="currentColor" d="M7 12c0 2.76 2.23 5 5 5V7c-2.77 0-5 2.23-5 5Z"></path></svg>

Money vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.25 8.25h15.5v9.5H4.25v-9.5Z"></path><circle cx="12" cy="13" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5.25h12"></path></svg>

Free pencil icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25h3.5l7-7.01 2.25-2.25 -3.5-3.5 -2.25 2.25 -7 7v3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 11.25l-3.5-3.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 6.75H4.75v4h1.5v7.5h11.5v-7.5h1.5v-4Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6.75v4m0-4l3-3m-3 3l-3-3m3 7v7.5m0-7.5H6.25m5.75 0h5.75"></path></svg>

Free chicken icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 9.75l2.25-1.26 -2.25-1.25v0c0-1.39-1.12-2.5-2.5-2.5h-.25c-1.52 0-2.75 1.23-2.75 2.75v2.25h-7c0 3.45 2.79 6.24 6.25 6.24 3.45 0 6.25-2.8 6.25-6.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.39 19.25h2.6m0 0h2.4m-2.4 0L11.98 16"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.75 12.75v-8h-5.5v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12.75V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 12.75h-11"></path></svg>

Arrow up circle vector icon

Arrow up circle

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.5V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 12l-3-3 -3 3"></path></svg>

Computer person vector icon

Computer person

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 19v-2.75c0-1.11.89-2 2-2H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 18.25h5l2-4.5h-5l-2 4.5Zm0 0H9"></path></svg>

Inbox check vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 12.25v6h14.5v-6h-5c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25h-5Zm0 0l2-6.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 6.5l2 2 4-4"></path></svg>

Free alert octagon icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8v4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 4.75h3 3L19.25 9v3 3L15 19.25h-3H9L4.75 15v-3V9L9 4.75Z"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Free credit card plus icon

Credit card plus

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 18.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 15v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 18h3.5H21"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.25 6.75h13.5m-13.5 0v10.5h13.5V6.75m-13.5 0L12 12l6.75-5.25"></path></svg>

Free credit card cross icon

Credit card cross

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 18.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.5 15.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 15.5l5 5"></path></svg>

File plus inside vector icon

File plus inside

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 18.25V4.75H13L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12h3.5H15"></path></svg>

Command vector icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 9.75V8c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75h1.75Zm0 0h4.5m-4.5 0v4.5m0 0H8c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75v0c.96 0 1.75-.79 1.75-1.75v-1.75Zm0 0h4.5m0-4.5H16c.96 0 1.75-.79 1.75-1.75v0c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v1.75Zm0 0v4.5m0 0H16c.96 0 1.75.78 1.75 1.75v0c0 .96-.79 1.75-1.75 1.75v0c-.97 0-1.75-.79-1.75-1.75v-1.75Z"></path></svg>

Corner right down vector icon

Corner right down

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 18V7H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 13.5L13 18l4.5-4.5"></path></svg>

chevron-left-icon

Chevron arrow left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 7.5 9 12l4.5 4.5" stroke="currentColor" stroke-width="1.5"/></svg>

File inside check vector icon

File inside check

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25V4.75H13L17.25 9v9.25H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 12.5l2 2 4-4"></path></svg>

Magic sparkle vector icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.51 11.96l-2.48-2.48m0 0l3.44-3.45 2.47 2.47 -9.45 9.44 -2.48-2.48 6-6.01Z"></path><path fill="currentColor" d="M9 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 12.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path></svg>

Box vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 8L12 12M4.75 8L12 12m0 8v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.62 10L8.37 6"></path></svg>

alert-icon-circle

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4.5m7.25-.5c0-4.004-3.2459-7.25-7.25-7.25-4.004 0-7.25 3.246-7.25 7.25 0 4.0041 3.246 7.25 7.25 7.25 4.0041 0 7.25-3.2459 7.25-7.25Z" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="15" r="1" fill="currentColor"/></svg>

Free file check icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.25 12V9L13 4.75H6.75v13.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.5 16l2 2 4-4"></path></svg>

Point down vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.25 10.5v3.75h5v5h3v-5m0-3.75v3.75m0 0L18 10.5 13.5 6"></path></svg>

Free ellipse shape icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 15.75c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.44 14.55l4.55-4.56"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15.75c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 6.75h2.74l4.5 6.5"></path></svg>

Chevrons right vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 7.5L12 12l-4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.5 7.5L17 12l-4.5 4.5"></path></svg>

Free mail plus icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.25 6.75h13.5m-13.5 0v10.5H12M5.25 6.75L12 12l6.75-5.25m0 0V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 16h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Free cross square icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.17 9.17l2.82 2.82m0 0c1.17 1.17 2.82 2.82 2.82 2.82m-2.83-2.83l2.82-2.83m-2.83 2.82l-2.83 2.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></path></svg>

Shopping cart cross vector icon

Shopping cart cross

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="16" cy="19" r="1" fill="currentColor"></circle><circle cx="9" cy="19" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 4.75h2.81l.8 3m0 0l2.13 8h7.75l.93-3.75M6.59 7.75h5.38"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Free stroke join bevel icon

Stroke join bevel

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h6l6.5 6.5v6h-6.5v-6h-6v-6.5Z"></path></svg>

Lamp vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 15.25v.5c0 1.38 1.11 2.5 2.5 2.5 1.38 0 2.5-1.12 2.5-2.5v-.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 8.75h-5L7 15.25h10l-2.5-6.5Z"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 6v13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 19v-6.25H5.75"></path></svg>

Free check circle icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.5L12 14l7.5-7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12c0 4-3.25 7.25-7.25 7.25 -4.01 0-7.25-3.25-7.25-7.25 0-4.01 3.24-7.25 7.25-7.25 1.16 0 2.26.27 3.24.76"></path></svg>

Browse all icons

Filter icons by categories

Narrow down the options to a specific theme

Wall of love

Twitter comments that puts a smile on our face

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

Trusted by industry leads

Join hundreds of companies has already
signed up for Bunch of icons on early stages

Unlock all icons

Here's what you get

Unlock all icons

Commercial license

Download Figma file

Copied to clipboard