.icon{
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: currentColor;
}

.icon--sm{width:14px;height:14px}
.icon--lg{width:24px;height:24px}

.icon--spin{
    animation: pixel-icon-spin 0.9s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes pixel-icon-spin{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}