.icon {
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-BodySurface { background-image: url("/icons/BodySurface.svg") }
.icon-Checklist { background-image: url("/icons/Checklist.svg") }
.icon-Cream { background-image: url("/icons/Cream.svg") }
.icon-Dilution { background-image: url("/icons/Dilution.svg") }
.icon-Drops { background-image: url("/icons/Drops.svg") }
.icon-EyeDrop { background-image: url("/icons/EyeDrop.svg") }
.icon-Granulate { background-image: url("/icons/Granulate.svg") }
.icon-Infusion { background-image: url("/icons/Infusion.svg") }
.icon-Inhalation { background-image: url("/icons/Inhalation.svg") }
.icon-Injection { background-image: url("/icons/Injection.svg") }
.icon-Insulin { background-image: url("/icons/Insulin.svg") }
.icon-IpadTasks { background-image: url("/icons/IpadTasks.svg") }
.icon-List { background-image: url("/icons/List.svg") }
.icon-Mixture { background-image: url("/icons/Mixture.svg") }
.icon-Oxygen { background-image: url("/icons/Oxygen.svg") }
.icon-Padlock { background-image: url("/icons/Padlock.svg") }
.icon-Patch { background-image: url("/icons/Patch.svg") }
.icon-Percentage { background-image: url("/icons/Percentage.svg") }
.icon-RectalFluid { background-image: url("/icons/RectalFluid.svg") }
.icon-Scale { background-image: url("/icons/Scale.svg") }
.icon-Tablets { background-image: url("/icons/Tablets.svg") }
.icon-Triangle { background-image: url("/icons/Triangle.svg") }
.icon-MeasuringCup { background-image: url("/icons/MeasuringCup.png") }
.icon-Book { background-image: url("/icons/Book.png") }
.icon-Molecule { background-image: url("/icons/Molecule.png") }
.icon-Percent { background-image: url("/icons/Percent.png") }
.icon-Counter { background-image: url("/icons/Counter.png") }
.icon-PocketWatch { background-image: url("/icons/PocketWatch.png") }
.icon-Maths { background-image: url("/icons/Maths.png") }
.icon-Exam { background-image: url("/icons/Exam.png") }
.icon-ExamPen { background-image: url("/icons/ExamPen.svg") }