.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.2s ease;
}

.icon:hover {
  opacity: 0.8;
}


.header-action-btn.icon {
  width: 30px;
  height: 30px;
  padding: 3px;
}


.icon-upload {
  background-image: url('/static/image/upload.png');
}


.icon-manage {
  background-image: url('/static/image/version.png');
}

.icon-logs {
  background-image: url('/static/image/logs.png');
}



.dark .icon-upload,
.dark .icon-manage,
.dark .icon-logs {
  filter: invert(0) brightness(100%);
}