Navigation

Icons

Defined in _icons.scss

Usage: <i class="icon-help-and-info"></i>


Class Names

 icon-user  icon-shopping-cart  icon-menu  icon-menu-box  icon-money  icon-search  icon-ok-circle  icon-expand  icon-reduce  icon-remove  icon-carousel-left  icon-carousel-right  icon-login-box  icon-logout  icon-twitter-sign  icon-facebook-sign  icon-pinterest-sign  icon-store-locator  icon-gift-certificate  icon-envelope  icon-caret-down  icon-caret-up  icon-caret-left  icon-caret-right  icon-angle-left  icon-angle-right  icon-angle-up  icon-angle-down  icon-double-angle-left  icon-double-angle-right  icon-double-angle-up  icon-double-angle-down  icon-remove-circle  icon-ok  icon-spinner  icon-plus  icon-minus  icon-th  icon-list  icon-th-large  icon-help-and-info  icon-login  icon-trash  icon-communication  icon-edit  icon-settings  icon-address-book

Alternative Colourway

 icon-user  icon-shopping-cart  icon-menu  icon-menu-box  icon-money  icon-search  icon-ok-circle  icon-expand  icon-reduce  icon-remove  icon-carousel-left  icon-carousel-right  icon-login-box  icon-logout  icon-twitter-sign  icon-facebook-sign  icon-pinterest-sign  icon-store-locator  icon-gift-certificate  icon-envelope  icon-caret-down  icon-caret-up  icon-caret-left  icon-caret-right  icon-angle-left  icon-angle-right  icon-angle-up  icon-angle-down  icon-double-angle-left  icon-double-angle-right  icon-double-angle-up  icon-double-angle-down  icon-remove-circle  icon-ok  icon-spinner  icon-plus  icon-minus  icon-th  icon-list  icon-th-large  icon-help-and-info  icon-login  icon-trash  icon-communication  icon-edit  icon-settings  icon-address-book

Alternative Sizes

Add class as shown.


Animation

Add a class icon-spin to make any icon rotate. <i class="icon-spinner icon-spin icon-large"></i>


Rotate and Flip

Add class as shown.

Minimum length is
Maximum length is
Please enter a value in both fields
Please enter your name
Please enter a message
Please enter the name of the recipient
Please enter a valid quantity
Please enter a phone number
Please enter a valid phone number
Please enter an email address
Please enter a valid email address
weleda
restofworld
en
GBP
http://www.weleda.co.uk
http://www.weleda.co.uk/bin/venda