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 air conditioning icon

Air conditioning

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.25l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 19.25H7.75V4.75h7.75"></path></svg>

User check vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 17.5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></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="M15.75 9.75h2.01c.82 0 1.48.67 1.48 1.5v1.5c0 .82-.68 1.5-1.5 1.5h-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h-10v6.5c0 1.1.89 2 2 2h6c1.1 0 2-.9 2-2v-6.5Z"></path></svg>

Trash 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="M7.25 7.75h9.5m-9.5 0v10.5H12M7.25 7.75H5m11.75 0H19m-2.25 0V14m-2.5-6.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h6"></path></svg>

Free video camera 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 17.25V6.75h11V9.5l3.5-1.5v8l-3.5-1.5v2.75h-11Z"></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 folder 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="M19.25 18.75V7.25h-7.5v-2.5h-7v14h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 10.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 10.5l5 5"></path></svg>

big-bold-arrow-icon-facing-right

Big arrow right

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 6.5 19 12l-5.5 5.5M18.5 12H5" stroke="currentColor" stroke-width="1.5"/></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>

Free pizza slice 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="M11.51 8.66l-6.02 9.58H16.4m-4.91-9.59c3.04 1.04 5.23 3.93 5.23 7.33 0 .78-.12 1.53-.34 2.25m-4.91-9.59l1.62-2.6c3.88 1.62 6.61 5.45 6.61 9.92 0 .77-.09 1.52-.24 2.25h-3.1"></path></svg>

Minus 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="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="M8 12h8"></path></svg>

Free trees 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 18.99v-5.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 18.99v-4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 9.05c-.01-.02-.01-.04-.01-.05 0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25 0 2.34-1.91 4.25-4.25 4.25 -1.09 0-2.09-.41-2.84-1.09"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.25 11.5c0 .23-.03.45-.09.66 -.3 1.19-1.38 2.08-2.67 2.08 -1.52 0-2.75-1.24-2.75-2.75 0-1.52 1.23-2.75 2.75-2.75 .45 0 .87.1 1.25.3 .89.45 1.49 1.38 1.49 2.45Z"></path></svg>

Magic sparkle 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="M14.51 11.96l-2.48-2.48m0 0l3.44-3.45 2.47 2.47 -9.45 9.44 -2.48-2.48 6-6.01Z"></path><path fill="currentColor" d="M9 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 12.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path></svg>

bluetooth-symbol-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m11.75 11.5 5-3.625-5-3.625v7.25Zm0 0 5 3.625-5 3.625V11.5Zm0 0-5 3.625m5-3.625-5-3.625" stroke="currentColor" stroke-width="1.5"/></svg>

Search field 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.444 16.444c.497-.498.805-1.186.805-1.945 0-1.519-1.232-2.75-2.75-2.75 -1.519 0-2.75 1.231-2.75 2.75 0 1.518 1.231 2.75 2.75 2.75 .759 0 1.446-.308 1.944-.806Zm0 0l3.055 3.055m-9.5-1.25h-6.25v-12.5h14.5v4.25"></path></svg>

Free file minus inside icon

File minus 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="M17.25 13V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16h3.5H19"></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="M5 7h14M5 12h14M5 17h14"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 8L12 5l6.25 3v8L12 19l-6.25-3V8Z"></path></svg>

Free gasoline 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.25V5.75H13l4.5 4.5v8H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 8l2.25-2.25H20"></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 side panel 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 5.75h-5v12.5h5m0-12.5h9.5v12.5h-9.5m0-12.5v12.5"></path></svg>

Free alert triangle 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 10v3.5"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.75l-7.75 14.5h15.5L12 4.75Z"></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>

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>

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.74 11.14l.88-.89c1.07-1.08 1.07-2.82 0-3.89 -1.08-1.08-2.82-1.08-3.89 0l-2.48 2.47c-1.08 1.07-1.08 2.81 0 3.88m-2.83-1.07L7.35 12.7c-1.08 1.07-1.08 2.81 0 3.88 1.07 1.07 2.81 1.07 3.88 0l2.47-2.48c1.07-1.08 1.07-2.82 0-3.89"></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="M4 7h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h4"></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>

Free plus 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 12h4m0 0c1.65 0 4 0 4 0m-4 0V8m0 4v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></path></svg>

Free pizza slice 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.31 10.5c-1.41-1.98-3.71-3.26-6.32-3.26 -2.61 0-4.91 1.28-6.32 3.25m12.62 0l1.77-2.6c-1.98-2.25-4.87-3.67-8.09-3.67 -3.23 0-6.12 1.41-8.09 3.66l1.77 2.59m12.62 0l-6.32 9.24 -6.32-9.25"></path></svg>

Free sunrise 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 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="M4 14.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 7.5l1.52 1.52 1.52 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></path></svg>

Questions vector 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="M14.25 9.75v.77c0 .67-.55 1.22-1.23 1.22v0c-.57 0-1.03.46-1.03 1.02v1.22"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 9.75c0-1.11-.9-2-2-2h-.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 9.75c0-1.11.89-2 2-2"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle></svg>

Free big chevron bottom icon

Big chevron bottom

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 9.5L12 16l6.5-6.5"></path></svg>

Free chevrons 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="M7.5 7.5L12 12l4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 12.5L12 17l4.5-4.5"></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>

Power 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 4v7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 7.19c-1.38 1.14-2.25 2.87-2.25 4.8 0 3.45 2.79 6.25 6.25 6.25 3.45 0 6.25-2.8 6.25-6.25 0-1.94-.875-3.66-2.25-4.81"></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