silverstripe-betternavigator/scss/_iconsprite.scss

%svg-common {
    background: url("svg/sprite.css-ce8a5080.svg") no-repeat;
}

.svg-images--bn-icon--close {
    @extend %svg-common;
    background-position: 0 0;
}

.svg-images--bn-icon--close-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--cog {
    @extend %svg-common;
    background-position: 33.333333333333336% 0;
}

.svg-images--bn-icon--cog-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--db {
    @extend %svg-common;
    background-position: 0 50%;
}

.svg-images--bn-icon--db-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--devmode {
    @extend %svg-common;
    background-position: 33.333333333333336% 50%;
}

.svg-images--bn-icon--devmode-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--edit {
    @extend %svg-common;
    background-position: 66.66666666666667% 0;
}

.svg-images--bn-icon--edit-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--flush {
    @extend %svg-common;
    background-position: 66.66666666666667% 50%;
}

.svg-images--bn-icon--flush-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--info {
    @extend %svg-common;
    background-position: 0 100%;
}

.svg-images--bn-icon--info-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--tick {
    @extend %svg-common;
    background-position: 33.333333333333336% 100%;
}

.svg-images--bn-icon--tick-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--tools {
    @extend %svg-common;
    background-position: 66.66666666666667% 100%;
}

.svg-images--bn-icon--tools-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--user {
    @extend %svg-common;
    background-position: 100% 0;
}

.svg-images--bn-icon--user-dims {
    width: 16px;
    height: 16px;
}

.svg-images--bn-icon--view {
    @extend %svg-common;
    background-position: 100% 50%;
}

.svg-images--bn-icon--view-dims {
    width: 16px;
    height: 16px;
}