primeicons 7.0.0 → 8.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +2 -2
- package/README.md +137 -5
- package/fonts/primeicons.eot +0 -0
- package/fonts/primeicons.svg +361 -316
- package/fonts/primeicons.ttf +0 -0
- package/fonts/primeicons.woff +0 -0
- package/fonts/primeicons.woff2 +0 -0
- package/package.json +17 -8
- package/primeicons.css +166 -339
- package/raw-svg/address-book.svg +7 -2
- package/raw-svg/align-center.svg +6 -1
- package/raw-svg/align-justify.svg +6 -1
- package/raw-svg/align-left.svg +6 -1
- package/raw-svg/align-right.svg +6 -1
- package/raw-svg/amazon.svg +3 -0
- package/raw-svg/android.svg +6 -1
- package/raw-svg/angle-double-down.svg +4 -1
- package/raw-svg/angle-double-left.svg +4 -1
- package/raw-svg/angle-double-right.svg +4 -1
- package/raw-svg/angle-double-up.svg +4 -1
- package/raw-svg/angle-down.svg +3 -1
- package/raw-svg/angle-left.svg +3 -1
- package/raw-svg/angle-right.svg +3 -1
- package/raw-svg/angle-up.svg +3 -1
- package/raw-svg/apple.svg +3 -1
- package/raw-svg/arrow-circle-down.svg +5 -1
- package/raw-svg/arrow-circle-left.svg +5 -1
- package/raw-svg/arrow-circle-right.svg +5 -1
- package/raw-svg/arrow-circle-up.svg +5 -1
- package/raw-svg/arrow-down-left-and-arrow-up-right-to-center.svg +3 -2
- package/raw-svg/arrow-down-left.svg +4 -1
- package/raw-svg/arrow-down-right.svg +4 -1
- package/raw-svg/arrow-down.svg +4 -1
- package/raw-svg/arrow-left.svg +4 -1
- package/raw-svg/arrow-right-arrow-left.svg +6 -4
- package/raw-svg/arrow-right.svg +4 -1
- package/raw-svg/arrow-u-turn-up-left.svg +4 -0
- package/raw-svg/arrow-u-turn-up-right.svg +4 -0
- package/raw-svg/arrow-up-left.svg +4 -1
- package/raw-svg/arrow-up-right-and-arrow-down-left-from-center.svg +3 -2
- package/raw-svg/arrow-up-right.svg +4 -1
- package/raw-svg/arrow-up.svg +4 -1
- package/raw-svg/arrows-alt.svg +8 -4
- package/raw-svg/arrows-h.svg +5 -1
- package/raw-svg/arrows-v.svg +5 -1
- package/raw-svg/asterisk.svg +5 -0
- package/raw-svg/at.svg +4 -1
- package/raw-svg/backward.svg +4 -4
- package/raw-svg/ban.svg +4 -1
- package/raw-svg/barcode.svg +7 -2
- package/raw-svg/bars.svg +5 -1
- package/raw-svg/bell-slash.svg +3 -2
- package/raw-svg/bell.svg +4 -1
- package/raw-svg/bitcoin.svg +3 -4
- package/raw-svg/block-quote.svg +6 -0
- package/raw-svg/bold.svg +4 -0
- package/raw-svg/bolt.svg +3 -1
- package/raw-svg/book.svg +6 -1
- package/raw-svg/bookmark-fill.svg +3 -1
- package/raw-svg/bookmark.svg +3 -1
- package/raw-svg/box.svg +7 -1
- package/raw-svg/briefcase.svg +6 -1
- package/raw-svg/building-columns.svg +2 -2
- package/raw-svg/building.svg +11 -1
- package/raw-svg/bullseye.svg +4 -2
- package/raw-svg/calculator.svg +12 -4
- package/raw-svg/calendar-clock.svg +7 -2
- package/raw-svg/calendar-minus.svg +7 -1
- package/raw-svg/calendar-plus.svg +8 -1
- package/raw-svg/calendar-times.svg +8 -1
- package/raw-svg/calendar.svg +6 -1
- package/raw-svg/camera.svg +4 -1
- package/raw-svg/car.svg +8 -1
- package/raw-svg/caret-down.svg +3 -1
- package/raw-svg/caret-left.svg +3 -1
- package/raw-svg/caret-right.svg +3 -1
- package/raw-svg/caret-up.svg +3 -1
- package/raw-svg/cart-arrow-down.svg +5 -2
- package/raw-svg/cart-minus.svg +5 -2
- package/raw-svg/cart-plus.svg +7 -4
- package/raw-svg/case-sensitive.svg +6 -0
- package/raw-svg/chart-bar.svg +8 -1
- package/raw-svg/chart-line.svg +6 -1
- package/raw-svg/chart-pie.svg +5 -1
- package/raw-svg/chart-scatter.svg +8 -2
- package/raw-svg/check-circle.svg +4 -1
- package/raw-svg/check-square.svg +4 -1
- package/raw-svg/check.svg +3 -1
- package/raw-svg/chevron-circle-down.svg +4 -1
- package/raw-svg/chevron-circle-left.svg +4 -1
- package/raw-svg/chevron-circle-right.svg +4 -1
- package/raw-svg/chevron-circle-up.svg +4 -1
- package/raw-svg/chevron-down.svg +3 -1
- package/raw-svg/chevron-left.svg +3 -1
- package/raw-svg/chevron-right.svg +3 -1
- package/raw-svg/chevron-up.svg +3 -1
- package/raw-svg/circle-fill.svg +3 -1
- package/raw-svg/circle.svg +3 -1
- package/raw-svg/clipboard.svg +2 -2
- package/raw-svg/clock.svg +4 -1
- package/raw-svg/clone.svg +4 -1
- package/raw-svg/cloud-download.svg +5 -1
- package/raw-svg/cloud-upload.svg +5 -1
- package/raw-svg/cloud.svg +3 -1
- package/raw-svg/code-branch.svg +7 -0
- package/raw-svg/code.svg +4 -1
- package/raw-svg/cog.svg +4 -1
- package/raw-svg/columns-2.svg +3 -0
- package/raw-svg/comment.svg +3 -1
- package/raw-svg/comments.svg +4 -1
- package/raw-svg/compass.svg +4 -1
- package/raw-svg/compress.svg +3 -0
- package/raw-svg/copy.svg +5 -1
- package/raw-svg/credit-card.svg +5 -1
- package/raw-svg/crown.svg +3 -2
- package/raw-svg/database.svg +5 -1
- package/raw-svg/delete-left.svg +5 -4
- package/raw-svg/desktop.svg +5 -1
- package/raw-svg/directions-alt.svg +12 -1
- package/raw-svg/directions.svg +12 -1
- package/raw-svg/discord.svg +3 -4
- package/raw-svg/dollar.svg +4 -1
- package/raw-svg/dot.svg +3 -0
- package/raw-svg/download.svg +5 -1
- package/raw-svg/eject.svg +4 -1
- package/raw-svg/ellipsis-h.svg +5 -1
- package/raw-svg/ellipsis-v.svg +5 -1
- package/raw-svg/envelope.svg +4 -1
- package/raw-svg/equals.svg +2 -2
- package/raw-svg/eraser.svg +5 -4
- package/raw-svg/ethereum.svg +2 -2
- package/raw-svg/euro.svg +5 -1
- package/raw-svg/exclamation-circle.svg +5 -1
- package/raw-svg/exclamation-triangle.svg +5 -1
- package/raw-svg/expand.svg +2 -2
- package/raw-svg/external-link.svg +5 -1
- package/raw-svg/eye-dropper.svg +4 -0
- package/raw-svg/eye-slash.svg +6 -1
- package/raw-svg/eye.svg +4 -1
- package/raw-svg/face-smile.svg +5 -2
- package/raw-svg/facebook.svg +3 -1
- package/raw-svg/fast-backward.svg +5 -4
- package/raw-svg/fast-forward.svg +5 -4
- package/raw-svg/file-arrow-up.svg +4 -2
- package/raw-svg/file-check.svg +4 -2
- package/raw-svg/file-edit.svg +5 -4
- package/raw-svg/file-excel.svg +6 -1
- package/raw-svg/file-export.svg +6 -4
- package/raw-svg/file-import.svg +6 -4
- package/raw-svg/file-o.svg +4 -1
- package/raw-svg/file-pdf.svg +5 -1
- package/raw-svg/file-plus.svg +5 -2
- package/raw-svg/file-word.svg +5 -4
- package/raw-svg/file.svg +4 -1
- package/raw-svg/filter-fill.svg +3 -1
- package/raw-svg/filter-slash.svg +5 -1
- package/raw-svg/filter.svg +3 -1
- package/raw-svg/flag-fill.svg +4 -1
- package/raw-svg/flag.svg +4 -1
- package/raw-svg/folder-open.svg +4 -1
- package/raw-svg/folder-plus.svg +4 -2
- package/raw-svg/folder.svg +3 -1
- package/raw-svg/forward.svg +4 -4
- package/raw-svg/gauge.svg +2 -2
- package/raw-svg/gift.svg +7 -4
- package/raw-svg/github.svg +3 -1
- package/raw-svg/globe.svg +5 -1
- package/raw-svg/google.svg +3 -1
- package/raw-svg/graduation-cap.svg +2 -2
- package/raw-svg/grid-2.svg +3 -0
- package/raw-svg/grip-horizontal.svg +8 -0
- package/raw-svg/grip-vertical.svg +8 -0
- package/raw-svg/grip.svg +11 -0
- package/raw-svg/hammer.svg +9 -2
- package/raw-svg/hashtag.svg +6 -1
- package/raw-svg/heading-1.svg +6 -0
- package/raw-svg/heading-2.svg +6 -0
- package/raw-svg/heading-3.svg +7 -0
- package/raw-svg/heading-4.svg +7 -0
- package/raw-svg/heading-5.svg +7 -0
- package/raw-svg/heading-6.svg +7 -0
- package/raw-svg/heading.svg +5 -0
- package/raw-svg/headphones.svg +2 -2
- package/raw-svg/heart-fill.svg +3 -1
- package/raw-svg/heart.svg +3 -1
- package/raw-svg/highlighter.svg +3 -0
- package/raw-svg/history.svg +5 -1
- package/raw-svg/home.svg +5 -1
- package/raw-svg/horizontal-rule.svg +3 -0
- package/raw-svg/hourglass.svg +6 -4
- package/raw-svg/id-card.svg +7 -1
- package/raw-svg/image.svg +5 -1
- package/raw-svg/images.svg +6 -1
- package/raw-svg/inbox.svg +4 -1
- package/raw-svg/indent.svg +7 -0
- package/raw-svg/indian-rupee.svg +2 -2
- package/raw-svg/info-circle.svg +5 -1
- package/raw-svg/info.svg +4 -1
- package/raw-svg/instagram.svg +3 -1
- package/raw-svg/italic.svg +5 -0
- package/raw-svg/key.svg +6 -1
- package/raw-svg/language.svg +8 -4
- package/raw-svg/lightbulb.svg +2 -2
- package/raw-svg/link.svg +4 -1
- package/raw-svg/linkedin.svg +3 -1
- package/raw-svg/list-check.svg +7 -2
- package/raw-svg/list-ol.svg +7 -0
- package/raw-svg/list-tree.svg +10 -0
- package/raw-svg/list.svg +8 -1
- package/raw-svg/lock-open.svg +4 -1
- package/raw-svg/lock.svg +4 -1
- package/raw-svg/map-marker.svg +4 -1
- package/raw-svg/map.svg +5 -1
- package/raw-svg/mars.svg +2 -2
- package/raw-svg/megaphone.svg +6 -4
- package/raw-svg/microchip-ai.svg +5 -2
- package/raw-svg/microchip.svg +2 -2
- package/raw-svg/microphone.svg +5 -4
- package/raw-svg/microsoft.svg +3 -1
- package/raw-svg/minus-circle.svg +4 -1
- package/raw-svg/minus.svg +3 -1
- package/raw-svg/mobile.svg +4 -4
- package/raw-svg/money-bill.svg +8 -1
- package/raw-svg/moon.svg +3 -1
- package/raw-svg/note-sticky.svg +3 -0
- package/raw-svg/objects-column.svg +5 -2
- package/raw-svg/outdent.svg +7 -0
- package/raw-svg/palette.svg +8 -4
- package/raw-svg/paperclip.svg +3 -1
- package/raw-svg/paragraph-left.svg +7 -0
- package/raw-svg/paragraph-right.svg +14 -0
- package/raw-svg/pause-circle.svg +4 -2
- package/raw-svg/pause.svg +4 -1
- package/raw-svg/paypal.svg +3 -1
- package/raw-svg/pen-line.svg +4 -0
- package/raw-svg/pen-to-square.svg +3 -2
- package/raw-svg/pencil.svg +3 -1
- package/raw-svg/percentage.svg +5 -1
- package/raw-svg/phone.svg +3 -1
- package/raw-svg/pinterest.svg +2 -2
- package/raw-svg/play-circle.svg +3 -2
- package/raw-svg/play.svg +3 -1
- package/raw-svg/plus-circle.svg +5 -1
- package/raw-svg/plus.svg +4 -1
- package/raw-svg/pound.svg +4 -1
- package/raw-svg/power-off.svg +4 -1
- package/raw-svg/prime.svg +11 -1
- package/raw-svg/print.svg +5 -1
- package/raw-svg/qrcode.svg +13 -1
- package/raw-svg/question-circle.svg +5 -4
- package/raw-svg/question.svg +4 -1
- package/raw-svg/receipt.svg +5 -2
- package/raw-svg/rectangle-xmark.svg +5 -0
- package/raw-svg/reddit.svg +3 -1
- package/raw-svg/refresh.svg +4 -1
- package/raw-svg/replay.svg +4 -1
- package/raw-svg/reply.svg +4 -1
- package/raw-svg/rows-2.svg +3 -0
- package/raw-svg/save.svg +5 -1
- package/raw-svg/search-minus.svg +5 -1
- package/raw-svg/search-plus.svg +6 -1
- package/raw-svg/search.svg +4 -1
- package/raw-svg/send.svg +4 -1
- package/raw-svg/server.svg +11 -1
- package/raw-svg/share-alt.svg +7 -1
- package/raw-svg/shield.svg +3 -1
- package/raw-svg/shop.svg +2 -2
- package/raw-svg/shopping-bag.svg +4 -1
- package/raw-svg/shopping-cart.svg +5 -4
- package/raw-svg/sidebar.svg +6 -0
- package/raw-svg/sign-in.svg +5 -1
- package/raw-svg/sign-out.svg +5 -1
- package/raw-svg/signature.svg +4 -0
- package/raw-svg/sitemap.svg +8 -1
- package/raw-svg/slack.svg +3 -1
- package/raw-svg/slash.svg +3 -0
- package/raw-svg/sliders-h.svg +11 -1
- package/raw-svg/sliders-v.svg +11 -1
- package/raw-svg/sort-alpha-down-alt.svg +7 -0
- package/raw-svg/sort-alpha-down.svg +7 -6
- package/raw-svg/sort-alpha-up-alt.svg +7 -0
- package/raw-svg/sort-alpha-up.svg +7 -6
- package/raw-svg/sort-alt-slash.svg +9 -6
- package/raw-svg/sort-alt.svg +6 -7
- package/raw-svg/sort-amount-down-alt.svg +8 -9
- package/raw-svg/sort-amount-down.svg +8 -9
- package/raw-svg/sort-amount-up-alt.svg +8 -9
- package/raw-svg/sort-amount-up.svg +8 -9
- package/raw-svg/sort-down-fill.svg +2 -2
- package/raw-svg/sort-down.svg +3 -1
- package/raw-svg/sort-numeric-down-alt.svg +7 -0
- package/raw-svg/sort-numeric-down.svg +7 -1
- package/raw-svg/sort-numeric-up-alt.svg +7 -0
- package/raw-svg/sort-numeric-up.svg +7 -8
- package/raw-svg/sort-up-fill.svg +2 -2
- package/raw-svg/sort-up.svg +3 -1
- package/raw-svg/sort.svg +4 -1
- package/raw-svg/sparkles.svg +4 -2
- package/raw-svg/spinner-dotted.svg +15 -2
- package/raw-svg/spinner.svg +3 -1
- package/raw-svg/square.svg +3 -0
- package/raw-svg/stamp.svg +5 -0
- package/raw-svg/star-fill.svg +3 -1
- package/raw-svg/star-half-fill.svg +2 -2
- package/raw-svg/star-half.svg +2 -2
- package/raw-svg/star.svg +3 -1
- package/raw-svg/step-backward-alt.svg +4 -4
- package/raw-svg/step-backward.svg +4 -1
- package/raw-svg/step-forward-alt.svg +4 -4
- package/raw-svg/step-forward.svg +4 -1
- package/raw-svg/stop-circle.svg +4 -1
- package/raw-svg/stop.svg +3 -1
- package/raw-svg/stopwatch.svg +6 -4
- package/raw-svg/strikethrough.svg +4 -0
- package/raw-svg/subscript.svg +5 -0
- package/raw-svg/sun.svg +18 -1
- package/raw-svg/superscript.svg +5 -0
- package/raw-svg/sync.svg +6 -1
- package/raw-svg/table.svg +5 -1
- package/raw-svg/tablet.svg +4 -4
- package/raw-svg/tag.svg +4 -4
- package/raw-svg/tags.svg +5 -4
- package/raw-svg/telegram.svg +3 -1
- package/raw-svg/text-color.svg +5 -0
- package/raw-svg/text.svg +5 -0
- package/raw-svg/th-large.svg +6 -1
- package/raw-svg/thumbs-down-fill.svg +4 -4
- package/raw-svg/thumbs-down.svg +3 -4
- package/raw-svg/thumbs-up-fill.svg +4 -4
- package/raw-svg/thumbs-up.svg +4 -4
- package/raw-svg/thumbtack.svg +2 -2
- package/raw-svg/ticket.svg +3 -1
- package/raw-svg/tiktok.svg +2 -2
- package/raw-svg/times-circle.svg +5 -1
- package/raw-svg/times.svg +4 -1
- package/raw-svg/trash.svg +6 -1
- package/raw-svg/trophy.svg +2 -2
- package/raw-svg/truck.svg +7 -4
- package/raw-svg/turkish-lira.svg +2 -2
- package/raw-svg/twitch.svg +2 -2
- package/raw-svg/twitter.svg +2 -9
- package/raw-svg/underline.svg +4 -0
- package/raw-svg/undo.svg +4 -1
- package/raw-svg/unlock.svg +4 -1
- package/raw-svg/upload.svg +5 -1
- package/raw-svg/user-edit.svg +5 -1
- package/raw-svg/user-minus.svg +5 -1
- package/raw-svg/user-plus.svg +6 -1
- package/raw-svg/user.svg +4 -1
- package/raw-svg/users.svg +6 -1
- package/raw-svg/venus.svg +2 -2
- package/raw-svg/verified.svg +3 -4
- package/raw-svg/video.svg +4 -1
- package/raw-svg/vimeo.svg +3 -1
- package/raw-svg/volume-down.svg +4 -1
- package/raw-svg/volume-off.svg +3 -1
- package/raw-svg/volume-up.svg +5 -1
- package/raw-svg/wallet.svg +5 -1
- package/raw-svg/warehouse.svg +2 -2
- package/raw-svg/wave-pulse.svg +2 -2
- package/raw-svg/whatsapp.svg +3 -1
- package/raw-svg/wifi.svg +6 -1
- package/raw-svg/window-maximize.svg +6 -1
- package/raw-svg/window-minimize.svg +6 -1
- package/raw-svg/wrench.svg +3 -4
- package/raw-svg/youtube.svg +3 -1
- package/CHANGELOG.md +0 -363
- package/raw-svg/asteriks.svg +0 -3
- package/raw-svg/circle-off.svg +0 -1
- package/raw-svg/circle-on.svg +0 -1
- package/raw-svg/sort-alpha-alt-down.svg +0 -6
- package/raw-svg/sort-alpha-alt-up.svg +0 -6
- package/raw-svg/sort-numeric-alt-down.svg +0 -1
- package/raw-svg/sort-numeric-alt-up.svg +0 -1
package/LICENSE
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
MIT License
|
|
1
|
+
# MIT License
|
|
2
2
|
|
|
3
|
-
Copyright (c)
|
|
3
|
+
Copyright (c) 2026 PrimeTek Informatics
|
|
4
4
|
|
|
5
5
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
6
|
of this software and associated documentation files (the "Software"), to deal
|
package/README.md
CHANGED
|
@@ -1,14 +1,146 @@
|
|
|
1
|
+
# primeicons
|
|
2
|
+
|
|
1
3
|
[](https://opensource.org/licenses/MIT)
|
|
2
4
|
[](https://badge.fury.io/js/primeicons)
|
|
3
5
|
[](https://www.npmjs.com/package/primeicons)
|
|
4
6
|
[](https://discord.gg/gzKFYnpmCY)
|
|
5
7
|
|
|
6
|
-
|
|
8
|
+
PrimeIcons is the default icon library for [PrimeFaces](https://www.primefaces.org), [PrimeNG](https://primeng.org), [PrimeReact](https://primereact.org), and [PrimeVue](https://primevue.org) UI component libraries.
|
|
9
|
+
|
|
10
|
+
This package provides 300+ icons as a **CSS font icon library**.
|
|
11
|
+
|
|
12
|
+
> **Looking for SVG components?** Check out our framework-specific packages:
|
|
13
|
+
>
|
|
14
|
+
> - [@primeicons/react](https://www.npmjs.com/package/@primeicons/react) - React components
|
|
15
|
+
> - [@primeicons/vue](https://www.npmjs.com/package/@primeicons/vue) - Vue 3 components
|
|
16
|
+
> - [@primeicons/angular](https://www.npmjs.com/package/@primeicons/angular) - Angular components
|
|
17
|
+
> - [@primeicons/svelte](https://www.npmjs.com/package/@primeicons/svelte) - Svelte components
|
|
18
|
+
> - [@primeicons/solid](https://www.npmjs.com/package/@primeicons/solid) - Solid.js components
|
|
19
|
+
> - [@primeicons/lit](https://www.npmjs.com/package/@primeicons/lit) - Lit web components
|
|
20
|
+
|
|
21
|
+
## Installation
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npm install primeicons
|
|
25
|
+
# or
|
|
26
|
+
pnpm add primeicons
|
|
27
|
+
# or
|
|
28
|
+
yarn add primeicons
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Usage
|
|
32
|
+
|
|
33
|
+
### Import CSS
|
|
34
|
+
|
|
35
|
+
```css
|
|
36
|
+
/* In your main CSS file */
|
|
37
|
+
@import 'primeicons/primeicons.css';
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Or in JavaScript/TypeScript:
|
|
41
|
+
|
|
42
|
+
```javascript
|
|
43
|
+
import 'primeicons/primeicons.css';
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Use Icons
|
|
47
|
+
|
|
48
|
+
```html
|
|
49
|
+
<i class="pi pi-check"></i>
|
|
50
|
+
<i class="pi pi-times"></i>
|
|
51
|
+
<i class="pi pi-search"></i>
|
|
52
|
+
<i class="pi pi-user"></i>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## Sizing
|
|
56
|
+
|
|
57
|
+
Use `font-size` to change the icon size:
|
|
58
|
+
|
|
59
|
+
```html
|
|
60
|
+
<i class="pi pi-check" style="font-size: 1rem"></i>
|
|
61
|
+
<!-- 16px -->
|
|
62
|
+
<i class="pi pi-check" style="font-size: 1.5rem"></i>
|
|
63
|
+
<!-- 24px -->
|
|
64
|
+
<i class="pi pi-check" style="font-size: 2rem"></i>
|
|
65
|
+
<!-- 32px -->
|
|
66
|
+
<i class="pi pi-check" style="font-size: 3rem"></i>
|
|
67
|
+
<!-- 48px -->
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
## Spinning
|
|
71
|
+
|
|
72
|
+
Add the `pi-spin` class to create a spinning icon:
|
|
73
|
+
|
|
74
|
+
```html
|
|
75
|
+
<i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i> <i class="pi pi-spin pi-cog" style="font-size: 2rem"></i>
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
## Coloring
|
|
79
|
+
|
|
80
|
+
Icons inherit the current text color. Use CSS `color` property to customize:
|
|
81
|
+
|
|
82
|
+
```html
|
|
83
|
+
<i class="pi pi-check" style="color: green"></i>
|
|
84
|
+
<i class="pi pi-times" style="color: red"></i>
|
|
85
|
+
<i class="pi pi-exclamation-triangle" style="color: orange"></i>
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
## What's Included
|
|
89
|
+
|
|
90
|
+
```
|
|
91
|
+
primeicons/
|
|
92
|
+
├── fonts/ # Webfont files (woff2, woff, ttf, eot)
|
|
93
|
+
├── raw-svg/ # Original SVG source files
|
|
94
|
+
├── primeicons.css # Main CSS file
|
|
95
|
+
└── selection.json # IcoMoon configuration
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
## Icon List
|
|
99
|
+
|
|
100
|
+
The library includes 300+ icons. View the complete list at [primeicons.org](https://primeicons.org).
|
|
101
|
+
|
|
102
|
+
Common icons include:
|
|
103
|
+
|
|
104
|
+
- **Navigation**: `pi-arrow-left`, `pi-arrow-right`, `pi-chevron-up`, `pi-chevron-down`
|
|
105
|
+
- **Actions**: `pi-search`, `pi-plus`, `pi-minus`, `pi-check`, `pi-times`
|
|
106
|
+
- **Objects**: `pi-home`, `pi-user`, `pi-cog`, `pi-file`, `pi-folder`
|
|
107
|
+
- **Social**: `pi-facebook`, `pi-twitter`, `pi-github`, `pi-linkedin`
|
|
108
|
+
- **Media**: `pi-play`, `pi-pause`, `pi-stop`, `pi-volume-up`
|
|
109
|
+
|
|
110
|
+
## CDN Usage
|
|
111
|
+
|
|
112
|
+
You can also use PrimeIcons via CDN:
|
|
113
|
+
|
|
114
|
+
```html
|
|
115
|
+
<link rel="stylesheet" href="https://unpkg.com/primeicons/primeicons.css" />
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
## Framework Integration
|
|
119
|
+
|
|
120
|
+
### With PrimeNG (Angular)
|
|
121
|
+
|
|
122
|
+
```typescript
|
|
123
|
+
// angular.json
|
|
124
|
+
"styles": [
|
|
125
|
+
"node_modules/primeicons/primeicons.css",
|
|
126
|
+
// ...
|
|
127
|
+
]
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
### With PrimeReact
|
|
131
|
+
|
|
132
|
+
```javascript
|
|
133
|
+
// App.js or index.js
|
|
134
|
+
import 'primeicons/primeicons.css';
|
|
135
|
+
```
|
|
7
136
|
|
|
8
|
-
|
|
137
|
+
### With PrimeVue
|
|
9
138
|
|
|
10
|
-
|
|
139
|
+
```javascript
|
|
140
|
+
// main.js
|
|
141
|
+
import 'primeicons/primeicons.css';
|
|
142
|
+
```
|
|
11
143
|
|
|
12
|
-
|
|
144
|
+
## License
|
|
13
145
|
|
|
14
|
-
|
|
146
|
+
MIT - Copyright (c) PrimeTek Informatics
|
package/fonts/primeicons.eot
CHANGED
|
Binary file
|