PrimeIcons reference available?

UI Components for Angular
Post Reply
mcskillet
Posts: 8
Joined: 02 Apr 2018, 17:33

18 Sep 2018, 16:36

Is there a reference page anywhere for the icons that are available through PrimeIcons? The npm page only has a single image showing the available icons, but nothing that names each of the individual icons.

Thanks,
Kyle M.

PhilHuhn
Posts: 177
Joined: 19 Sep 2018, 02:52
Location: Ann Arbor, Michigan USA
Contact:

19 Sep 2018, 05:11

.pi-fw
.pi-spin
.pi-video
.pi-inbox
.pi-lock
.pi-unlock
.pi-tags
.pi-tag
.pi-power-off
.pi-save
.pi-question-circle
.pi-question
.pi-copy
.pi-file
.pi-clone
.pi-calendar-times
.pi-calendar-minus
.pi-calendar-plus
.pi-ellipsis-v
.pi-ellipsis-h
.pi-bookmark
.pi-globe
.pi-replay
.pi-filter
.pi-print
.pi-align-right
.pi-align-left
.pi-align-center
.pi-align-justify
.pi-cog
.pi-cloud-download
.pi-cloud-upload
.pi-cloud
.pi-pencil
.pi-users
.pi-clock
.pi-user-minus
.pi-user-plus
.pi-trash
.pi-external-link
.pi-window-maximize
.pi-window-minimize
.pi-refresh
.pi-user
.pi-exclamation-triangle
.pi-calendar
.pi-chevron-circle-left
.pi-chevron-circle-down
.pi-chevron-circle-right
.pi-chevron-circle-up
.pi-angle-double-down
.pi-angle-double-left
.pi-angle-double-right
.pi-angle-double-up
.pi-angle-down
.pi-angle-left
.pi-angle-right
.pi-angle-up
.pi-upload
.pi-download
.pi-ban
.pi-star-o
.pi-star
.pi-chevron-left
.pi-chevron-right
.pi-chevron-down
.pi-chevron-up
.pi-caret-left
.pi-caret-right
.pi-caret-down
.pi-caret-up
.pi-search
.pi-check
.pi-check-circle
.pi-times
.pi-times-circle
.pi-plus
.pi-plus-circle
.pi-minus
.pi-minus-circle
.pi-circle-on
.pi-circle-off
.pi-sort-down
.pi-sort-up
.pi-sort
.pi-step-backward
.pi-step-forward
.pi-th-large
.pi-arrow-down
.pi-arrow-left
.pi-arrow-right
.pi-arrow-up
.pi-bars
.pi-arrow-circle-down
.pi-arrow-circle-left
.pi-arrow-circle-right
.pi-arrow-circle-up
.pi-info
.pi-info-circle
.pi-home
.pi-spinner

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

19 Sep 2018, 09:15

We'll launch a standalone website for PrimeIcons next week along with the new release, website also has the search option which will be useful.

PhilHuhn
Posts: 177
Joined: 19 Sep 2018, 02:52
Location: Ann Arbor, Michigan USA
Contact:

19 Sep 2018, 15:59

Paste the following into app-component.html, once finished then back it out...

