From the course: Building a Mobile App with AngularJS 1 and Ionic
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Adding Ionicons to a layout - Angular Tutorial
From the course: Building a Mobile App with AngularJS 1 and Ionic
Adding Ionicons to a layout
- Ionic has an excellent set of icons that you can use and not just Ionic projects, but in any other web project. They're 100 percent open source and free to use. You can find all of them at this URL. Now, it has a really nice interface where you can search for icons right here so you can type things in like, maybe you want that gear icon or maybe you want something that says home, and when you click on these icons it'll show you the name which is the key because that's gonna be the class that you use to create the icon. Now, they're pretty well organized so if you type in something like social you'll see that all of the social icons come up and if you click on these you'll see that the names are also things like ion, social, and then the name of the social network over here. So they're pretty well organized. Let's go ahead and try inserting some into our application. I'm gonna go ahead and delete this middle sort of set of buttons, and one thing, if you have a sub header you may want…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Understanding basic Ionic CSS components7m 37s
-
Using Ionic buttons5m 14s
-
Adding Ionicons to a layout8m 42s
-
Working with tabs10m 3s
-
Using the list styles12m 30s
-
Creating cards and inset lists4m 46s
-
Creating basic form elements5m 1s
-
Using other form types7m 35s
-
Using special form elements5m 16s
-
-
-
-