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. 
    Foundations

    Icons

    Icons use simple graphics to convey ideas and concepts. They often support other components.

    Browse icons on Zeroheight
    View this foundation in Figma
    Simplified illustration of icons featuring a speech bubble and an arrow

    Overview

    Icons add visual interest to a page. They also communicate information and ideas. Icons can symbolize actions, provide feedback, or make it easier to scan a page for a certain section.

    Icons are most effective when they're used consistently across a web app or site. This helps the user to recognize common actions or information. 

    For example, an envelope icon often indicates an email address or a mailing address. If you choose an envelope icon for an email address, then use that icon for all email addresses. Conversely, you should choose a different icon for all mailing addresses. Each icon should have one purpose throughout your web app or site.

    About our icon library

    Keystone Design System uses Remix Icon. You can access the icons in two locations: 

    If you're accessing the icon library on a Commonwealth network, we recommend using the Zeroheight page.

    We want to hear from you

    We're just getting started with Keystone Design System. If you're an early user, we want your bug reports, questions, and feedback.

     

    Complete our form to share your thoughts. You'll need to log in with your PA.gov email. We'll review and consider every response.

    Send feedback to the KDS team