.ci, .ci svg {
    width: 40px;
    height: 40px;
}
.ci {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px!important;
}
.ci svg {
    fill: currentColor;
}
[class*=" ci"]:after, [class*=" ci"]:before, [class^=c-]:after, [class^=c-]:before {
    font-family: Flaticon;
    font-size: 40px;
    font-style: normal;
}
/* Contoh penggunaan ikon dari SVG Sprite */
.ci-arrow-left {
    background-image: url('./icon/icons.svg#arrow-left');
}
.ci-arrow-right {
    background-image: url('./icon/icons.svg#arrow-right');
}

.ci.pool {
    background-image: url('./icon/pool.svg');
}
.ci.bed {
    background-image: url('./icon/bed.svg');
}
.ci.bell {
    background-image: url('./icon/bell.svg');
}
.ci.ticket {
    background-image: url('./icon/parking-ticket.svg');
}
.ci.service {
    background-image: url('./icon/service.svg');
}
.ci.tv {
    background-image: url('./icon/tv.svg');
}
.ci.ac {
    background-image: url('./icon/ac.svg');
}
.ci.wifi {
    background-image: url('./icon/wifi.svg');
}
.ci.wi-fi {
    background-image: url('./icon/wi-fi.svg');
}
.ci.board {
    background-image: url('./icon/board.svg');
}
.ci.classroom {
    background-image: url('./icon/classroom.svg');
}
.ci.e-shape {
    background-image: url('./icon/e-shape.svg');
}
.ci.roundtable {
    background-image: url('./icon/roundtable.svg');
}
.ci.t-shape {
    background-image: url('./icon/t-shape.svg');
}
.ci.theater {
    background-image: url('./icon/theater.svg');
}
.ci.u-shape {
    background-image: url('./icon/u-shape.svg');
}
.ci.cocktail {
    background-image: url('./icon/cocktail.svg');
}
.ci.calendar {
    background-image: url('./icon/calendar.svg');
}