GithubHelp home page GithubHelp logo

Where is Nebular Icons demo? about nebular HOT 15 CLOSED

akveo avatar akveo commented on July 23, 2024 11
Where is Nebular Icons demo?

from nebular.

Comments (15)

Mr-Sloth avatar Mr-Sloth commented on July 23, 2024 26

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

from nebular.

lugovsky avatar lugovsky commented on July 23, 2024 11

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

from nebular.

eeskildsen avatar eeskildsen commented on July 23, 2024 9

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/

from nebular.

chiu0602 avatar chiu0602 commented on July 23, 2024 5

You can find the icon demo here

from nebular.

Mr-Sloth avatar Mr-Sloth commented on July 23, 2024 3

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

from nebular.

julianoctvaz avatar julianoctvaz commented on July 23, 2024 1

Maybe a printer icon. :)

from nebular.

Irfanstranger avatar Irfanstranger commented on July 23, 2024

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

from nebular.

Irfanstranger avatar Irfanstranger commented on July 23, 2024

@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/.

from nebular.

nnixaa avatar nnixaa commented on July 23, 2024

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.

from nebular.

Vijay-Gaikwad avatar Vijay-Gaikwad commented on July 23, 2024

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

from nebular.

fransyozef avatar fransyozef commented on July 23, 2024

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?

from nebular.

HerreraG avatar HerreraG commented on July 23, 2024

@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

from nebular.

Mr-Sloth avatar Mr-Sloth commented on July 23, 2024

@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.

from nebular.

nnixaa avatar nnixaa commented on July 23, 2024

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

from nebular.

eeskildsen avatar eeskildsen commented on July 23, 2024

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

from nebular.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.