outline
1. Color
Original icon colors are kept until you pick a new color.
2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets
Included in SVG export
Alert SVG Icon
Source, author, and license are available in the preview and icon details. Alert - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color.
Bundle with credits
alert.svg (486 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg id="i-alert" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Alert icon"><title>Alert - Bytesize Icons icon</title><desc>Free Alert vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 266 bytes.</desc>
<path d="M16 3 L30 29 2 29 Z M16 11 L16 19 M16 23 L16 25" />
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Alert
Generate a precise engineering prompt, or improve the icon on the canvas right now. Alert
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#alert
#bytesize
#interface
#outline
Alert - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Alert
| Canonical asset identifier | bytesize/alert |
|---|---|
| Source library pack | Bytesize Icons |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 486 bytes (~267 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| Supported export targets | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Security and privacy guarantee | No Sign-Up Required | 100% Browser-Based Processing |
How to Use and Customize This Icon: Alert
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (77,087)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages.
alert.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Alert")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browseoutline
Alert
MingCute Icons|interfacesolid
Alert
MingCute Icons Fill|interfacesolid
Close Square
MingCute Icons Fill|interfaceoutline
Coat
MingCute Icons|interfacesolid
Action Swap Vert
Material Icons|interfacesolid
Action Swipe Right Alt
Material Icons|interface
Circle Dashed
Lucide|interface
Grid 3x2 Gap
Bootstrap Icons|interface
Crop Portrait
Tabler Icons|interface
Device Floppy
Tabler Icons|interface
Chicken Zodiac
IconPark|interface
Action Update Disabled
Material Icons|interface
Cursor Pixel Voxel Sword
Mouse|interface
Cursor Text
MingCute Icons|interface
Svelte
SVG Icons Collection|interface
Mouse
Bootstrap Icons|interface
Detective
Phosphor Icons|interface
Device Tablet
Phosphor Icons|interface
Distribute Spacing Vertical
MingCute Icons Fill|interface
Column
IconPark|interface
Postage
Bootstrap Icons|interface
Yin Yang
SVG Icons Collection|interface
Nike
Domain Icons|interface
Escalator Up
Phosphor Icons|interfaceExplore more
Frequently Asked Questions
Alert - Frequently Asked Questions
What licence covers Alert? +
Alert comes from Bytesize Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Alert? +
Alert is a outline-style vector (viewBox 0 0 32 32). Download SVG, PNG, WebP or ICO, or copy React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask or Base64 code from this page.
Where does the Alert icon come from? +
Alert is part of the Bytesize Icons library by Dan Klammer, in the User Interface (UI/UX) category. The full licence text is in the library notice file linked on this page.
100% Browser-Based Processing | 77,087 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.