Preview:
 <div class="alert_wrap success">
     <i class="material-icons">
         check_circle</i>
     <h3>NEOG-ALERT.COM: Success Alert</h3>
     <i class="material-icons">
         highlight_off
     </i>
 </div>

 <div class="alert_wrap info">
     <i class="material-icons">
         info
     </i>
     <h3>NEOG-ALERT.COM: Info Alert</h3>
     <i class="material-icons">
         highlight_off
     </i>
 </div>

 <div class="alert_wrap danger">
     <i class="material-icons">
         warning
     </i>
     <h3>NEOG-ALERT.COM: Danger Alert</h3>
     <i class="material-icons">
         highlight_off
     </i>
 </div>

 <div class="alert_wrap warning">
     <i class="material-icons">
         error_outline
     </i>
     <h3>NEOG-ALERT.COM: Warning Alert</h3>
     <i class="material-icons">
         highlight_off
     </i>
 </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