Normal Message
This is a normal message with msg
.
☞ Info
This is done by adding info
to the class.
☑ OK
This is done by adding ok
to the class.
☣ Warning
This is done by adding warn
to the class.
☒ Error
This is done by adding err
to the class.
Attention
This is done by adding attention
to the class.
☣ Fatal
This is done by adding fatal
to the class.
Black
This is done by adding black
to the class.
<div class="msg">
<strong>Alert headline!</strong>
Message text
</div>
Android Safe
☎ ♂ ♀ ⓧ © § ® ⇦ ⇧ ⇨ ⇩♠ ♣ ♥ ♦ ♪ ♛ ♜ ♝ ♞ ♟☜ ☞ ♨ ♭ ♯ ¥£ ¢❊ ฿ ๏ ※ ₧ ₨ ₪ € №
The "Android Safe" icons work everywhere, tested on hundreds of devices.
Total Set
✉ ✰ ☁ ✈ ☑ ☒ ✆ ☀ ☮ ☢ ☠ ☣ ⌂ ℗ ☺ ☻ ☼ ∡ ∿ ⊝ ⊘ ⁂ ☤ ♫ ☄ ✎ ☟ ☝ ☹ ☭ ☚ ☛ ✌ 〠 ☃ ♮ ☂ ☸ ✍ ☯ ✂ ₩ ◍ ۩
Although over 75% of Android devices we tested support all "Total Set" icons, if a substantial portion of your users use old Android devices you should stick to the "Android Safe" set. (The "Total Set" does not include icons from the "Android Safe" set.)
<i class="ico">Copy and paste icons from above here!</i>
Grids
<div class="row">
<div class="col c12">12</div>
</div>
<div class="row">
<div class="col c4">4</div>
<div class="col c8">8</div>
</div>