Send this page to your computer

Free octagon icon

Free octagon icon

An octagon icon is a pixel-perfect, sharp-looking icon that designers can use in their app or website designs. You can copy it as an SVG right away, or download it in a variety of formats such as PNG, WEBP, JPG, SVG, PDF, or an animated Lottie file. It's available in our Figma and IconJar libraries as well.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Octagon

Shield lock 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="M18.25 10V7.75L12 4.5 5.75 7.75V11c0 4.48 3.48 7.14 5.25 8.21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 15.75h6.5v4.5h-6.5c0-2 0-4.5 0-4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 15.75V14c0-.97.78-1.75 1.75-1.75 .96 0 1.75.78 1.75 1.75v1.75"></path></svg>

History 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.87 6.87c1.31-1.32 3.12-2.13 5.12-2.13 4 0 7.25 3.24 7.25 7.25 0 4-3.25 7.25-7.25 7.25 -4.01 0-7.25-3.25-7.25-7.25v-2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8.49v3.49l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M1.75 12l2.99-3 3 3"></path></svg>

Free sprout 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 15.99v-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12c0-4.01 3.24-7.25 7.25-7.25C19.25 8.75 16 12 12 12Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12c0-2.9-2.36-5.25-5.25-5.25C6.75 9.64 9.1 12 12 12Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.57 18.57c1.28-1.58 3.23-2.58 5.42-2.58 2.18 0 4.14 1 5.42 2.57"></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 big chevron top icon

Big chevron top

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 14.5L12 8l6.5 6.5"></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>

Stroke cap butt vector icon

Stroke cap butt

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 18.25H9.25V12M17 5.75H9.25V12m0 0H17"></path></svg>

Swap horizontal vector icon

Swap horizontal

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.5 15.5L8 19l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 19V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.5 8.5L16 5l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 5v14"></path></svg>

Free seedling 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 13.74H12h4.25v5.5h-8.5v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.07v2.17c4.18-.01 6.34-2.31 6.24-6.5 -3.1-.08-5.7 1.14-6.25 4.32Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10V8.92c-.33-3.69-2.52-5.26-6.25-5.18 -.1 4.16 2.19 6.22 6.24 6.24Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 13.24v-2"></path></svg>

Free emoji dead 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="M10 15.25h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 9.5l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 9.5l3 3"></path></svg>

Free map marker add 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 19.25l-4.4-4.4c-3.86-3.86-.89-10.61 4.39-10.61 4.11 0 6.83 4.11 5.99 7.75"></path><circle cx="12" cy="10.25" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></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>

Free smartphone 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 5.75h7.5v12.5h-7.5V5.75Z"></path></svg>

Free suitcase 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.25 8.75v-4h3.5v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 8.75h10.5v9.5H6.75v-9.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 18.25V21m-4.5-2.75V21"></path></svg>

Free user 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="M14 17h3m0 0h3m-3 0v-3m0 3v3M5.75 19v-2.75c0-1.11.89-2 2-2H12M15.25 8c0 1.79-1.46 3.25-3.25 3.25 -1.8 0-3.25-1.46-3.25-3.25 0-1.8 1.45-3.25 3.25-3.25 1.79 0 3.25 1.45 3.25 3.25Z"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.75 12.51C17.75 16.0667 15.0486 18.26 12 18.26C8.95139 18.26 6.25 16.0667 6.25 12.51C6.25 8.95329 8.95139 4.25 12 4.25C15.0486 4.25 17.75 8.95329 17.75 12.51Z" stroke="black" stroke-width="1.5"></path></svg>

Free towels 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 9.25v-3h-9.5c-1.66 0-3 1.34-3 3v0c0 1.65 1.34 3 3 3h9.5v-3Zm0 0H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 15.25v-3h9.5c1.65 0 3 1.34 3 3v0c0 1.65-1.35 3-3 3h-9.5v-3Zm0 0H14"></path></svg>

Free polaris 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.48 16.5l2.16-2.17m6.86-6.84l-2.17 2.16m2.16 6.83l-2.17-2.17M7.45 7.47l2.16 2.16m2.35-5.67c0 4.41-3.59 8-8 8 4.41 0 8 3.58 8 8 0-4.42 3.58-8 8-8 -4.42 0-8-3.59-8-8Z"></path></svg>

Free circle placeholder icon

Circle placeholder

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 15l6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16l3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 11l3-3"></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 4 0 7.25 3.24 7.25 7.25Z"></path></svg>

Swap 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 10.25h12.25L13 6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 13.75H6.75L11 18"></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>

Add money vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 15.75h3.25m0 0h3.25m-3.25 0V12.5m0 3.25V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 10.5V7.25H3.75v9.5H13"></path></svg>

Free trending 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="M19 7l-6 6 -2-2 -5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.75h4.25V11"></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 swap 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="M15.5 12.5L19 16l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 16H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 4.5L5 8l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 8h14"></path></svg>

Broken egg 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.75 12.51c0 3.55-2.71 5.75-5.75 5.75 -3.05 0-5.75-2.2-5.75-5.75 0-.19 0-.38.02-.57 .26-3.47 2.83-7.7 5.72-7.7 2.89 0 5.46 4.22 5.72 7.69 .01.19.02.37.02.56Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.72 11.947l-1.23 1.05 -2.25-2.75 -2.25 2.75 -2.26-2.75 -2.25 2.75 -1.23-1.06"></path></svg>

Free search area 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.44 16.44c.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 0l3.05 3.05m-10.5-1.25H4.74v-4.25m14.5-4V5.74H14.61M4.74 9.99V5.74h4.25"></path></svg>

Dots vertical vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 15c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 7c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></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="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>

Free empty box search icon‍

Empty box search

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 18.25H4.75v-8.5l2-5h10.5l2 5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75H12m7.25 0h-5H12m0 0v-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 16.25c0 1.65-1.35 3-3 3 -1.66 0-3-1.35-3-3 0-1.66 1.34-3 3-3 1.65 0 3 1.34 3 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.19 18.19l3.05 3.05"></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 7.25h15.5v9.5H4.25v-9.5Z"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 19.75h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 4.25h12"></path></svg>

Free arrow down left circle icon

Arrow down left circle

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.5 9.5L10 14"></path><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="M14 14.25H9.75V10"></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="M9 18.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.25C9.37 4.25 7.25 6.37 7.25 9c0 1.8 1.01 3.38 2.5 4.18v2.06h4.49v-2.07c1.48-.81 2.5-2.38 2.5-4.19 0-2.63-2.13-4.75-4.75-4.75Z"></path></svg>

Free file arrow up left icon

File arrow up left

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.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.01 13.77h-4.25v4.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14l4.5 4.5"></path></svg>

Half note 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="M16 5.75h-3.75l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 17c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25 1.24 0 2.25 1 2.25 2.25Z"></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