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

Home search 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 10L12 4.49l-6.25 5.5v8.25H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 13.5c0 1.51-1.24 2.75-2.75 2.75 -1.52 0-2.75-1.24-2.75-2.75 0-1.52 1.23-2.75 2.75-2.75 1.51 0 2.75 1.23 2.75 2.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.44 15.44l3.05 3.05"></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>

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>

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.75h6.75l3.75 3.75v9.75H6.75Z"></path></svg>

Vector football court 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 5v5m0 9v-5m0 0c1.1 0 2-.9 2-2 0-1.11-.9-2-2-2m0 4c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 8.75h-3.25v6.5H20M3.75 8.75h3.5v6.5h-3.5m0 3h16.5V5.75H3.75v12.5Z"></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>

Free cloud rain icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 11c0 1.5188 1.2312 2.75 2.75 2.75h7.5c1.5188 0 2.75-1.2312 2.75-2.75s-1.2312-2.75-2.75-2.75h-.0082c.1403-2.1311-1.6004-4-3.7418-4s-3.882 1.8688-3.7418 4H8.25C6.7312 8.25 5.5 9.4812 5.5 11zM16.75 17.5v3M13.75 16v3M10.75 17.5v3M7.75 16v3" stroke="currentColor" stroke-width="1.5"/></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 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>

Paper 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 4.75H9.74c-1.11 0-2 .89-2 2l0 7m10-9c-1.11 0-2 .89-2 2v3.5m2-5.5c1.1 0 2 .89 2 2v3.5h-4m-2 8H6.48c-1.11 0-2.25-.9-2.25-2v-2.5h3.49m6 4.5c-1.11 0-2-.9-2-2v-2.5H7.71m6 4.5c1.1 0 2-.9 2-2l-.01-6"></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>

Credit card check vector icon

Credit card 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="M14.5 17.5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 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></svg>

Free compass 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="none" stroke="currentColor" stroke-width="1.5" d="M10.58 10.58l3.88-1.07 -1.07 3.88 -3.89 1.06 1.06-3.89Z"></path></svg>

Paper clip, attach 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.249 8v5.75c0 2.485 2.014 4.5 4.5 4.5v0c2.485 0 4.5-2.015 4.5-4.5v-6.5c0-1.657-1.344-3.001-3-3.001v0c-1.657 0-3 1.343-3 3v6.499c0 .828.671 1.5 1.5 1.5v0c.828 0 1.5-.672 1.5-1.5v-5.75"></path></svg>

Arrow 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="M18 12H6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 7.5L18 12l-4.5 4.5"></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>

Heart minus 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 18l-6.5-6.5c-1.39-1.39-1.39-3.62 0-5 1.38-1.39 3.61-1.39 4.99 0l1.5 1.5 1.5-1.5c1.38-1.39 3.61-1.39 5 0 1.38 1.38 1.38 3.61 0 4.99"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14.75h6"></path></svg>

Free recycle 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.3 12.55l-1.57 2.68c-.78 1.33.18 3 1.72 3h3.52m7.69-5.7l1.56 2.68c.77 1.33-.19 3-1.73 3h-3.53m1.62-9.25l-1.9-3.28c-.78-1.33-2.69-1.33-3.46-.01l-1.9 3.27"></path></svg>

Mail error 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 12v3.5"></path><circle cx="17" cy="18" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.25 6.75h11.5m-11.5 0v9.5H12m-5.75-9.5L12 12l5.75-5.25m0 0V10"></path></svg>

Free mouse 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.96 18L5.24 5.25 17.99 10l-5.96 2.04 -2.09 5.95Z"></path></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>

Navigation left vector icon

Navigation 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="M18.75 5.25L6.22 10l5.77 1.99 2 5.75 4.75-12.5Z"></path></svg>

Shield 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 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></svg>

Free shield clock 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="M21.25 16.25c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 13.99v2.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.25 9.5V7.75L11 4.5 4.75 7.75V11c0 4.48 3.48 7.14 5.25 8.21"></path></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>

Free 3d rectangle 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 9.5L12 5l7.75 4.5v5L12 19l-7.75-4.5v-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14l7.75-4.5M12 14L4.25 9.5M12 14v5"></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 4.75H4.75v14.5h14.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l-1.25 1.25L8 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 9.5L16 12l-2.5 2.5"></path></svg>

Free add 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 16.75h3.25m0 0h3.25m-3.25 0V13.5m0 3.25V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 11.5V8.25H3.75v9.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5.25h12"></path></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>

File arrow up right vector icon

File arrow 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="M17.25 11V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 13.75h4.25V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 13.75L13.5 18.5"></path></svg>

Free chart 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 5.75h12.5v12.5H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.75 16V8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 16v-5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 16v-3"></path></svg>

Cake 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 18.25v-5.5H5.75v5.5h12.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 7.75H7.75v5h8.5v-5H12Zm0 0V4"></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>

Calendar cross 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 10.25v-4.5H5.75v4.5m12.5 0H5.75m12.5 0v2m-12.5-2v8H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 14.5l5 5m0-5l-5 5"></path></svg>

Free keyhole 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.8 13.35v0c2.12-1 3.04-3.53 2.05-5.65 -1-2.13-3.53-3.05-5.65-2.05 -2.13.99-3.05 3.52-2.05 5.65 .42.9 1.14 1.62 2.05 2.05l-2.45 4.9h8.5l-2.45-4.9Z"></path></svg>

Free arrow left circle icon

Arrow 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="M9.5 12H16"></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="M12 9l-3 3 3 3"></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