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

Free drop 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 18.25c2.2 0 4-1.74 4-3.88 0-2.14-4-8.13-4-8.13s-4 5.99-4 8.12c0 2.13 1.79 3.87 4 3.87Z"></path></svg>

Sunrise morning vector icon

Sunrise morning

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 3.5V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.5l-3-3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 19.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.25h2.75c.13-2.79 2.42-5 5.24-5 2.81 0 5.11 2.21 5.24 5h2.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 9.5l1.52 1.52 1.52 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 9.5l-3.08 3.07"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 18.25h6v-6h-6m0 6h-6v-6m6 6v-6m0 0v-6h-6v6m6 0h-6M14.5 6.5h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></svg>

Free minus square 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 12h8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></path></svg>

Chat 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.75 4.75h10.5v8.5H7.5L4.75 16V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 8v11l-2.25-2.25H9"></path></svg>

Free send 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="M20 16.75H3.75v-9.5h15.5V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 13.25l3.5 3.5 -3.5 3.5"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></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>

Free shuffle 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 17h-5l-3-3m8-7h-5L3.5 17.5m0-11L7 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 3.5L20 7l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L20 17l-3.5 3.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 viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9.75c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5-1.1193-2.5-2.5-2.5Zm0 0h-5m5 0c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5h-5c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5m0 5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5m0 5c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5v-2.5m-2.5 0h2.5m0-10v10" stroke="currentColor" stroke-width="1.5"/></svg>

horizontal-compare-icon

Compare horizontal

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 15.5 9 12l-3.5 3.5M18.5 8.5 15 12l-3.5-3.5M15 12V4M9 12v8" stroke="currentColor" stroke-width="1.5"/></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 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 pumpkin 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="M3.75 12.5c0 3.72 1.91 6.75 4.26 6.75 .66 0 1.3-.25 1.86-.68 1.29.87 2.93.87 4.23 0 .56.43 1.19.67 1.86.67 2.35 0 4.26-3.03 4.26-6.75 0-3.73-1.92-6.75-4.27-6.75 -.67 0-1.31.24-1.87.67 -1.3-.88-2.94-.88-4.24 0 -.57-.44-1.2-.68-1.87-.68 -2.36 0-4.27 3.02-4.27 6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5.75V4l1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25l1.5-.75 1.5.75 1.5-.75 1.5.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 12l-1.5-1.5L8 12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 12l-1.5-1.5L13 12"></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>

add-to-list-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 6.75h14m-14 5h14M5 17h7m2 0h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></svg>

Free sticker 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 12c0 4 3.24 7.25 7.25 7.25L19.25 12c0-4.01-3.25-7.25-7.25-7.25 -4.01 0-7.25 3.24-7.25 7.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25c-.65-.86-1-1.97-1-3.125C11 13.285 13.29 11 16.125 11c1.16 0 2.26.35 3.125 1"></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 19v-6.75m0 0v-7.5h10.5v7.5H6.75Z"></path></svg>

Mail check 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.25 6.75h13.5m-13.5 0v10.5H12M5.25 6.75L12 12l6.75-5.25m0 0V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 15.5l2 2 4-4"></path></svg>

Free dots horizontal icon

Dots horizontal

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></path><path fill="currentColor" d="M9 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></path><path fill="currentColor" d="M17 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></path></svg>

chevron-down-icon

Chevron arrow down

Copy

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

Free desktop 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 5.25H4.75v9.5h14.5v-9.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.75V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 18.25h8"></path></svg>

Free 3d cube 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 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12l7.25-4M12 12L4.75 8M12 12v8"></path></svg>

Drink 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.5 19.25H12m3.5 0H12m0 0V13m0 0L6 4.75h12L12 13ZM8.18 7.75h7.63"></path></svg>

Folder important vector icon

Folder important

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 10v3"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></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 laptop 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 18.25v-10h12.5v10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 18.25h18"></path></svg>

Manage 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="M4 6.75h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.44 11.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></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 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 0v9.75l-2.5-2.5 -2 2.5 -2-2.5 -2.25 2.5V9c0-2.35 1.23-4.25 2.75-4.25H16"></path><ellipse rx=".75" ry="1.25" cx="16.25" cy="9" fill="currentColor"></ellipse></svg>

Free bounce back 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 7.75l7.75 7.75 6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 14V7.75H12"></path></svg>‍

Free sliders horizontal icon

Sliders 2 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="M16 8h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 16h9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16h4.75m0 0v3m0-3v-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 8h9.75m0 0V5m0 3v3"></path></svg>

Free megaphone 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 19v-5.75 -4.5m0 0h.5l8-3.25v11l-8-3.25h-4.5v-4.5h4Z"></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>

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.75m0 0c0 2.34-1.91 4.25-4.25 4.25M16.25 12c0-2.35-1.91-4.25-4.25-4.25M7.75 12H4m3.75 0c0 2.34 1.9 4.25 4.25 4.25M7.75 12c0-2.35 1.9-4.25 4.25-4.25M12 20v-3.75m0-8.5V4M6.34 17.65l2.65-2.66M15 8.97l2.65-2.66M6.33 6.3l2.65 2.65m6 6l2.65 2.65"></path></svg>

big-simple-arrow-pointing-down

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 13.5 12 19l5.5-5.5M12 18.5V5" stroke="currentColor" stroke-width="1.5"/></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>

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