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

Artboard 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.75 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 7.75h6 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></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>

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 tag 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="M18.75 11.75v-6.5h-6.5l-7 7 6.5 6.5"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Free file download inside icon

File download 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.35L12 14.49l-2.5-2.15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.5v-5"></path></svg>

Free 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="M9 4.75h3 3L19.25 9v3 3L15 19.25h-3H9L4.75 15v-3V9L9 4.75Z"></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="M11.5 19.25c3.727 0 6.75-3.023 6.75-6.75 0-.371-.03-.735-.088-1.089 -.426 2.187-2.351 3.838-4.663 3.838 -2.624 0-4.75-2.1266-4.75-4.75 0-2.312 1.651-4.238 3.838-4.663 -.355-.058-.719-.088-1.089-.088 -3.728 0-6.75 3.022-6.75 6.75 0 3.727 3.022 6.75 6.75 6.75Z"></path></svg>

Free pos payment check icon

Pos payment 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="M17.75 9.75H6.25v10.5h11.5V9.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15l2 2 4-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 9.75v-5c0-.28.22-.5.5-.5h6.5c.27 0 .5.22.5.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 4.25v5.5"></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 folded file 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.75 18.25V4.75H12l5.25 5v8.5H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 4.75v5h5"></path></svg>

Marked on map vector 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.859 11.151c2.51-2.51.576-6.901-2.859-6.901s-5.37 4.39-2.859 6.901L12 14.014l2.859-2.863Z"/><circle cx="12" cy="8" r="1.25" fill="#000"/><path stroke="#000" stroke-width="1.5" d="m5.5 13.25-2.5 5h18l-2.5-5"/></svg>

Air humidity 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 12.25c1.38 0 2.5-1.12 2.5-2.5C14.5 8.36 12 4.5 12 4.5s-2.5 3.86-2.5 5.25c0 1.38 1.11 2.5 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16l3.18-1.2c.52-.2 1.09-.17 1.59.08l2.32 1.16c.56.28 1.22.28 1.78 0l2.32-1.17c.49-.25 1.07-.28 1.59-.09l3.18 1.19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 18.75l1.18-.45c.52-.2 1.09-.17 1.59.08l2.32 1.16c.56.28 1.22.28 1.78 0l2.32-1.17c.49-.25 1.07-.28 1.59-.09l1.18.44"></path></svg>

Free leaderboard 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 9.75h4v5.5H6v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 4.75h4v10.5h-4V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 9.75h4v5.5h-4v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path></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="M16.39 14.85c3.85-3.86.88-10.61-4.4-10.61s-8.25 6.74-4.4 10.6l4.39 4.39 4.39-4.4Z"></path><circle cx="12" cy="10.25" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Armchair 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.75 15.75V12.5l2.5-1.25v-5.5h7.5v5.5l2.5 1.25v3.25m-12.5 0V19m0-3.25h12.5m0 0V19"></path></svg>

Pause 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.75 5.75h3.5v12.5h-3.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 5.75h3.5v12.5h-3.5V5.75Z"></path></svg>

Free shower head 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 4v3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 16v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 7.75c-2.9 0-5.25 2.35-5.25 5.25v.75h10.5V13c0-2.9-2.36-5.25-5.25-5.25Z"></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>

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 mice 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.34 12.15c-1.47-1.47-1.47-3.84 0-5.31 1.46-1.47 3.83-1.47 5.3 0 1.46 1.46 1.46 3.83 0 5.3m1.34 6.09H4.48l7.85-7.86"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Receive 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="M19.25 11V7.25H3.75v9.5h7.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 13.25l-3.5 3.5 3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 16.75h6"></path><circle cx="11.5" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free watermelon 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.41 5.58l2.12-2.13c1.67 1.67 2.7 3.98 2.7 6.54 0 5.1-4.15 9.25-9.25 9.25 -2.56 0-4.87-1.04-6.55-2.71l2.12-2.13m8.83-8.84c1.13 1.13 1.83 2.69 1.83 4.41 0 3.45-2.8 6.25-6.25 6.25 -1.73 0-3.29-.7-4.42-1.84m8.83-8.84l-8.84 8.83"></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>

Free mouse down 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 6.5L20.5 11l-2.31.81 -2.31.81 -1.32 2.3 -1.32 2.3 -3.5-10.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 15l-3 3 -3.01-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18L4.99 7"></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>

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>

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>

Emoji plus 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"></path><circle cx="14" cy="11" r="1" fill="currentColor"></circle><circle cx="10" cy="11" 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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 4v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h6"></path></svg>

Free globe icon png

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.25 12c0 4.0041-3.2459 7.25-7.25 7.25M19.25 12c0-4.004-3.2459-7.25-7.25-7.25M19.25 12H4.75M12 19.25c-4.004 0-7.25-3.2459-7.25-7.25M12 19.25c1.7949 0 3.25-3.2459 3.25-7.25 0-4.004-1.4551-7.25-3.25-7.25m0 14.5c-1.7949 0-3.25-3.2459-3.25-7.25 0-4.004 1.4551-7.25 3.25-7.25M4.75 12c0-4.004 3.246-7.25 7.25-7.25" stroke="currentColor" stroke-width="1.5"/></svg>

Free stroke join miter icon

Stroke join miter

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.75h12.5v12.5h-6.5v-6h-6v-6.5Z"></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>

Calendar search vector icon

Calendar 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="M17.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.05"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></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="M8 11h6m-3-3v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.419 15.419c1.131-1.131 1.83-2.694 1.83-4.42 0-3.452-2.799-6.25-6.25-6.25 -3.452 0-6.25 2.798-6.25 6.25 0 3.451 2.798 6.25 6.25 6.25 1.725 0 3.288-.7 4.419-1.831Zm0 0l4.08 4.08"></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>

Search globe icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 12c0 4.0041 3.246 7.25 7.25 7.25-1.7949 0-3.25-3.2459-3.25-7.25m-4 0c0-4.004 3.246-7.25 7.25-7.25M4.75 12h4M12 4.75c-1.7949 0-3.25 3.246-3.25 7.25M12 4.75c1.4011 0 2.5951 1.9777 3.0516 4.75M12 4.75c3.1255 0 5.789 1.9777 6.8074 4.75M8.75 12H11m6.4445 4.4445A2.741 2.741 0 0 0 18.25 14.5c0-1.5188-1.2312-2.75-2.75-2.75s-2.75 1.2312-2.75 2.75 1.2312 2.75 2.75 2.75a2.741 2.741 0 0 0 1.9445-.8055Zm0 0L20.5 19.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free arrow down 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 13.5L12 18l-4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18V6"></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