This is a small file that uses less css for loop to create multiple icons style

icons.less

@icons: 'cardboard','chevron-left','chevron-right','expand','image','mail','pencil','qoute-left','mouse-pointer';
.icon {
    width:20px;
    height:20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;

    .for(@icons); .-each(@icon) {
    @name: e(@icon);
    &-@{name} {
      background-image: url("images/icons/icon-@{name}.svg");
    }
  }
}

If you have multiple icons and you want to make your code DRY then this is the best option I got to save time. Use it anywhere you want! :)