Icons

The stlouis-mo.gov website uses a combination of Glyphicons and custom icons to help add context to various website sections and actions.

On this Page

1. Icon Usage Rules
2. Action Icons
3. Topic Icons
4. Audience Icons

Icon Usage Rules

Some general rules for icon usage on stlouis-mo.gov: 

1. Icons must always be accompanied by text.
2. Icons must convey sufficient meaning at a glance such that they compliment the associated text. They should not be misleading, superfluous, or ambiguous.
3. Icons must be used sparingly so that their ability to draw attention and to be used as branding elements is not diluted. 
4. Icons assigned as branding are not to be used in other contexts.
5. All icon usage is subject to approval by the web team.

Action Icons

Sometimes we include icons with action links or buttons. Generally this is reserved for actions we want to stand out, or are important. See also link buttons.

Topic Icons

The following icons are used to accompany city service and information topics. All top-level topics have icons, but not all child-level topics do. If a topic does not have an icon it inherits from its parent.

Audience Icons

The following icons are used to accompany city service and information audiences.

More Components