.icon,
.icon svg{
    width: 24px;
    height: 24px;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.icon.lg,
.icon.lg svg{
    width: 28px;
    height: 28px;
}
.icon.sm,
.icon.sm svg{
    width: 20px;
    height: 20px;
}
.icon.xs,
.icon.xs svg{
    width: 16px;
    height: 16px;
}
.icon.xxs,
.icon.xxs svg{
    width: 12px;
    height: 12px;
}

.iconLogin {
    background-image: url(../images/icon/icon-login.svg);
}

.iconUser {
    background-image: url(../images/icon/icon-user.svg);
}

.iconMyRoom {
    background-image: url(../images/icon/icon-my-room.svg);
}

.iconUserProfile {
    background-image: url(../images/icon/icon-user-profile.svg);
}

.iconNotice {
    background-image: url(../images/icon/icon-notice.svg);
}

.iconLogout {
    background-image: url(../images/icon/icon-logout.svg);
}

.iconSearch {
    background-image: url(../images/icon/icon-search.svg);
}

.iconOperate {
    background-image: url(../images/icon/icon-operate.svg);
}