Ionic 2 - Can't see social icons


#1

Hi,

I tried to use some “social” icons and they don’t show. Normal icons are showing.

Here it is my test code:

<ion-content>
	<ion-list>
		<ion-item>
			<ion-icon name="arrow-round-forward"> arrow-round-forward</ion-icon>
		</ion-item>
		<ion-item>
			<ion-icon name="trash"> trash</ion-icon>
		</ion-item>
		<ion-item>
			<ion-icon name="usd"> usd</ion-icon>
		</ion-item>
		<ion-item>
			<ion-icon name="euro"> euro</ion-icon>
		</ion-item>
		<ion-item>
			<ion-icon name="facebook"> facebook</ion-icon>
		</ion-item>
	</ion-list>
</ion-content>

and here it is the result page:

My ionic environment:

 ordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.4
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 0.0.47
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.4
Xcode version: Not installed

Am I missing something? How do I know the ionicons version I’m using?


#2

According to Ionic’s documentation the correct way is:

<ion-icon name="logo-facebook"></ion-icon>

#3

That’s great, thanks.

Where can I find the exact name to use for each of my icons?
I was looking on Ionicons


#4

It’s exactly there, but you should click on the icon and the actual name will be presented:


#5

I think you can do like this may be

output like this

I hope this works.


#6

I never would have guessed to click on the icon… I couldn’t figure out why this wasn’t working for me either.