Send this page to your computer

Sunset vector icon

Sunset vector icon

Introducing the sunset icon: a pixel perfect, sharp-looking vector icon perfect for designers to use in their app and website designs. Our Sunset Icon is available in a variety of formats such as PNG, WEBP, JPG, SVG and PDF files, so you can easily copy as an SVG and start using it right away.For added convenience, the Sunset Icon is also available in our Figma and IconJar library, making it easy for you to add it to your projects with just a few clicks. With its sharp design and vector format, the Sunset Icon is the perfect tool for making your app or website stand out from the rest. It's the perfect way to add a touch of style and sophistication to any design.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.25V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.24 14.25c-.14-2.79-2.43-5-5.25-5s-5.12 2.21-5.25 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 7.5l3.04 3.04"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 14.25h16"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Sunset

Free iconjar 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="M16.5 9.5l-1.25-1.25v-2.5h-7.5v2.5l-1.5 1.5v8.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.94 16.94c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l2.55 2.55"></path></svg>

Free chess horse icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-width="1.5" d="M19.25 11.75h-5.5l4.5 4.5v3H5.756V16.5l.994-1.35v-4.4c0-3.866 3.204-7 7.5-7V6l5 2.5v3.25Z"/></svg>

File important 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="M17.25 11V9L13 4.75H6.75v13.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 13v3.5"></path><circle cx="16" cy="19" r="1" fill="currentColor"></circle></svg>

Free stairs 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.75 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 7.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 12h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 16.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></path></svg>

Pin rotated 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.61 15.38l5.88-5.89 -4-4L8.6 11.37"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.61 13.38l-5.12 5.11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.72 9.5l7.77 7.77"></path></svg>

Free command line 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="M19.25 4.75H4.75v14.5h14.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 7.5l1.25 1.25L10 10l-2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 12.25h-5"></path></svg>

Free bank 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.25 10.75v3.75 3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.75v7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 10.75v7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 10.75L12 4.5l6.5 6.25h-13Z"></path></svg>

Battery charging vector icon‍

Battery charging

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.25 9.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 6.75H3.75v10.5H7m7-10.5h3.25v10.5H14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.5 6.5l-3 5.25h4L9.25 17.5"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.7574 7.7574 12 12.0001m0 0 4.2426 4.2426M12 12.0001l4.2426-4.2427M12 12.0001l-4.2426 4.2426" stroke="currentColor" stroke-width="1.5"/></svg>

Free users icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 10.25c1.24 0 2.25-1.01 2.25-2.25 0-1.25-1.01-2.25-2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.25c-1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 19v-3.75c0-1.11.89-2 2-2h4.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 13.25h.25c1.1 0 2 .89 2 2V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 13.25h-.25c-1.11 0-2 .89-2 2V18"></path></svg>

Free triangle shape 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 4.75l-7 13.5h14l-7-13.5Z"></path></svg>

big-arrow-pointing-left-bottom

Big arrow down left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 10.5v7.75h7.75M6 18 17.5 6.5" stroke="currentColor" stroke-width="1.5"/></svg>

Mouse hover 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="M15.88 14.63l-2.64 4.61 -3.5-10.75 10.75 4.5 -4.62 1.63Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 7V3.75H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 3.75h3.25V7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 14.25H4.75V11"></path></svg>

Free badge discount icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 9.5l-5 5"></path><circle cx="14" cy="14" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.58 5.75l-2.59-2.59L9.4 5.74H5.73V9.4l-2.59 2.58 2.58 2.58v3.66h3.66l2.58 2.58 2.58-2.59h3.66v-3.67l2.58-2.59 -2.59-2.59V5.69h-3.67Z"></path></svg>

Free stack vertical 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.75 10.25H5.25v8.5h13.5v-8.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 7.25h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 4.25h8"></path></svg>

Free calendar 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 10.25v-4.5H5.75v4.5m12.5 0v8H5.75v-8m12.5 0H5.75"></path></svg>

