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

Column 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 18.25V5.75H4.75v12.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 6v12.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 5.75V18"></path></svg>

right-chevron-arrow-icon

Chevron arrow right

Copy

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

Star 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 12c4.41 0 8-3.59 8-8 0 4.41 3.58 8 8 8 -4.42 0-8 3.58-8 8 0-4.42-3.59-8-8-8Z"></path></svg>

Free money 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 7.25h15.5v9.5H4.25Z"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free cross 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="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><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></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="M12 18.5v-13m6.5 6.5h-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 7.5L12 5 9.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 9.5L5 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 16.5L12 19l-2.5-2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 9.5L19 12l-2.5 2.5"></path></svg>

Free emoji smile 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.45 13.45c-.57 1.34-1.91 2.29-3.46 2.29 -1.56 0-2.89-.95-3.46-2.3"></path></svg>

Shuffle 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="M5.5 18.5l13-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 5.5L10 10m8.5 8.5L14 14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 5.75h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 18.25h4.25V14"></path></svg>

Aperture 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="M10.5 9.49h3m-3 0L9 11.99m1.5-2.51l2.78-4.64m.21 4.63l1.5 2.5m-1.5-2.51h5.3m-3.81 2.5l-1.5 2.5m1.5-2.5l2.7 4.5m-4.2-2h-3m3 0l-2.79 4.63m-1.72-7.14l1.5 2.5m-1.5-2.5l-2.7-4.5m4.19 7H5.15"></path></svg>

Free shield cross 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 11V7.75L12 4.5 5.75 7.75V11c0 6 6.25 8.75 6.25 8.75s6.25-2.75 6.25-8.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 9.5l5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 9.5l-5 5"></path></svg>

Free badge icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="1.5" d="M14.589 5.75 12 3.161 9.411 5.75H5.75v3.661L3.161 12l2.589 2.589v3.661h3.661L12 20.839l2.589-2.589h3.661v-3.661L20.839 12 18.25 9.411V5.75h-3.661Z"/></svg>

Free battery 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="M20.25 10v4"></path><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="M3.75 6.75v10.5h13.5V6.75H3.75Z"></path></svg>

Free inbox 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 11.75v6.5h14.5v-6.5m-14.5 0l2-6h10.5l2 6m-14.5 0h5c0 1.24 1 2.25 2.25 2.25 1.24 0 2.25-1.01 2.25-2.25h5"></path></svg>

Free loader 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="M20 12h-3.75m-8.5 0H4m8 8v-3.75m0-8.5V4M6.343 17.656l2.651-2.652m6.01-6.011l2.651-2.652M6.341 6.34l2.651 2.651m6.005 6.005l2.656 2.656"></path></svg>

Medicine rotated vector icon

Medicine rotated

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.87 6.87c-1.47 1.46-1.47 3.83 0 5.3l4.94 4.94c1.46 1.46 3.83 1.46 5.3 0 1.46-1.47 1.46-3.84 0-5.31l-4.95-4.95c-1.47-1.47-3.84-1.47-5.31 0Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.65 9.34l-5.31 5.3"></path></svg>

Corner up left 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 11h11v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 15.5L6 11l4.5-4.5"></path></svg>

big-simple-arrow-icon-pointing-left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 6.5 5 12l5.5 5.5M5.5 12H19" stroke="currentColor" stroke-width="1.5"/></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>

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>

Component 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 7l-3-3L9 7l3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 12l-3-3 -3 3 3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 12L7 9l-3 3 3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 17l-3-3 -3 3 3 3 3-3Z"></path></svg>

Line chart increase vector icon

Line chart increase

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.75L13 13l-2-2 -2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.75h4.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5v13.25H19"></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>

Free QR code 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 13.75v4.5h4.5v-4.5h-4.5Z"></path><path fill="currentColor" d="M17 17h2v2h-2Z"></path><path fill="currentColor" d="M13 13h2v2h-2Z"></path><path fill="currentColor" d="M15 15h2v2h-2Z"></path><path fill="currentColor" d="M13 17h2v2h-2Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 5.75v4.5h-4.5v-4.5h4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75v4.5h4.5v-4.5h-4.5Z"></path></svg>

Plus big 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="M5 12h14m-7-7v14"></path></svg>

Message circle 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.5 18.25c3.72 0 6.75-3.03 6.75-6.75 0-3.73-3.03-6.75-6.75-6.75 -3.73 0-6.75 3.02-6.75 6.75 0 1.1.26 2.13.73 3.05l-1.49 4.44 4.71-1.35c.84.38 1.79.59 2.78.59Z"></path></svg>

Free maximize 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 18l4.5-4.5M18 6l-4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 5.75h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 18.25H5.75V14"></path></svg>

Free minus big icon

Copy

w<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 12h14"></path></svg>

Free folder 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="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 13h3.5H15"></path></svg>

Free bell notification 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 15.25V9c0-2.348 1.902-4.25 4.25-4.25 2.347 0 4.25 1.902 4.25 4.25v6.25M5 15.25h14m-9.5 3h5"></path></svg>

Credit card minus vector icon

Credit card minus

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 16.75h3.5H21"></path><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.75V14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path></svg>

Receive mail 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.5 13.5L14 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.25 6.75h13.5m-13.5 0V17H11M5.25 6.75L12 12l6.75-5.25m0 0V11"></path></svg>

add-to-queue-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.25h14m-14 4h14M14 8h3m0 0h3m-3 0V5m0 3v3m-4.9963-5.25H7C5.7574 5.75 4.75 6.7574 4.75 8S5.7574 10.25 7 10.25h5.0037" stroke="currentColor" stroke-width="1.5"/></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 4.75h12.5v14.5L12 13l-6.25 6.25V4.75Z" stroke="currentColor" stroke-width="1.5"/></svg>

Check list 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 13.5L11 17l8.5-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 6.75h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.25h5"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 5.75h-3.5v12.5h12.5V5.75h-3.5m-5.5-2v4h5.5v-4h-5.5Z" stroke="currentColor" stroke-width="1.5"/></svg>

Free small square check icon

Small square 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="M9 12l2 2 4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5H5.75Z"></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