Skip to main content

Card Iconography

A list of card images to use within a Card component. Card dimension is 500w x 281h.

Laptop and keyboard — 21_1103_card_accessibility.jpg

Archive — 21_1103_card_archive.jpg

Blog — 21_1103_card_blog.jpg

Passport and map — 21_1103_card_border-security.jpg

Check Info — 21_1103_card_check-info.jpg

Cybersecurity — 21_1103_card_cybersecurity.jpg

Citizenship — 21_1103_card_citizenship.jpg

Data — 21_1103_card_data.jpg

Disasters — 21_1103_card_disasters.jpg

Economic Security — 21_1103_card_economic-security.jpg

Election Security — 21_1103_card_election-security.jpg

Enterprise — 21_1103_card_enterprise.jpg

Español — 21_1103_card_espanol.jpg

Fact Sheets — 21_1103_card_fact-sheets.jpg

Magnifying glass and typewriter — 21_1103_card_foia.jpg

Human Trafficking — 21_1103_card_human-trafficking.jpg

Information — 21_1103_card_info.jpg

Keywords — 21_1103_card_keywords.jpg

Legal — 21_1103_card_legal.jpg

Media Contacts — 21_1103_card_media-contacts.jpg

Media Library — 21_1103_card_media-library.jpg

Plain Writing — 21_1103_card_plain-writing.jpg

Press Releases — 21_1103_card_press-releases.jpg

Preventing Terrorism — 21_1103_card_preventing-terrorism.jpg

Publications Library — 21_1103_card_publications-library.jpg

Resilience — 21_1103_card_resilience.jpg

Science & Technology — 21_1103_card_science-technology.jpg

Social Media — 23_0517_card_social-media.jpg

Speeches — 21_1103_card_speeches.jpg

Subscribe — 21_1103_card_subscribe.jpg

Terms of Use — 21_1103_card_terms-use.jpg

Testimony — 21_1103_card_testimony.jpg

Transportation Security — 21_1103_card_transportation-security.jpg

Passport — 21_1103_card_travel.jpg

Websites — 21_1103_card_websites.jpg

Advisory Committee — 21_1126_card_advisory-committee.jpg

Contact Us — 21_1126_card_contact-us.jpg

Data Statistics — 21_1126_card_data-statistics.jpg

Direct Contact — 21_1126_card_direct-contact.jpg

Everify — 21_1126_card_everify.jpg

Feedback — 22_0127_card_feedback.jpg

How Do I — 21_1126_card_how-do-i.jpg

Ideas — 21_1126_card_ideas.jpg

Leadership — 21_1126_card_leadership.jpg

Mailing Address — 21_1126_card_mailing-address.jpg

Ombudsman — 21_1126_card_ombudsman.jpg

Overview — 21_1126_card_overview.jpg

Speakers — 21_1126_card_speakers.jpg

Terms — 21_1126_card_terms.jpg

Whitepages — 21_1126_card_whitepages.jpg

Veterans — 22_0207_card_veterans.jpg

22_0812_card_cbp-logo-color.jpg

22_0812_card_cbp-logo-mono.jpg

Organizational Chart — 22_0812_card_organizational-chart.jpg

Office of the Secretary — 22_0812_card_office-secretary.jpg

NTAS — 21_1215_card_ntas.png

21_1126_card_dhs-logo.jpg

Card Examples

Code and instructions to insert various 3-column card layouts are available on the Add a USWDS Component page.

Default Cards

Card without Media

Example of Card with button; no media.
Card with Media

Example of Card with button; media.
Media with Header First

Example of Card with button; header positioned before media.
Inset (Indent) Media

Example of Card with button; media inset.
Exdent Media

Example of Card with button; media extended beyond border.
Header Linked

Example of Card with no button; header linked.

Flag Layout Cards

Default Flag

Example of Flag Card; media positioned on left.
Flag Media Right Inset

Example of Flag Card; media inset, positioned on right.

Last Modified: Sep 27, 2024