Using Argento Luxury icons

by Peter D.

Argento Luxury includes its own set of SVG icons. You can show icons using the CSS class. For example:

<div class="luxury-icon luxury-cart"></div>

Also, you can assign icons to any element with less using .luxury-icon mixin. For example:

.minicart-wrapper .action.showcart .text {
    .luxury-icon('cart');
}

Here is the list of available icons:

  • heart
  • heart-listing
  • customer
  • cart
  • cart-listing
  • search
  • hamburger
  • letter
  • cart-alt
  • lock
  • headphones
  • arrow-left
  • arrow-right
  • bulb
  • compass
  • alert
  • success
  • error
  • warning
  • info

Recent articles