Ionic 2 - Can't see social icons

Ionic Framework ionic-v3
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:

image

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?

1 Like
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:

image
blob.jpg1280×1024 132 KB

2 Likes
5

I think you can do like this may be

image
menutest.PNG1345×199 27.9 KB

output like this
image

I hope this works.

2 Likes
6

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

1 Like