Auto generate icon sprite and classes from icon/ directory. Resulting icons will be have .i-<filename> classes. Needs to be placed on an i element or on an element that includes the .i class

_icons.scss

@import "compass/utilities/sprites";
$icon: sprite-map("icon/*.png", $layout: smart);

i, .i {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: $icon;

    .lt-ie8 & {
    	display: inline;
    }
}

@each $i in sprite_names($icon){
    .i-#{$i}{
        @include sprite-dimensions($icon, $i);
        background-position: sprite-position($icon, $i);
    }
}