Octagon Warning Icon SVG
Octagon Warning
Octagon warning SVG Icon Code | Customize color
You can get svg icon octagon warning in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeOctagon warning
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"> <polygon points="5.25 1.75,10.75 1.75,14.25 5.25,14.25 10.75,10.75 14.25,5.25 14.25,1.75 10.75,1.75 5.25"/> <path d="m8 11.25v0m0-6.5v3.5"/> </svg> Octagon warning
DownloadSvg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"> <polygon points="5.25 1.75,10.75 1.75,14.25 5.25,14.25 10.75,10.75 14.25,5.25 14.25,1.75 10.75,1.75 5.25"/> <path d="m8 11.25v0m0-6.5v3.5"/> </svg> Octagon warning
DownloadSvg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"> <polygon points="5.25 1.75,10.75 1.75,14.25 5.25,14.25 10.75,10.75 14.25,5.25 14.25,1.75 10.75,1.75 5.25"/> <path d="m8 11.25v0m0-6.5v3.5"/> </svg> Octagon warning
DownloadSvg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"> <polygon points="5.25 1.75,10.75 1.75,14.25 5.25,14.25 10.75,10.75 14.25,5.25 14.25,1.75 10.75,1.75 5.25"/> <path d="m8 11.25v0m0-6.5v3.5"/> </svg> Octagon warning
DownloadSvg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"> <polygon points="5.25 1.75,10.75 1.75,14.25 5.25,14.25 10.75,10.75 14.25,5.25 14.25,1.75 10.75,1.75 5.25"/> <path d="m8 11.25v0m0-6.5v3.5"/> </svg> Advance Editor
You can edit octagon warning as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements