Skip to main content

Official website

of the Commonwealth of Pennsylvania

    The .gov means it's official.

    Local, state, and federal government websites often end in .gov. Commonwealth of Pennsylvania government websites and email systems use "pennsylvania.gov" or "PA.gov" at the end of the address. Before sharing sensitive or personal information, make sure you're on an official state website. 
    Getting Started with AEM

    Using Icons

    Icons use simple images to help communicate ideas. They add a visual element to a page or component, and are a symbol for residents to quickly understand the topic of a page or section of content.

     

    AEM uses icons from the Remix Icon library. The icons are open-source neutral-style crafted for designers and developers. All of the icons are free for both personal and commercial use. The library can be accessed by following the instructions provided below. 

    Adding icons to a page/component

    1.  Authors may be prompted to add an optional icon to either the Page Properties (for a page) or the authoring dialog (for a component). The icon code should be added in the authoring field.

    2. For selecting an icon, visit the icon library page. 

    3. Select the desired icon by scrolling through the list or using the search bar. 

    Image of search bar for icons

    4. Copy the title of the icon starting with "ri-" underneath the icon image. 

    Image showing icon code selection

    5. Return to the authoring dialog on AEM. Paste the text in the icon field. Click Done.

    6. The icon now appears in the component. 

    Image of icons

    Additional Details

    • All icons are provided by remixicon.com.
    • Want an icon that's not in the library? Submit a request by sending an email to OA-pwpcmpoc@pa.gov.