Stack Overflow
Stack Overflow

Questions tagged [ionicons]

The premium icon font for Ionic Framework

Primary site:

http://ionicons.com/

From Github:

We intend for this icon pack to be used with Ionic, but it’s by no means limited to it. Use them wherever you see fit, personal or commercial. They are free to use and licensed under MIT.

...

Ionicons is licensed under the MIT license.

https://github.com/driftyco/ionicons

144 questions
4
votes
1 answer

Cache Icons Ionic PWA Angular

I was wondering if someone can help me. Im developing a PWA using Ionic + Angular and hosting it using Firebase. The fact is when i lose internet, ionic icons desapired... I can't figuered it out how to modify my ngsw-config.json to get it works..…
Juan Fernandez Sosa
  • 570
  • 1
  • 5
  • 19
4
votes
4 answers

React Native Using Expo not showing Icon correctly [ (X) and ? ]

I have a problem of displaying the icon with my App. Whatever Icon I import, eg: From React native base, @expo/vector-icons, react-native-vector-icons/Ionicons ... etc. It will only show (X) or ? I tried out many method, including react-native link,…
Alex Chong
  • 341
  • 2
  • 5
  • 9
4
votes
5 answers

some ionicons not showing

I have noticed that some of the icons I am using in my cordova project are not displaying on any of my devices. The ones that aren't working seem to have the word ios or android in the icon name (eg: ion-android-list or ion-ios-book-outline). Any…
Alex Harper
  • 201
  • 1
  • 2
  • 8
4
votes
2 answers

Using ionicons in a rails app

I have a rails app I'd like to use these in. Following the instructions, I ensured the font path in .css was assets/fonts/ionicons... but it doesn't seem to be working. Anyone ever use these before?
prospekt
  • 87
  • 1
  • 7
3
votes
0 answers

Import latest ionicons in webpack project

Tried to import ionicons using several methods but didint work. import ionicons from '../../node_modules/ionicons/dist/index' in entry file of webpack doesn't work so does importing to css using : $ionicons-font-path:…
Haris
  • 368
  • 5
  • 15
3
votes
1 answer

IonIcons in NPM & Webpack

Can anyone give me an example of how to use ion-icons in webpack using imports? I've been struggling for a while with things like: import 'ionicons/dist/ionicons.js'; ... And nothing seems to be working, even after looking…
Cosmin Atanasiu
  • 2,532
  • 3
  • 21
  • 26
3
votes
1 answer

Ionic 4 custom icons not display correctly on Android or IOS simulator and devices

I have used svg icons as custom ionic items as follows in my solution. It works fine with web view But not working well on simulators or devices as follows. Left side is the simulator and right side is the web view My…
Janith Widarshana
  • 3,213
  • 9
  • 51
  • 73
3
votes
0 answers

Removing whitespace from top and bottom of icon in React Native

I'm trying to include some icons from react-native-vector-icons in my project. Oftentimes I'm aligning the icon with e.g. an input so I want it to be the same height (or at least smaller) so I can center it in front of the input in a flex row…
wizplum
  • 427
  • 5
  • 17
3
votes
1 answer

How to fill a color in ion-icon ios-thumbs-up-outline

I am using ion-icon as .html When I do this the icon's outline changes to red color but I want to fill red color in the empty space inside the icon. You can see the image…
Aditya
  • 2,358
  • 6
  • 35
  • 61
3
votes
1 answer

How to import ionicons (sass) in Angular 4 cli project

How to add ionicons (Sass) in Angular 4 cli project running ng serve (npm start)? I followed these steps: Import ionicons lib @import "~ionicons/dist/scss/ionicons"; In variables.scss: $ionicons-font-path: "~ionicons/dist/fonts"; In console did…
Andre
  • 31
  • 1
  • 4
3
votes
1 answer

Ionicons not showing when imported from node_modules

So my styles file looks like this: @import "normalize.css"; @import "ionicons/dist/css/icons.min.css"; @import "base/_grid"; @import "base/_variables"; @import "base/_mixins"; @import "base/_global"; @import "modules/_wrapper"; @import…
Smithy
  • 807
  • 5
  • 17
  • 43
3
votes
2 answers

Ionic 2 Beta blank project not showing ionicons

I recently installed the Beta of Ionic 2 by typing the following ionic start myproject blank --v2 --ts which is going fine, going through the ionic 2 documentation, i want to add some icons using the code provided, like so
BigJobbies
  • 3,633
  • 11
  • 43
  • 66
3
votes
3 answers

How do I install ionicons in my Ionic 2 project

When I try to do (for example) I see that the icon doesn't appear, though its been listed at the http://ionicons.com/. I think may be the icons with my project are not updated one, so I thought to download…
VISHAL DAGA
  • 4,132
  • 10
  • 47
  • 53
3
votes
4 answers

Ionic Menu button not appearing

I created and ionic project using the command ionic start sideMenu http://codepen.io/vialware/pen/ypoxd I expected the app to be like what is shown below. Nevertheless, when I run it something is missing, the menu button. It is being created I…
Y. Leonce Eyog
  • 883
  • 2
  • 13
  • 29
3
votes
2 answers

How to animate the color of an Ionicon?

I want an ionicon (guess its SVG) to iteratively change color. I tried the following, but it only shows the svg icon in purple: element css .button-home { fill: #fff; -webkit-animation:…
WJA
  • 6,676
  • 16
  • 85
  • 152
1
2
3
…
9 10