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
1 answer

After update to new version of react native Ionicons (in react-native vector icon ) Not working in Ios

It's working fine in android . I added fonts in Info.plist. Also added "apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" " in android/app/build.gradle. all other fonts are working fine both ios and Android.
Anshif yaseen
  • 31
  • 6
0
votes
1 answer

Is there a way to create an element like with JavaScript?

I'm using this website https://ionic.io/ionicons to add icons to my buttons and is pretty simple with HTML when declaring a new element (that will encorporate the icon). You just have to declare a button and then put this inside it: ion-icon…
Justin Flood
  • 19
  • 3
0
votes
1 answer

How do I display a dynamically selected ionicon?

I have a small button that's meant to be some sort of close button with a somewhat dynamically-selected (i.e., pickable at runtime) image, for placing in toolbars. close-button.component.html:
NoLongerBreathedIn
  • 73
  • 7
0
votes
1 answer

JavaScript icon pack won't fetch/download in Google Chrome (icons won't show)

I'm having this frustrating issue only on Google Chrome that it won't download my icon pack. The pack I'm using is ionicon which is pretty straightforward considering its documentation. I followed the documentation carefully and the pack is working…
Reza Rahem
  • 11
  • 3
0
votes
1 answer

cant insert a custom logo ion icon?

When I use the following code I can easily insert the Twitter logo into my website but when…
Ahmed Hassan
  • 47
  • 4
0
votes
1 answer

ion-footer with input tag and two icons

I have a styling problem with ionic. I try to make an input box similar to WhatsApp. The problem is to get two icons as buttons in ion-input to the right side. Now, both are on the same spot and overlapped. This is my current code: …
user19383419
0
votes
0 answers

Starting: Intent { cmp=com.reactnavigationv6/.MainActivity } problem

My app was working just fine, I just added calendar icon and date picker to my code : import React, {useState, useContext} from 'react'; import {View, Text,StyleSheet,ScrollView,TouchableOpacity, Button, Platform, TextInput} from…
Emna Gharsalli
  • 31
  • 2
  • 4
0
votes
1 answer

Adding custom svgs to ion icons v5 in react

I haven't installed ion icons for React rather imported it into my index.html this has been working so far with icons from ion icons found here however I do know that you can have custom svgs by supplying an src attribute to the ion-icon stage like…
Caidyn Ginger
  • 23
  • 3
0
votes
1 answer

Customize VideoJS with Ionic icons in NextJS

I'm building a website to serve videos and I am looking for a proper way to customize VideoJS player using Ionic icons set but since I use tag to add an icon to a page, the only way to achieve this was to specify each used icon unicode…
Quentin C
  • 307
  • 3
  • 13
0
votes
1 answer

Ion-input of type "date" has calendar icon of the wrong color

I have an ion-input field with type=" date". The ion-input automatically gets a calendar icon with the corresponding functionality. The only thing is that everything is white in my application, but I can't seem to get this icon to turn white. It…
yourivdloo
  • 364
  • 2
  • 16
0
votes
1 answer

Trying to target one single mapped list item and change its Icon in react

I am trying to change an outlined heart icon to a filled heart icon onClick. I have it working but all the hearts on each card change. I know I have to try and use the track.id or some sort of id but I just cannot figure out how to do it ? Any help…
Ndango
  • 59
  • 8
0
votes
1 answer

Ionic android ion-icon not showing

Since i used : The ion-icon not showing on my android device, i did this for making work the firebase googleAuth ! Do you have any suggestion to make them appear ? Thanks in advance, ionic -v 6.16.3
Imade
  • 45
  • 2
  • 9
0
votes
1 answer

Unable to use Ionicons in react native app

I'm trying to use Ionicons on react-native app using expo, unfortunately the icon is not showing and the following error is received: fontFamily "ionicons" is not a system font and has not been loaded through Font.loadAsync. If you intended to use…
Shahaf Machluf
  • 63
  • 1
  • 7
0
votes
0 answers

Allowing SVGs while using Helmet middleware

My current Helmet configuration is preventing SVGs from loading on my express app. My app attempts to load SVG files from Ionicons which requires the use of the following script:
lcolsant
  • 1
  • 3
0
votes
1 answer

Ionic icons hover effect

I am using ion-icons as part of a website I am building. How do I select an individual icon in css? Everytime I try to add a class or an id to the link it disappears on my webiste. I would like to take 3 different social media icons and change the…
Phillip Allen
  • 3
  • 3
1 2 3
…
9 10