HTML
SCSS
TypeScript
Summary
Proppy Icons provides 109 font icons across Regular, Solid, and Duotone families. PMatIcon renders every font style through fontStyle, or renders an image through srcIcon.
101Regular icons
6Solid icons
2Duotone icons
Common Examples
Add Icon Command
Run the command from ProppyIcons with an SVG filename. It validates and copies the source, updates every font format and CSS map, builds the icon package, and synchronizes this generated catalog.
Automated icon workflow
Omit the file to use interactive prompts. Use --skip-package-build when only font artifacts and CSS should be regenerated.
Icon Table
| Icon | fontIcon | Style | CSS classes | Description |
|---|---|---|---|---|
alarm-clock | regular | pi-regular pi-alarm-clock | Represents Alarm Clock. | |
align-center | regular | pi-regular pi-align-center | Represents Align Center. | |
align-justify | regular | pi-regular pi-align-justify | Represents Align Justify. | |
align-left | regular | pi-regular pi-align-left | Represents Align Left. | |
align-right | regular | pi-regular pi-align-right | Represents Align Right. | |
angles-left | regular | pi-regular pi-angles-left | Represents Angles Left. | |
angles-right | regular | pi-regular pi-angles-right | Represents Angles Right. | |
arrow-down | regular | pi-regular pi-arrow-down | Represents Arrow Down. | |
arrow-down-short-wide | regular | pi-regular pi-arrow-down-short-wide | Represents Arrow Down Short Wide. | |
arrow-down-to-bracket | regular | pi-regular pi-arrow-down-to-bracket | Represents Arrow Down To Bracket. | |
arrow-down-wide-short | regular | pi-regular pi-arrow-down-wide-short | Represents Arrow Down Wide Short. | |
arrow-right-from-bracket | regular | pi-regular pi-arrow-right-from-bracket | Represents Arrow Right From Bracket. | |
arrow-right-to-bracket | regular | pi-regular pi-arrow-right-to-bracket | Represents Arrow Right To Bracket. | |
arrow-rotate-left | regular | pi-regular pi-arrow-rotate-left | Represents Arrow Rotate Left. | |
arrow-up | regular | pi-regular pi-arrow-up | Represents Arrow Up. | |
arrow-up-arrow-down | regular | pi-regular pi-arrow-up-arrow-down | Represents Arrow Up Arrow Down. | |
arrow-up-short-wide | regular | pi-regular pi-arrow-up-short-wide | Represents Arrow Up Short Wide. | |
arrow-up-wide-short | regular | pi-regular pi-arrow-up-wide-short | Represents Arrow Up Wide Short. | |
arrows-maximize | regular | pi-regular pi-arrows-maximize | Represents Arrows Maximize. | |
ban | regular | pi-regular pi-ban | Represents Ban. | |
bell | regular | pi-regular pi-bell | Represents Bell. | |
board | regular | pi-regular pi-board | Represents Board. | |
bold | regular | pi-regular pi-bold | Represents Bold. | |
book-open | regular | pi-regular pi-book-open | Represents Book Open. | |
briefcase | regular | pi-regular pi-briefcase | Represents Briefcase. | |
building | regular | pi-regular pi-building | Represents Building. | |
calendar-days | regular | pi-regular pi-calendar-days | Represents Calendar Days. | |
camera | regular | pi-regular pi-camera | Represents Camera. | |
cart-check-circle-filled | regular | pi-regular pi-cart-check-circle-filled | Represents Cart Check Circle Filled. | |
check | regular | pi-regular pi-check | Represents Check. | |
chevron-down | regular | pi-regular pi-chevron-down | Represents Chevron Down. | |
chevron-left | regular | pi-regular pi-chevron-left | Represents Chevron Left. | |
chevron-right | regular | pi-regular pi-chevron-right | Represents Chevron Right. | |
chevron-up | regular | pi-regular pi-chevron-up | Represents Chevron Up. | |
chevron-up-down | regular | pi-regular pi-chevron-up-down | Represents Chevron Up Down. | |
circle-check | regular | pi-regular pi-circle-check | Represents Circle Check. | |
circle-check-filled | regular | pi-regular pi-circle-check-filled | Represents Circle Check Filled. | |
circle-info | regular | pi-regular pi-circle-info | Represents Circle Info. | |
circle-network-nodes | regular | pi-regular pi-circle-network-nodes | Represents Circle Network Nodes. | |
circle-pending | regular | pi-regular pi-circle-pending | Represents Circle Pending. | |
circle-question | regular | pi-regular pi-circle-question | Represents Circle Question. | |
circle-xmark | regular | pi-regular pi-circle-xmark | Represents Circle Xmark. | |
circle-xmark-filled | regular | pi-regular pi-circle-xmark-filled | Represents Circle Xmark Filled. | |
clipboard | regular | pi-regular pi-clipboard | Represents Clipboard. | |
clock-boost | regular | pi-regular pi-clock-boost | Represents Clock Boost. | |
clock-rotate-left | regular | pi-regular pi-clock-rotate-left | Represents Clock Rotate Left. | |
clone | regular | pi-regular pi-clone | Represents Clone. | |
document-card | regular | pi-regular pi-document-card | Represents Document Card. | |
download | regular | pi-regular pi-download | Represents Download. | |
edit-square | regular | pi-regular pi-edit-square | Represents Edit Square. | |
ellipsis-vertical | regular | pi-regular pi-ellipsis-vertical | Represents Ellipsis Vertical. | |
envelope | regular | pi-regular pi-envelope | Represents Envelope. | |
envelope-check | regular | pi-regular pi-envelope-check | Represents Envelope Check. | |
envelope-filled | regular | pi-regular pi-envelope-filled | Represents Envelope Filled. | |
eye | regular | pi-regular pi-eye | Represents Eye. | |
eye-slash | regular | pi-regular pi-eye-slash | Represents Eye Slash. | |
file | regular | pi-regular pi-file | Represents File. | |
file-clock | regular | pi-regular pi-file-clock | Represents File Clock. | |
file-e-invoice | regular | pi-regular pi-file-e-invoice | Represents File E Invoice. | |
house-company | regular | pi-regular pi-house-company | Represents House Company. | |
id-badge | regular | pi-regular pi-id-badge | Represents Id Badge. | |
image | regular | pi-regular pi-image | Represents Image. | |
image-add | regular | pi-regular pi-image-add | Represents Image Add. | |
image-transparent | regular | pi-regular pi-image-transparent | Represents Image Transparent. | |
invoice | regular | pi-regular pi-invoice | Represents Invoice. | |
italic | regular | pi-regular pi-italic | Represents Italic. | |
link | regular | pi-regular pi-link | Represents Link. | |
list | regular | pi-regular pi-list | Represents List. | |
list-tree | regular | pi-regular pi-list-tree | Represents List Tree. | |
location-dot | regular | pi-regular pi-location-dot | Represents Location Dot. | |
location-dot-outline | regular | pi-regular pi-location-dot-outline | Represents Location Dot Outline. | |
magnifying-glass | regular | pi-regular pi-magnifying-glass | Represents Magnifying Glass. | |
minus | regular | pi-regular pi-minus | Represents Minus. | |
mobile | regular | pi-regular pi-mobile | Represents Mobile. | |
note-pen | regular | pi-regular pi-note-pen | Represents Note Pen. | |
octagon-exclamation | regular | pi-regular pi-octagon-exclamation | Represents Octagon Exclamation. | |
paper-plane | regular | pi-regular pi-paper-plane | Represents Paper Plane. | |
paper-plane-checked | regular | pi-regular pi-paper-plane-checked | Represents Paper Plane Checked. | |
paperclip | regular | pi-regular pi-paperclip | Represents Paperclip. | |
plus | regular | pi-regular pi-plus | Represents Plus. | |
proppy | regular | pi-regular pi-proppy | Represents Proppy. | |
proppy-map | regular | pi-regular pi-proppy-map | Represents Proppy Map. | |
publish | regular | pi-regular pi-publish | Represents Publish. | |
qrcode-scanner | regular | pi-regular pi-qrcode-scanner | Represents Qrcode Scanner. | |
receipt-check-filled | regular | pi-regular pi-receipt-check-filled | Represents Receipt Check Filled. | |
receipt-coin-filled | regular | pi-regular pi-receipt-coin-filled | Represents Receipt Coin Filled. | |
save | regular | pi-regular pi-save | Represents Save. | |
shield-user | regular | pi-regular pi-shield-user | Represents Shield User. | |
sliders | regular | pi-regular pi-sliders | Represents Sliders. | |
text-color | regular | pi-regular pi-text-color | Represents Text Color. | |
text-size | regular | pi-regular pi-text-size | Represents Text Size. | |
underline | regular | pi-regular pi-underline | Represents Underline. | |
unpublish | regular | pi-regular pi-unpublish | Represents Unpublish. | |
upload | regular | pi-regular pi-upload | Represents Upload. | |
user | regular | pi-regular pi-user | Represents User. | |
user-filled | regular | pi-regular pi-user-filled | Represents User Filled. | |
user-plus | regular | pi-regular pi-user-plus | Represents User Plus. | |
users | regular | pi-regular pi-users | Represents Users. | |
users-plus | regular | pi-regular pi-users-plus | Represents Users Plus. | |
wide-short | regular | pi-regular pi-wide-short | Represents Wide Short. | |
xmark | regular | pi-regular pi-xmark | Represents Xmark. | |
edit-square | solid | pi-solid pi-edit-square | Represents Edit Square. | |
gear | solid | pi-solid pi-gear | Represents Gear. | |
share | solid | pi-solid pi-share | Represents Share. | |
sliders | solid | pi-solid pi-sliders | Represents Sliders. | |
sort | solid | pi-solid pi-sort | Represents Sort. | |
user-plus | solid | pi-solid pi-user-plus | Represents User Plus. | |
invoice-einvoice | duotone | pi-duotone pi-invoice-einvoice | Represents Invoice Einvoice. | |
receipt-circle-check | duotone | pi-duotone pi-receipt-circle-check | Represents Receipt Circle Check. |