<div class="scl-alert" id="scl-alert-primary">This is a primary alert<img id="icon-primary" src="#"></div> <div class="scl-alert" id="scl-alert-success">This is a success alert<img id="icon-success" src="#"></div> <div class="scl-alert" id="scl-alert-warning">This is a warning alert<img id="icon-warning" src="#" /> </div> <div class="scl-alert" id="scl-alert-error">This is an error alert<img id="icon-error" src="#"></div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter