Octagon Fill Icon SVG

Get Free Octagon fill Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the Octagon fill Icon SVG file (HMTL/CSS) in different colors and sizes. Octagon fill SVG icon white, black, red, green, blue, transparent, and other colors.

Octagon fill Icon Svg Code | Path | Download

Download free Octagon Fill SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Octagon Fill Icon SVG code in HTML/Css from below.

Octagon Fill

Octagon fill SVG Icon Code | Customize color

You can get svg icon octagon fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Octagon fill

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon-fill" viewBox="0 0 16 16"> <path d="M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0h6.214z"/> </svg>

Octagon fill

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon-fill" viewBox="0 0 16 16"> <path d="M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0h6.214z"/> </svg>

Octagon fill

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon-fill" viewBox="0 0 16 16"> <path d="M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0h6.214z"/> </svg>

Octagon fill

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon-fill" viewBox="0 0 16 16"> <path d="M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0h6.214z"/> </svg>

Octagon fill

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon-fill" viewBox="0 0 16 16"> <path d="M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0h6.214z"/> </svg>

Advance Editor

You can edit octagon fill as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Related Icons

Octagon Fill Icon SVG - Faq(s)?

⭐Can I get Free Octagon Fill Icon SVG?

Yes, you can get free Octagon Fill SVG icons.

⭐ How to download free Octagon Fill Icon SVG code?

To download free Octagon Fill icons in SVG code click on the copy code button.

⭐How to find the Octagon Fill Icon SVG path file?

You can get the Octagon Fill SVG file path from the above section.

⭐ What are the colors available for SVG Octagon Fill Icon?

You can check the Octagon Fill SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.