Librairies

FontAwesomeGlyphicons V1Glyphicons V2Glyphicons V2 LegacyPHPC LegacyPHPCAll IconsApplications

Setup

Add base URL in your .env file:
NEXT_PUBLIC_ICONS_URL=https://icons.phpr.link/

RemoteIcon


  <RemoteIcon
      icon="fa fa-book"
      fqcnBui={{
        Bundle: "presentation",
        Unit: "iconsPage",
        Interface: "remoteIcon",
      }}
  />
This component is used to display an icon from a remote source.
Preview

Usage

  <RemoteIcon
      icon="fa fa-book"
      fqcnBui={{
        Bundle: "presentation",
        Unit: "iconsPage",
        Interface: "remoteIcon",
      }}
  />

IconDropdown


  <IconDropdown
    accesses={{
        all: false,
        fontAwesome: true,
        glyphiconsV1: false,
        glyphiconsV2: true,
        phpcApp: false,
    }}
  />
The IconDropdown component is a dropdown menu that allows users to select an icon from a list of available icons. It provides a user-friendly interface for selecting icons, making it easy to integrate icons into your application.Typescript intellisense will help you to select the icon you want to use. It includes a search field (enabled by default via the showSearch prop) that matches both the icon's name and its keywords, and those keywords are available in French, so you can find an icon by describing it in French even if its technical name is in English.
Preview

Usage

  <IconDropdown
    accesses={{
        all: false,
        fontAwesome: true,
        glyphiconsV1: false,
        glyphiconsV2: true,
        phpcApp: false,
    }}
  />