Error Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Error icon is commonly used in form validation, error pages and alert banners. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/307148.svg" alt="Error icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307148.svg" alt="Error icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307148.svg" alt="Error icon" :width="24" :height="24" />
CSS background
.icon-error {
background-image: url('https://proicons.com/icon/307148.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M8 1C4.14 1 1 4.14 1 8C1 11.86 4.14 15 8 15C11.86 15 15 11.86 15 8C15 4.14 11.86 1 8 1ZM8 14C4.691 14 2 11.309 2 8C2 4.691 4.691 2 8 2C11.309 2 14 4.691 14 8C14 11.309 11.309 14 8 14ZM10.854 5.854L8.708 8L10.854 10.146C11.049 10.341 11.049 10.658 10.854 10.853C10.756 10.951 10.628 10.999 10.5 10.999C10.372 10.999 10.244 10.95 10.146 10.853L8 8.707L5.854 10.853C5.756 10.951 5.628 10.999 5.5 10.999C5.372 10.999 5.244 10.95 5.146 10.853C4.951 10.658 4.951 10.341 5.146 10.146L7.292 8L5.146 5.854C4.951 5.659 4.951 5.342 5.146 5.147C5.341 4.952 5.658 4.952 5.853 5.147L7.999 7.293L10.145 5.147C10.34 4.952 10.657 4.952 10.852 5.147C11.047 5.342 11.047 5.659 10.852 5.854H10.854Z"/></svg>
More from VS Code Codicons
View all
Error in other icon packs
Copied!