# Ionic rc0 Ionicons not showing

**URL:** <https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525>\
**Category:** ionic-v3\
**Created:** [October 11, 2016, 9:14am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525 "2016-10-11T09:14:11Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![hats](https://avatars.discourse-cdn.com/v4/letter/h/eada6e/32.png) [@hats](https://forum.ionicframework.com/u/hats)\
**Post date:** [October 11, 2016, 9:14am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/1 "2016-10-11T09:14:11Z")

</div>

Hello guys,

I’m following the migration steps to RC0: [https://github.com/driftyco/ionic/blob/master/CHANGELOG.md](https://github.com/driftyco/ionic/blob/master/CHANGELOG.md)

I have almost everything migrated, but one thing is still not working.

The icons are not showing in my project.

I checked the variables.scss and the imports its there:

```
    // Ionicons
    // --------------------------------------------------
    // The premium icon font for Ionic. For more info, please see:
    // http://ionicframework.com/docs/v2/ionicons/
    $ionicons-font-path: "../assets/fonts";
    @import "ionicons";

```

Also in the www folder the font seems to be there: assets/fonts/ionicons.xxx

![image](https://global.discourse-cdn.com/ionicframework/original/3X/5/c/5cca0affcc219ea6d707e854416e2625e18bdce7.JPG)

In the image you can see an white rectangle when it should be a back button. (that button is add automaticaly because of the nav.push(xpto)).

Also if I try to add an icon:

`<ion-icon name="heart"></ion-icon>`

The result is the same…

Can someone help me?

---

<div class="post-metadata">

**Author:** ![janein](https://avatars.discourse-cdn.com/v4/letter/j/f17d59/32.png) [@janein](https://forum.ionicframework.com/u/janein)\
**Post date:** [October 11, 2016, 11:21am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/2 "2016-10-11T11:21:22Z")

</div>

I’m experiencing the same problem.  
But if I restart `ionic serve` the icons appear. sometimes. I cannot figure out a pattern when they appear and when not.

---

<div class="post-metadata">

**Author:** ![aslani\_mobil](https://avatars.discourse-cdn.com/v4/letter/a/e8c25b/32.png) [@aslani\_mobil](https://forum.ionicframework.com/u/aslani_mobil)\
**Post date:** [October 11, 2016, 12:21pm UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/3 "2016-10-11T12:21:57Z")

</div>

Try deleting .tmp and www folder and try again. It worked for me.

---

<div class="post-metadata">

**Author:** ![hats](https://avatars.discourse-cdn.com/v4/letter/h/eada6e/32.png) [@hats](https://forum.ionicframework.com/u/hats)\
**Post date:** [October 11, 2016, 2:02pm UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/4 "2016-10-11T14:02:18Z")

</div>

I delete the .temp and www directories and the problem it’s still there…

I’m testing in the browser (Chorme 53) and I checked in the network tab in developers tools.  
I don’t see any request for the ionicons font. Maybe is something broken during the build?

---

<div class="post-metadata">

**Author:** ![imediasolutions](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/imediasolutions/32/115876_2.png) [@imediasolutions](https://forum.ionicframework.com/u/imediasolutions)\
**Post date:** [October 12, 2016, 11:29am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/5 "2016-10-12T11:29:51Z")

</div>

I changed the path to the Ionicons in variables.scss as below and it worked for me.

```
// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/

$ionicons-font-path: "../assets/fonts";
@import "ionicons";
```

---

<div class="post-metadata">

**Author:** ![hats](https://avatars.discourse-cdn.com/v4/letter/h/eada6e/32.png) [@hats](https://forum.ionicframework.com/u/hats)\
**Post date:** [October 12, 2016, 2:52pm UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/6 "2016-10-12T14:52:13Z")

</div>

Sorry, but the path looks exactly the same.

I have the same path, and it’s not working… ☹

---

<div class="post-metadata">

**Author:** ![korny](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/korny/32/103584_2.png) [@korny](https://forum.ionicframework.com/u/korny)\
**Post date:** [October 13, 2016, 8:34pm UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/7 "2016-10-13T20:34:00Z")

</div>

I’m also running into this issue. The fonts are not copying to the assets folder.  
Strangely enough, other folders are copied just fine…

---

<div class="post-metadata">

**Author:** ![rajpatangay](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajpatangay/32/103925_2.png) [@rajpatangay](https://forum.ionicframework.com/u/rajpatangay)\
**Post date:** [October 14, 2016, 3:06am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/8 "2016-10-14T03:06:36Z")

</div>

I am getting this problem frequently when debugging the app in chrome. This started after my app was converted to rc0.  
If I delete the build folder in www and run ionic serve the icons come back and Then have few minutes they disappear again.

---

<div class="post-metadata">

**Author:** ![korny](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/korny/32/103584_2.png) [@korny](https://forum.ionicframework.com/u/korny)\
**Post date:** [October 14, 2016, 6:31am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/9 "2016-10-14T06:31:47Z")

</div>

Any chance you guys are using a local git repo? I’m gonna investigate more, but coincidentally the fonts folder did not get to repository

---

<div class="post-metadata">

**Author:** ![crkvend](https://avatars.discourse-cdn.com/v4/letter/c/b5ac83/32.png) [@crkvend](https://forum.ionicframework.com/u/crkvend)\
**Post date:** [October 14, 2016, 8:04am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/10 "2016-10-14T08:04:54Z")

</div>

I had the same issue and just found the solution (for me, at least). As i upgraded an existing app to rc0 (the app started with like alpha.15 😛 ), my variables.scss was missing the ionicons import. More preciesly, it was missing this part:

```
// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/

$ionicons-font-path: "../assets/fonts";
@import "ionicons";
```

---

<div class="post-metadata">

**Author:** ![hats](https://avatars.discourse-cdn.com/v4/letter/h/eada6e/32.png) [@hats](https://forum.ionicframework.com/u/hats)\
**Post date:** [October 14, 2016, 8:48am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/11 "2016-10-14T08:48:10Z")

</div>

Hello again,

I was following the migration steps described here: [https://github.com/driftyco/ionic/blob/master/CHANGELOG.md#copying-your-project-to-a-new-project](https://github.com/driftyco/ionic/blob/master/CHANGELOG.md#copying-your-project-to-a-new-project)

I installed a new app ionic start --v2 myApp and then I started migrating my code to the new project.  
I have the font path and import in my variabled.scss. In my project it never shows the icons.

I made a test and downloaded the ionic conference app using the version RC0.  
The first time I built the project the icons were there… Then I stopped the ionic serve, and started it again… and it icons were not there…

![image](https://global.discourse-cdn.com/ionicframework/original/3X/0/b/0b03d88770907001629df1ec4fffacde61ba3fb1.JPG)

Maybe there’s a bogos in the build scripts? Some weird cache?

---

<div class="post-metadata">

**Author:** ![korny](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/korny/32/103584_2.png) [@korny](https://forum.ionicframework.com/u/korny)\
**Post date:** [October 14, 2016, 8:51am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/12 "2016-10-14T08:51:24Z")

</div>

well in my case it’s happening in a fresh RC0 project…  
So far I have a feeling that `ionic serve` does not copy the fonts, or worse yet deletes them, but running the package.json `build` command copies them

---

<div class="post-metadata">

**Author:** ![Sumeet123](https://avatars.discourse-cdn.com/v4/letter/s/839c29/32.png) [@Sumeet123](https://forum.ionicframework.com/u/Sumeet123)\
**Post date:** [October 14, 2016, 9:02am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/13 "2016-10-14T09:02:22Z")

</div>

I think its device specific.  
For me , icons **always load** on `One Plus 3 device`.  
icons **never load** on `Motorola E3`

Both running on Android 6.x

---

<div class="post-metadata">

**Author:** ![hats](https://avatars.discourse-cdn.com/v4/letter/h/eada6e/32.png) [@hats](https://forum.ionicframework.com/u/hats)\
**Post date:** [October 14, 2016, 9:05am UTC](https://forum.ionicframework.com/t/ionic-rc0-ionicons-not-showing/66525/14 "2016-10-14T09:05:12Z")

</div>

I have a OnePlus 2. It’s my personal dev phone and it never loads…  
I’m completely lost here… lol
