CupertinoIcons — All Cupertino Widgets

In this series, we look at the whole Cupertino package of Flutter. You will get to know every widget, important class, and much more in this series. All the articles will be less than 2 minutes long, so you can read them every time :) In addition to that, they will be very easy to understand, following the motto

Make everything as simple as possible, but not simpler. ~ Albert Einstein

If you want to check out the other articles of this series, check out this list. Let’s get started!

Happy reading!


To use CupertinoIcons, add the cupertino_icons package to your pubspec.yaml. Now you are ready to use CupertinoIcons.

It’s very simple to use them. In a normal Icon widget, just use CupertinoIcons.<yourIcon> as the icon and you are done! You can set the color, size, etc. as usual. You can find an overview over CupertinoIcons here under “Constants”.

Let’s look at an example:

That is very easy, right?

Further reading & Conclusion

In this article, you have learned how to use the CupertinoIcons.

Did you know that there are great packages that enhance your development enormously? For example Freezed, Isar, or Flutter Hooks. If you want to learn about these great packages, I have entire tutorials about them. Check them out here.

In the following few articles, I will introduce more Cupertino widgets, elementary classes, and more stuff. If you don’t want to miss this, I recommend you follow me!

Thanks for reading, have a nice day!



Flutter, Dart & Appwrite Developer | Livelong learner | Happy about sharing my knowledge

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store