The Official Ionic Blog

Build amazing native and progressive web apps with HTML5

Ionicons have become incredibly popular, so much so that they actually account for a majority of our content delivery network (CDN) traffic. But what if you wanted to load the icons as part of a checkout page? For security reasons, that checkout page is being loaded over HTTPS, but Ionicons are still on HTTP. You would either have to host the icons yourself, or give up on using these great icons (if we do say so ourselves) on your page.

With this in mind and with help from the awesome people at MaxCDN, we are thrilled to announce that our CDN can now be loaded over HTTPS!

Having our CDN server over HTTPS is a huge benefit these days. With many sites using HTTPS over regular HTTP, Codepen being one of them, Ionic’s CSS and JS were getting blocked. You more than likely experienced this in the forums, where demos appeared to be broken. Now that is a thing of the past!

With both http and https supported, we also recommend using Protocol-relative URLs to ensure https is only used when needed. Now that secure checkout page from earlier can be adorned with as many Ionicons as needed and will load without any issues. Oh, happy day!

One thing to keep in mind: It’s best to use your own local copies of the framework’s files when building a Cordova/Phonegap hybrid app. These CDN files are provided for archived versions, online tutorials, demos, examples, etc.

Parting Words

Ionic’s secure CDN is now live, and we encourage all users to reference our files using the protocol relative URLs. This includes our CSS, JS, and Ionicons! Again, we’d also like to thank the good people of MaxCDN for providing a lighting-fast CDN for the open source community.

Ionic CDN Links: