PrimeVue components internally use PrimeIcons library, the official icons suite from PrimeTek.
\n\nPrimeIcons is available at npm, run the following command to download it to your project.
\n\n\nnpm install primeicons --save\n\n
\n\n PrimeIcons use the pi pi-{icon} syntax such as pi pi-check.\n A standalone icon can be displayed using an element like i or span
\n\n\n<i class=\"pi pi-check\"></i>\n<i class=\"pi pi-times\"></i>\n\n
\n\n\n\n\n Size of the icons can easily be changed using font-size property.
\n\n\n<i class=\"pi pi-check\"></i>\n\n
\n\n \n\n\n<i class=\"pi pi-check\" style=\"font-size: 2rem\"></i>\n\n
\n\n \n\n Special pi-spin class applies continuous rotation to an icon.
\n\n<i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n\n
\n\n \n\n PrimeIcons constants API is provided to easily choose an icon with typescript e.g. when defining a menu model.
\n\n<Menu :model=\"items\" />\n\n
\n\n\nimport {PrimeIcons} from 'primevue/api';\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\tlabel: 'Update',\n\t\t\t\t\ticon: PrimeIcons.REFRESH,\n to: '/update'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: 'Delete',\n\t\t\t\t\ticon: PrimeIcons.TIMES,\n to: '/delete'\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}\n\n
\n\n Here is the current list of PrimeIcons, more icons are added periodically. You may also request new icons at the issue tracker.
\n\n