.icon {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    transition: 0.2s linear;
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.i-social {
    width: 60px;
    height: 60px;
}

.i-caret {
    width: 12px;
    height: 12px;
    background-image: url(../images/icon/caret.png);
}

.i-caret-white {
    width: 12px;
    height: 12px;
    background-image: url(../images/icon/caret-white.png?2);
}

.i-caret-white2 {
    width: 12px;
    height: 12px;
    background-image: url(../images/icon/caret2-white.png?3);
}

.i-caret-fill {
    width: 12px;
    height: 12px;
    background-image: url(../images/icon/caret-fill.png);
}

.i-login {
    background-image: url(../images/icon/login.png);
}

.i-signup {
    background-image: url(../images/icon/signup.png);
}

.i-vk {
    background-image: url(../images/icon/vk.png);
    background-size: 51px 30px;
}

.i-discord {
    background-image: url(../images/icon/discord.png);
    background-size: 59px 43px;
}

.i-telegram {
    background-image: url(../images/icon/telegram.png);
    background-size: 43px 36px;
}

.i-facebook {
    background-image: url(../images/icon/facebook.png);
    background-size: 28px 46px;
}

.i-download {
    background-image: url(../images/icon/download.png);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.i-torrent {
    background-image: url(../images/icon/torrent.png);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.i-googledrive {
    background-image: url(../images/icon/googledrive.png);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.i-refresh {
    background-image: url(../images/icon/refresh.png);
    background-size: 20px;
}

.i-chat {
    background-image: url(../images/icon/chat.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.i-menu {
    background-image: url(../images/icon/menu.png);
    width: 16px;
    height: 14px;
    background-size: 100%;
}

.i-recruiting {
    background-image: url(../images/icon/recruiting.png);
}