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
0
votes
2 answers

ionicons not showing up and It was working before

Ionicons was working and suddenly stopped working, i have no idea whats the problem, any ideas? I tried to remove the lead mr-2 but is still not working.
Miguel Quintero
  • 43
  • 6
0
votes
1 answer

Can't create dynamic IonIcons in ionic-react project

i am using many components in my project and in all those components need different different ionIcon for each component. So i created Icon component. Icon name passed from each parent components to the Icon child component. But its not…
Eann
  • 83
  • 2
  • 12
0
votes
3 answers

Bulma and Ionicons

I am using Svelte, Bulma, and (trying to use) Ionicons. The icons do not render. I think it's due to my incorrect placement of the ionicons loading script. My HTML is as follows: The Ionicons script is…
ppedrazzi
  • 787
  • 2
  • 10
  • 23
0
votes
1 answer

Using Ionicons 5 in Laravel React Application

I tried using CDN and CDN works fine but I want to use it from node modules and as I try to do this: import 'ionicons/dist/ionicons'; I get this error in my console: Loading module from “http://localhost:3000/js/ionicons/ionicons.esm.js” was…
designerdarpan
  • 197
  • 1
  • 3
  • 19
0
votes
0 answers

Ion icons not appearing in some instances

I am trying to add a heart ion icon to every image in my photo gallery app. This will eventually allow the user to like the image. As you can see from the 1st image below, the heart icon is added to every image apart from two and I can't figure out…
Bail P
  • 251
  • 1
  • 5
  • 17
0
votes
0 answers

Ionic elements cut off when scrolling on mobile app

I have three buttons inside ion-fab elements that get cut off at various levels after I scroll down on the app. Here is the HTML example of one of the ion-fab button: …
user11127627
0
votes
2 answers

ion-searchbar in Ionic 4 throws icons not found errors on browser console

I'm trying to implement ion-searchbar in my Ionic 4 app. but, it throws below error in the browser…
coderpc
  • 4,119
  • 6
  • 51
  • 93
0
votes
1 answer

How can I get the ticks to go to the left of the short line of text (see screenshot) HTML & CSS

Screenshot of ticks Hi, As you can see from my screenshot, I am trying to get the blue ticks (which are a font style) to go to the left of the text instead of above the text like in the screenshot. Here is my code, ignoring the fact I have…
M Vallance
  • 7
  • 5
0
votes
1 answer

How do we customize ion icons? When icon is selected

When i using customize ion-icon, i want to use same icon for two different appearance.how can i do that? this is the icon which i want to customize I have use bellow approach now.but it can't be filled icon using that.
Chamin Thilakarathne
  • 347
  • 1
  • 6
  • 19
0
votes
1 answer

Icons with different outline weight - is it possible to adjust?

I'm using 3 Ionicons side by side: As the picture below shows, the first icon looks lighter than the other…
anderlaini
  • 1,593
  • 2
  • 24
  • 39
0
votes
2 answers

How do I make my custom SVG icons display correctly? (Inkscape, Ionic 4)

When I use any out-of-the-box Ionicons or other customly made SVG icons in my tabbed ionic application they all work fine, i.e. they are greyed out when the tab is deactivated they get the primary color when the tab is activated If I create my own…
LastZolex
  • 158
  • 2
  • 9
0
votes
1 answer

Ionicon won't show on React Native BottomTabNavigator

I'm trying to set up a simple screen navigation bar using react-navigation. I've got the navigation working but can't make any icons appear on each tab. I've tried using FontAwesome instead of IonicIcons but the same Box with an X through it appears…
Fez Abbas
  • 107
  • 1
  • 10
0
votes
1 answer

Rails fonts not loading on mobile but showing on desktop

As the title states, I have ionicons and pe font's in assets -> fonts folder. In my application.rb file config.assets.paths << Rails.root.join('/app/assets/fonts') All icons work on desktop, that's pe and ionicons that are in my fonts folder as…
NemyaNation
  • 983
  • 1
  • 12
  • 22
0
votes
2 answers

Ionicons not showing in react native

I'm trying to add Icons to by Tab Navigator using Ionicons. I'm importing them from expo/vector-icons import { Ionicons } from '@expo/vector-icons'; I then add my screens to my navigator const TabNavigator = createBottomTabNavigator( { Home:…
Malte Hæstrup
  • 41
  • 1
  • 6
0
votes
0 answers

ionicon exists in DOM but not visible (has 0px of width)

I want to display an arrow to go back in one of my Page because I'm coming on this page without using navCtrl, from app.component.ts, as stated here. So when I'm coming on this page from app.component.ts, I'm setting a flag to true and having a…
Pierrick Martellière
  • 1,554
  • 3
  • 21
  • 42
1 2 3
…
9 10