2.17.1 #Components.icons.modifiers Icons modifiers
Browser support: IE9+, Safari6+, Firefox30+, Chrome30+
Default styling
.sb-icon--success
Applies a successful color to your icon.
.sb-icon--warning
Applies a warning color to your icon.
.sb-icon--error
Applies an error color to your icon.
.sb-icon--link
Applies the link behavior to your icon.
.sb-icon--xs
Makes your icon unreadable.
.sb-icon--s
Makes your icon tiny.
.sb-icon--m
The normal icon size.
.sb-icon--l
Makes your icon larger.
.sb-icon--xl
Makes your icon extra large.
Markup
<svg class="sb-icon [modifier class]" viewBox="0 0 16 16">
<path d="M6.074 13.8l-.567-9.298a.387.387 0 0 0-.4-.374.387.387 0 0 0-.37.403l.567 9.298a.386.386 0 0 0 .4.374.387.387 0 0 0 .37-.402zm6.163.708c-.052.376-.345.712-.77.712H4.533c-.425 0-.711-.333-.77-.712l-.77-11.599h10.014l-.77 11.599zM6.074 2.328V.775h3.852v1.551H6.074zm4.622-.146V.728c0-.402-.345-.728-.77-.728H6.074c-.426 0-.77.326-.77.728v1.454H.385A.375.375 0 0 0 0 2.546c0 .2.173.363.385.363h1.837l.77 11.636c.125.796.69 1.455 1.541 1.455h6.934c.85 0 1.396-.667 1.54-1.455l.77-11.636h1.838c.212 0 .385-.162.385-.363a.375.375 0 0 0-.385-.364h-4.919zm.001 11.647l.559-9.298a.387.387 0 0 0-.371-.403.386.386 0 0 0-.399.374l-.559 9.3a.386.386 0 0 0 .77.028zm-2.312-.015V4.505A.386.386 0 0 0 8 4.117a.386.386 0 0 0-.385.388v9.31c0 .214.172.387.385.387a.386.386 0 0 0 .385-.388z"/>
</svg>
Source: components/_icons.scss, line 224