<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>
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