Let’s add a file with a list of colors that will be used in the project.
From the src/assets/styles/colors.js file, export the default object.
In this object, define the colors: blue: #4D8ADA, blue1: #FAFCFF, blue2: #D5E2F2, blue3: #DEECFE, black: #1E1E1E,
blackOpacity80: rgba(30, 30, 30, 0.8), blackOpacity20: rgba(30, 30, 30, 0.2) , white: white, red: #EE6161.
Let’s add an icon component: src/components/Icon/index.js. For this we will use the @expo/vector-icons library.
Import the createIconSetFromFontello method and call it to get the vector icon component.
It is this component that needs to be returned from the Icon component by passing the props name, size, color into it.
When calling the createIconSetFromFontello method, pass the first argument - fontelloConfig from src/assets/fonts/fontIcon/config.json.
Pass the string fonticons as the second argument.

This task is part of the Full-Stack JavaScript Course.
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.