Comments (15)
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.
@nnixaa Maybe we should add list of icons to the documentation?
from nebular.
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.
You can find the icon demo here
from nebular.
Yes could be done quickly with adding all icons to the demo and a simple onclick -> overlay with class name.
from nebular.
Maybe a printer icon. :)
from nebular.
So please add the list of icons. So it's easy for developers to find icons.
from nebular.
@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.
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.
In "app/pages/ui-features/icons". You can add an icon to the icon object.
from nebular.
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.
@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.
@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.
Closing as Nebular mode to Eva Icons https://akveo.github.io/eva-icons/
from nebular.
Is an nb-* reference page still available somewhere for folks on older versions of Nebular?
from nebular.
Related Issues (20)
- nb-tabset not workign with ng-content
- The Nebular Dropdown (nbSelect) remains open and does not collapse when scrolling the page. HOT 1
- caught error defaultview
- error handling when serve the project(ng serve) I'm using angular 12th version
- logout
- logout
- pipe table
- Theme is not a map.
- Could not read Angular module file: /src/null.ts (Standalone) or /src/[object Object].ts (ng modules) HOT 6
- Docs: latest version 9.0.0 but appear to have version 13 installed HOT 2
- NbTreeGrid Error NullInjectorError: No provider for InjectionToken CDK_TABLE! HOT 14
- RangePicker only Month and Year
- Request for Multiline Input Support in <nb-chat-from> Component
- angular/[email protected]: [ERROR] TS2610 in NbTable HOT 11
- Same issue with Angular 17
- When I open an NbDialog first and then open an NbWindow, the window will be displayed behind the dialog. How can I resolve this issue?
- When I tried to open a dialog, the following exception occurred.
- customized login style HOT 1
- Microfrontend problem : does not provide an export named 'icons' (at _nebular_eva_icons-13_0_0-dev.js:24:10)
- NullInjectorError when using NbChatModule in Angular 17 with Nebular 13 (standalone components angular) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nebular.