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

How to get Ionic icons (ionicons) to work at Android stock browser?

I'm using Ionic Framework. I'm using following piece of code:
2
votes
2 answers

'ionicons/icons' does not contain an export named 'star'

I am using ionic react to make an app. When I want to add IonIcon it says 'ionicons/icons' does not contain an export named 'star' Here is my code import { IonApp, IonButton, IonContent, IonFooter, IonHeader, IonIcon, IonTitle, IonToolbar } from…
Mahmudul Hasan
  • 122
  • 8
2
votes
0 answers

How to put a gradient color into an ion icon?

This is an idea, but it doesn't work at all... .color{ --border-color: transparent; background-image: linear-gradient(white, white), linear-gradient(to right, #003b5c, #770bf4,…
MarcoRo
  • 83
  • 6
2
votes
2 answers

Is there a Ionicons: Icon props?

So I am writing a functional component right, I written a props. So I wanted it to able to auto suggest name attributes. Something like this import { Ionicons } from "@expo/vector-icons"; export interface ownWrittenProps { leftIcon?:…
Eric
  • 45
  • 1
  • 6
2
votes
0 answers

Ionicons not working Ionic V4 after NPM update

I had an issue with some Ionicons that were not displayed but now none of them are showing on my testing environment. None of them My angular.json looks likwe this: { "projects": { "app": { "architect": { "build": { …
Gerónimo Anselmo
  • 31
  • 3
2
votes
3 answers

Ionicons return 404 in Ionic4

I updated npm today, and noticed many Ionic icons from ionicons.com return 404 error. I've found a workaround (basically, modifying the angular.json file). I'm not very comfortable with this, as I fear running into the same problem (and others)…
Cedric Ipkiss
  • 5,662
  • 2
  • 43
  • 72
2
votes
2 answers

Native-React + Expo: Unable to resolve "@expo/vector-icons/fonts/Ionicons.ttf" from "src/boot/setup.js"

I am just starting out on React Native 0.57.1 and expo 2.21.2 using a boilerplate code that attempts to load a font during startup with the command npm start or expo start: import * as Expo from "expo"; .... async componentWillMount() { await…
Nyxynyx
  • 61,411
  • 155
  • 482
  • 830
2
votes
1 answer

TypeError: Font.isLoaded is not a function, (in 'Font.isLoaded(fontName)', 'Font.isLoaded' is undefined) in Expo

I'm building a React Native app using Expo 31.0.4 and Expo Vector icons. When I'm using Ionicons to build the TabBar, an error occurs. import { Ionicons } from '@expo/vector-icons'; const Main = TabNavigator({ Settings: { screen:…
Fenix
  • 1,552
  • 2
  • 23
  • 44
2
votes
3 answers

ionic2 - show ion-icon in alert controller title and buttons

In ionic 2 application, is that possible to add ion-icon in the alert controller like shown below let showAlertCtrl = this.alertCtrl.create({ title: '' +'Add your info', cssClass:…
Ankr
  • 129
  • 2
  • 9
2
votes
2 answers

Override aria-label of ionic3 ion-icon

I'm testing out the accessibility of my my Ionic3 app using iOS' VoiceOver capability. It looks like ion-icon uses the name of the icon in its aria-label attributes and is read out loud. Is there a way to either override it with something else or…
Avatarantella
  • 99
  • 1
  • 13
2
votes
5 answers

Ionicons not showing after npm installation

I installed ionicons using npm install --save ionicons so that my package.json updated to: "dependencies": { "ionicons": "^3.0.0" } Next, I added the following in my /resources/assets/sass/app.scss: // Ionicons @import…
Alex
  • 3,719
  • 7
  • 35
  • 57
2
votes
1 answer

ionic 2 back button or any icon is not showing. only small box icon is showing

I am facing this icon problem in many screen. for example. i have one screen , where i have added some icon at left side of nav bar. but its not at all showing the icon. only small back box alone is showing .here is my code: …
hybrid Dev
  • 529
  • 3
  • 14
  • 33
2
votes
1 answer

How can I CSS transform an Ionicon?

I'm trying to build a bouncy-arrow directive that can be positioned and rotated in markup. angular.module('directives').directive("bouncyArrow", function ($compile) { return { replace: true, restrict: 'E', template:…
Joe Beuckman
  • 2,264
  • 2
  • 24
  • 63
2
votes
1 answer

Using Ionicons in Ionic 2

How can i use Ionicons in Ionic 2 , i've following this tutorial but it's not working.
Mahmoud Ismail
  • 1,617
  • 4
  • 27
  • 51
2
votes
1 answer

Missing Ionicons in new Ionic 2 Beta 11 Project

I've set up and started(in the browser) a new Ionic 2 Project with ionic start testProject --v2 cd testProject ionic serve like it is descibed here: http://ionicframework.com/docs/v2/getting-started/installation/ Then I played around with the UI…
Juri Adam
  • 569
  • 6
  • 21
1 2
3
…
9 10