Free emoji blink 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="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 4 0 7.25 3.24 7.25 7.25Z"></path><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.45 13.45c-.57 1.34-1.91 2.29-3.46 2.29 -1.04 0-1.98-.42-2.66-1.1"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 10.25h3"></path></svg>

Free corner left up 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="M11 6v11h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 10.5L11 6l4.5 4.5"></path></svg>

Free remove money icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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="M15.5 16.25h2.75H21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 13V8.25H3.75v9.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5.25h12"></path></svg>

Arrow down right vector icon

Arrow 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="M16.25 10v6.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 6.5l9 9"></path></svg>

Calendar check vector icon

Calendar 2 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="M18.25 10.25v-4.5H5.75v4.5m12.5 0H5.75m12.5 0V12m-12.5-1.75v8H12M8.75 3.5V8m6.5-4.5V8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 16.5l2 2 4-4"></path></svg>

free info circle icon

Copy

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

Free speed 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 15l3.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 13c0-4.01-3.25-7.25-7.25-7.25 -4.01 0-7.25 3.24-7.25 7.25"></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="M13.5 4.5L19 10l-5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10H5v9"></path></svg>

big-cross-x-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.0503 7.0502 9.8994 9.8995m0-9.8995-9.8994 9.8995" stroke="currentColor" stroke-width="1.5"/></svg>

Free map marker 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 12.25c2.07 0 3.75-1.68 3.75-3.75 0-2.08-1.68-3.75-3.75-3.75 -2.08 0-3.75 1.67-3.75 3.75 0 2.07 1.67 3.75 3.75 3.75Zm0 0V20"></path></svg>

Free filter 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.5 5.75l4.75 6.5v6h3.5v-6l4.75-6.5h-13Z"></path></svg>

Free toilet roll 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="M13.5 9c0 2.34 1.23 4.25 2.75 4.25C17.76 13.25 19 11.34 19 9c0-2.35-1.24-4.25-2.75-4.25 -1.52 0-2.75 1.9-2.75 4.25Zm0 0v11.25H4.75V9c0-2.35 1.23-4.25 2.75-4.25H16m-11.25 8.5H7m6.5 0h-2m-3 0H10"></path><ellipse rx=".75" ry="1.25" cx="16.25" cy="9" fill="currentColor"></ellipse></svg>

Free arrow left 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 12h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 7.5L6 12l4.5 4.5"></path></svg>

Megaphone 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="M8.25 14.25v1.5c0 1.1.89 2 2 2 1.1 0 2-.9 2-2v-.22m-7.5-5.79v4.5H9l10.25 4.25v-13L9 9.74H4.75Z"></path></svg>

Emoji sad 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="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 4 0 7.25 3.24 7.25 7.25Z"></path><circle cx="14" cy="10" r="1" fill="currentColor"></circle><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.01 14.98c-.69-.93-1.79-1.53-3.02-1.53 -1.24 0-2.34.59-3.02 1.52"></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>

Open in new tab 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="M11 6.75H5.75v11.5h11.5V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 4.75h6.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 4.75L11.5 12.5"></path></svg>

Sunset 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 17.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.25V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.24 14.25c-.14-2.79-2.43-5-5.25-5s-5.12 2.21-5.25 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 7.5l3.04 3.04"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 14.25h16"></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>

vector-svg-award-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12.6742V20L12 17.5 8.25 20v-7.3258m7.5 0c.9279-.9469 1.5-2.2437 1.5-3.6742 0-2.8995-2.3505-5.25-5.25-5.25S6.75 6.1005 6.75 9c0 1.4305.5721 2.7273 1.5 3.6742m7.5 0c-.9529.9724-2.281 1.5758-3.75 1.5758-1.469 0-2.7971-.6034-3.75-1.5758" stroke="currentColor" stroke-width="1.5"/></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