RC3 Icons no longer show


#1

Hi I’ve updated to RC3 but now I can no longer see my icons

I’ve checked the docs and even copied exact copies of examples but it seems the ionicicons font is not being loaded or something.

The :after in css has no content, nor can I see any font/glyph or anything being set. Is there something I need to cinlude.


#2

Can you share your src/theme/variables.scss ?
Had the same issue when upgrading to RC3


#3

I noticed something missing there, I’m using webpack so I can’t use the include paths I assume.

$colors: (
  primary:    $custom-primary,
  secondary:  $custom-accent,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  favorite:   #69BB7B
);

$font-path: '../../node_modules/ionic-angular/fonts';

@import "../../node_modules/ionicons/dist/css/ionicons-core.css";
@import "../../node_modules/ionicons/dist/css/ionicons.min.css";

#4

Try to add these lines :

@import "ionic.theme.default";

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

#5

Hey thanks that made it work. I’ll need to check what I need and don’t need. Would be strange if I need the default theme since most is working without it.


#6

Yep, you probably don’t need those, i just dumbly pasted my config :slight_smile:


#7

Np it just werks ty, I thought it shouldn’t work but …/assets obviously refers to the build path