Challenge #2: Modify the Icons

Follow the instructions to modify the icons in this challenge.

We'll cover the following

Problem statement

Head over to https://ionicons.com and find an icon that you like best. Here are some ideas:

  1. You can change the absent/present icons to something else, change their colors, or both.

  2. The icon we use in the roster is pretty generic. You could add a gender to the Student interface and then adjust the icon based on that value at runtime.

  3. Change the color of any icon.

Coding exercise

The application we have so far is provided below. Write your code solution where you feel necessary to complete the challenge. It is recommended​ that you try solving the exercise yourself before viewing the solution in the next lesson.

Get hands-on with 1200+ tech skills courses.