pi-spin <i class='pi pi-spin'></i>
pi-video <i class='pi pi-video'></i>
pi-inbox <i class='pi pi-inbox'></i>
pi-lock <i class='pi pi-lock'></i>
pi-unlock <i class='pi pi-unlock'></i>
pi-tags <i class='pi pi-tags'></i>
pi-tag <i class='pi pi-tag'></i>
pi-power-off <i class='pi pi-power-off'></i>
pi-save <i class='pi pi-save'></i>
pi-question-circle <i class='pi pi-question-circle'></i>
pi-question <i class='pi pi-question'></i>
pi-copy <i class='pi pi-copy'></i>
pi-file <i class='pi pi-file'></i>
pi-clone <i class='pi pi-clone'></i>
pi-calendar-times <i class='pi pi-calendar-times'></i>
pi-calendar-minus <i class='pi pi-calendar-minus'></i>
pi-calendar-plus <i class='pi pi-calendar-plus'></i>
pi-ellipsis-v <i class='pi pi-ellipsis-v'></i>
pi-ellipsis-h <i class='pi pi-ellipsis-h'></i>
pi-bookmark <i class='pi pi-bookmark'></i>
pi-globe <i class='pi pi-globe'></i>
pi-replay <i class='pi pi-replay'></i>
pi-filter <i class='pi pi-filter'></i>
pi-print <i class='pi pi-print'></i>
pi-align-right <i class='pi pi-align-right'></i>
pi-align-left <i class='pi pi-align-left'></i>
pi-align-center <i class='pi pi-align-center'></i>
pi-align-justify <i class='pi pi-align-justify'></i>
pi-cog <i class='pi pi-cog'></i>
pi-cloud-download <i class='pi pi-cloud-download'></i>
pi-cloud-upload <i class='pi pi-cloud-upload'></i>
pi-cloud <i class='pi pi-cloud'></i>
pi-pencil <i class='pi pi-pencil'></i>
pi-users <i class='pi pi-users'></i>
pi-clock <i class='pi pi-clock'></i>
pi-user-minus <i class='pi pi-user-minus'></i>
pi-user-plus <i class='pi pi-user-plus'></i>
pi-trash <i class='pi pi-trash'></i>
pi-external-link <i class='pi pi-external-link'></i>
pi-window-maximize <i class='pi pi-window-maximize'></i>
pi-window-minimize <i class='pi pi-window-minimize'></i>
pi-refresh <i class='pi pi-refresh'></i>
pi-user <i class='pi pi-user'></i>
pi-exclamation-triangle <i class='pi pi-exclamation-triangle'></i>
pi-calendar <i class='pi pi-calendar'></i>
pi-chevron-circle-left <i class='pi pi-chevron-circle-left'></i>
pi-chevron-circle-down <i class='pi pi-chevron-circle-down'></i>
pi-chevron-circle-right <i class='pi pi-chevron-circle-right'></i>
pi-chevron-circle-up <i class='pi pi-chevron-circle-up'></i>
pi-angle-double-down <i class='pi pi-angle-double-down'></i>
pi-angle-double-left <i class='pi pi-angle-double-left'></i>
pi-angle-double-right <i class='pi pi-angle-double-right'></i>
pi-angle-double-up <i class='pi pi-angle-double-up'></i>
pi-angle-down <i class='pi pi-angle-down'></i>
pi-angle-left <i class='pi pi-angle-left'></i>
pi-angle-right <i class='pi pi-angle-right'></i>
pi-angle-up <i class='pi pi-angle-up'></i>
pi-upload <i class='pi pi-upload'></i>
pi-download <i class='pi pi-download'></i>
pi-ban <i class='pi pi-ban'></i>
pi-star-o <i class='pi pi-star-o'></i>
pi-star <i class='pi pi-star'></i>
pi-chevron-left <i class='pi pi-chevron-left'></i>
pi-chevron-right <i class='pi pi-chevron-right'></i>
pi-chevron-down <i class='pi pi-chevron-down'></i>
pi-chevron-up <i class='pi pi-chevron-up'></i>
pi-caret-left <i class='pi pi-caret-left'></i>
pi-caret-right <i class='pi pi-caret-right'></i>
pi-caret-down <i class='pi pi-caret-down'></i>
pi-caret-up <i class='pi pi-caret-up'></i>
pi-search <i class='pi pi-search'></i>
pi-check <i class='pi pi-check'></i>
pi-check-circle <i class='pi pi-check-circle'></i>
pi-times <i class='pi pi-times'></i>
pi-times-circle <i class='pi pi-times-circle'></i>
pi-plus <i class='pi pi-plus'></i>
pi-plus-circle <i class='pi pi-plus-circle'></i>
pi-minus <i class='pi pi-minus'></i>
pi-minus-circle <i class='pi pi-minus-circle'></i>
pi-circle-on <i class='pi pi-circle-on'></i>
pi-circle-off <i class='pi pi-circle-off'></i>
pi-sort-down <i class='pi pi-sort-down'></i>
pi-sort-up <i class='pi pi-sort-up'></i>
pi-sort <i class='pi pi-sort'></i>
pi-step-backward <i class='pi pi-step-backward'></i>
pi-step-forward <i class='pi pi-step-forward'></i>
pi-th-large <i class='pi pi-th-large'></i>
pi-arrow-down <i class='pi pi-arrow-down'></i>
pi-arrow-left <i class='pi pi-arrow-left'></i>
pi-arrow-right <i class='pi pi-arrow-right'></i>
pi-arrow-up <i class='pi pi-arrow-up'></i>
pi-bars <i class='pi pi-bars'></i>
pi-arrow-circle-down <i class='pi pi-arrow-circle-down'></i>
pi-arrow-circle-left <i class='pi pi-arrow-circle-left'></i>
pi-arrow-circle-right <i class='pi pi-arrow-circle-right'></i>
pi-arrow-circle-up <i class='pi pi-arrow-circle-up'></i>
pi-info <i class='pi pi-info'></i>
pi-info-circle <i class='pi pi-info-circle'></i>
pi-home <i class='pi pi-home'></i>
pi-spinner <i class='pi pi-spinner'></i>

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests