.icon:not(.disabled) {
  background-size: contain !important;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.icon.icon-build {
  background: url("/src/images/svg/build.svg") no-repeat center center;
}

.icon.icon-close {
  background: url("/src/images/svg/close.svg") no-repeat center center;
}

.icon.icon-delete {
  background: url("/src/images/svg/delete.svg") no-repeat center center;
}

.icon.icon-edit {
  background: url("/src/images/svg/edit.svg") no-repeat center center;
}

.icon.icon-reply {
  background: url("/src/images/svg/reply.svg") no-repeat center center;
}

.icon.icon-search {
  background: url("/src/images/svg/search.svg") no-repeat center center;
}

.icon.icon-background-replace {
  background: url("/src/images/svg/background_replace.svg") no-repeat center
    center;
}

.icon.icon-favorite {
  background: url("/src/images/svg/favorite.svg") no-repeat center center;
}

.icon.icon-edit.filled {
  background: url("/src/images/svg/edit_fill.svg") no-repeat center center;
}

.icon.icon-delete.filled {
  background: url("/src/images/svg/delete_fill.svg") no-repeat center center;
}

.icon.icon-favorite.filled {
  background: url("/src/images/svg/favorite_fill.svg") no-repeat center center;
}