i {
    height: 25px;
    width: 25px;
}

.view-all {
    content: url("/images/ikonice/view-all.svg");
}

.view-list {
    content: url("/images/ikonice/view-list.svg");
}

.view-images {
    content: url("/images/ikonice/view-images.svg");
}

.view-all.active {
    content: url("/images/ikonice/view-all.svg");
    filter: invert(81%) sepia(15%) saturate(1705%) hue-rotate(140deg) brightness(85%) contrast(80%);
}

.view-list.active {
    content: url("/images/ikonice/view-list.svg");
    filter: invert(81%) sepia(15%) saturate(1705%) hue-rotate(140deg) brightness(85%) contrast(80%);
}

.view-images.active {
    content: url("/images/ikonice/view-images.svg");
    filter: invert(81%) sepia(15%) saturate(1705%) hue-rotate(140deg) brightness(85%) contrast(80%);
}

.trash {
    content: url("/images/ikonice/trash.svg");
    height: 20px;
    width: 20px;
}

.comment {
    content: url("/images/ikonice/comment.svg");
}

.comment.text-danger {
    filter: brightness(0) saturate(100%) invert(37%) sepia(73%) saturate(4275%) hue-rotate(335deg) brightness(105%) contrast(82%);
}

.edit {
    content: url("/images/ikonice/edit.svg");
    height: 20px;
    width: 20px;
}

.view {
    content: url("/images/ikonice/view.svg");
    height: 20px;
    width: 20px;
}

.next-arrow {
    content: url("/images/ikonice/next.svg");
}

.prev-arrow {
    content: url("/images/ikonice/prev.svg");
}


.image {
    content: url("/images/ikonice/image.svg");
    height: 20px;
    width: 20px;
}

.rotate-right {
    content: url("/images/ikonice/rotate-right.svg");
    height: 20px;
    width: 20px;
}
.rotate-left {
    content: url("/images/ikonice/rotate-left.svg");
    height: 20px;
    width: 20px;
}