.icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;

  &--pie {
    background-image: url('/assets/icons/pie.svg');
  }

  &--question {
    background-image: url('/assets/icons/question.svg');
  }

  &--overview {
    background-image: url('/assets/icons/overview.svg');
  }

  &--search {
    background-image: url('/assets/icons/search.svg');
  }

  &--back {
    background-image: url('/assets/icons/back.svg');
  }
}