Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Where is Nebular Icons demo? #20

Closed
Irfanstranger opened this issue Oct 4, 2017 · 15 comments
Closed

Where is Nebular Icons demo? #20

Irfanstranger opened this issue Oct 4, 2017 · 15 comments
Labels
enhancement module:eva-icons

Comments

@Irfanstranger
Copy link

Irfanstranger commented Oct 4, 2017 •
edited
Loading

Actually I am a beginner using NGX theme in my projects. Can anyone please tell me where is the listing of icons? Because in NGX theme it's showing very less no of icons. Which is not sufficient. Or may be I don't know how to use it.
@lugovsky
Copy link
Member

lugovsky commented Oct 5, 2017

@nnixaa Maybe we should add list of icons to the documentation?

@Irfanstranger
Copy link
Author

So please add the list of icons. So it's easy for developers to find icons.

@Mr-Sloth
Copy link

Mr-Sloth commented Oct 12, 2017 •
edited
Loading

This are the one from the demo extracted quickly, hope it helps you already a bit.
They are listed like they are shown in the demo. Is the documentation somewhere on github ? Than I could add it. The fontawesome ones you can find here: http://fontawesome.io/icons/ and the ionicons here: http://ionicons.com/

  • nb-alert
  • nb-angle-double-left
  • nb-arrow-down
  • nb-arrow-dropdown
  • nb-arrow-dropleft
  • nb-arrow-dropright
  • nb-arrow-dropup
  • nb-arrow-left
  • nb-arrow-retweet
  • nb-arrow-right
  • nb-arrow-thin-down
  • nb-arrow-thin-left
  • nb-arrow-thin-right
  • nb-arrow-thin-up
  • nb-arrow-up
  • nb-audio
  • nb-bar-chart
  • nb-chekmark
  • nb-chevron-down
  • nb-chevron-down-outline
  • nb-chevron-left
  • nb-chevron-left-outline
  • nb-chevron-right
  • nb-chevron-right-outline
  • nb-chevron-up
  • nb-chevron-up-outline
  • nb-close
  • nb-close-circled
  • nb-cloudy
  • nb-coffee-maker
  • nb-compose
  • nb-edit
  • nb-email
  • nb-flame-circled
  • nb-gear
  • nb-grid-a
  • nb-grid-a-outline
  • nb-grid-b
  • nb-grid-b-outline
  • nb-heart
  • nb-home
  • nb-keypad
  • nb-layout-centre
  • nb-layout-default
  • nb-layout-one-column
  • nb-layout-sidebar-left
  • nb-layout-sidebar-right
  • nb-layout-two-column
  • nb-lightbulb
  • nb-list
  • nb-location
  • nb-locked
  • nb-loop
  • nb-loop-circled
  • nb-menu
  • nb-notifications
  • nb-paper-plane
  • nb-partlysunny
  • nb-pause
  • nb-pause-outline
  • nb-person
  • nb-phone
  • nb-play
  • nb-play-outline
  • nb-plus
  • nb-plus-circled
  • nb-power
  • nb-power-circled
  • nb-rainy
  • nb-roller-shades
  • nb-search
  • nb-shuffle
  • nb-skip-backward
  • nb-skip-backward-outline
  • nb-skip-forward
  • nb-skip-forward-outline
  • nb-snowy-circled
  • nb-square
  • nb-square-outline
  • nb-star
  • nb-sunny
  • nb-sunny-circled
  • nb-tables
  • nb-title
  • nb-trash
  • nb-volume-high
  • nb-volume-mute

@Irfanstranger
Copy link
Author

@darklinki thanks but I also extracted it from style. These icons are already shown in theme demo sections. But I need something like http://ionicons.com/.

@Mr-Sloth
Copy link

Yes could be done quickly with adding all icons to the demo and a simple onclick -> overlay with class name.

@nnixaa nnixaa changed the title Where is demo? Where is Nebular Icons demo? Oct 12, 2017
@nnixaa
Copy link
Collaborator

nnixaa commented Oct 12, 2017

Hey guys, thanks for you requests. We will consider adding a searcheble preview for the icons, but it is not a priority for now. So please use demo as a source for icon classe.

@julianoctvaz
Copy link

Maybe a printer icon. :)

@Vijay-Gaikwad
Copy link

In "app/pages/ui-features/icons". You can add an icon to the icon object.

@chiu0602
Copy link

You can find the icon demo here

@fransyozef
Copy link

Are the FontAwesome and IONIC icons up to date? When I try so search one for example at ionicons (https://ionicons.com/) , let's say 'airplane' , I cannot use it at Nebula. I tried forexample 'ion-airplane'.

Same goes for fontawesome.

So the ones on the demo page works, but what about the rest?

@HerreraG
Copy link

HerreraG commented Jul 2, 2018 •
edited
Loading

@fransyozef the same thing is happening to me with the icons from FontAwesome. :(

Updated 2018-07-09
I put the https://www.bootstrapcdn.com/fontawesome/ of font-awesome in my index.html and work!

regards

@Mr-Sloth
Copy link

@fransyozef
Open the package.json file in your project, there you can see the actual used version.
e.g.
"font-awesome": "^4.7.0",

Feel free to adjust them, but be carefull for breaking changes (Very unlikely on icon packages..)
Then just run npm update

Oh and @HerreraG if u insert it this way in your index.html you will load 2 versions (The one from the package.json and your own defined). If you want to stick with your solution remove "node_modules/font-awesome/scss/font-awesome.scss" from angular.json and the dependencie from package.json.

@nnixaa
Copy link
Collaborator

nnixaa commented Jun 4, 2019

Closing as Nebular mode to Eva Icons https://akveo.github.io/eva-icons/

@nnixaa nnixaa closed this as completed Jun 4, 2019
@eeskildsen
Copy link

Is an nb-* reference page still available somewhere for folks on older versions of Nebular?

@eeskildsen
Copy link

I ran into this again today. I created a quick-and-dirty reference page since I can't find one online anymore:

https://eeskildsen.github.io/nebular-icons-reference/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement module:eva-icons
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
10 participants
@nnixaa @lugovsky @chiu0602 @Mr-Sloth @eeskildsen @fransyozef @Vijay-Gaikwad @HerreraG @julianoctvaz @Irfanstranger