Skip Navigation

Iconography

Census.gov uses a combination of Orion Icons & custom icons throughout the site. These icons are split into 3 usage categories: General Use, Navigation & CTA, and Social Media, Brand & Communication.

Orion’s “Solid” category of icons is currently in use, with a few exceptions for navigation.

All icons displayed on this page are available to use as fonts. Color, size, etc. can be edited just as any other text. To add icons to an element, add the specified class to the element.

General usage guidelines are outlined below.

View live: Newsroom | Resource Library

View HTML: Developer Resources

General Use

Icons in this category are for use with components and CTA requiring additional visual cues. Currently in-use on Library, News, & Census Academy landing pages, and Blogs Lists.

Solid

Books - Text

Name: Book
Class: o-book-1

Name: News
Class: o-news-1

Name: Documents
Class: o-documents-1

Name: News
Class: o-news-2

Name: News Website
Class: o-news-website-1

Communication

Name: Message App
Class: o-message-app-1

Name: Email Sent
Class: o-email-sent-1

e-Commerce

Name: Bar Chart
Class: o-bar-chart-1

Location

Name: Earth Globe
Class: o-earth-globe-1

Media

Name: Image
Class: o-image-1

Navigation & CTA

The icons in this section are in use primarily as navigation or as a part of larger components such as banners, buttons, and CTA. Ideally, these icons should not be used on their own.

Solid

Interface

Name: Accept
Class: o-accept-1

Name: Indicator Up
Class: o-indicator-up-1

Name: Add
Class: o-add-1

Name: Indicator Down
Class: o-indicator-down-1

Name: Angle Left Circle
Class: o-angle-left-circle-1

Name: Menu Hamburger
Class: o-menu-hamburger-1

Name: Angle Right Circle
Class: o-angle-right-circle-1

Name: Minus Circle
Class: o-minus-circle-2

Name: Cancel
Class: o-cancel-1

Name: Minus
Class: o-minus-1

Name: Checked Circle
Class: o-checked-circle-1

Name: Search
Class: o-search-1

Name: Check Mark
Class: o-checkmark-1

Name: Unavailable
Class: o-unavailable-1

Name: Filter Data
Class: o-filter-data-1

Name: Zoom In
Class: o-zoom-in-2

Name: Indicator Left
Class: o-indicator-left-1

Name: Indicator Right
Class: o-indicator-right-1

Line

Interface

Name: Add Circle
Class: o-add-circle-1

Name: Navigation Left
Class: o-navigation-left-1

Name: Minus Circle
Class: o-minus-circle-1

Name: Navigation Right
Class: o-navigation-right-1

Name: Angle Left Circle
Class: o-angle-left-circle-2

Name: Navigation Up
Class: o-navigation-up-1

Name: Angle Right Circle
Class: o-angle-right-circle-2

Name: Navigation Down
Class: o-navigation-down-1

Name: Navigation Far Left
Class: o-navigation-far-left-1

Name: Zoom In
Class: o-zoom-in-1

Name: Navigation Far Right
Class: o-navigation-far-right-1

Social Media, Brands & Communication

Iconography for social media and various software/hardware brands, and universal communication iconography.

Solid

Social - Brand

Name: Android
Class: o-android-1

Name: Internet Explorer
Class: o-internet-explorer-1

Name: Apple
Class: o-apple-1

Name: Linkedin
Class: o-linkedin-1

Name: Bootstrap
Class: o-bootstrap-1

Name: Pinterest
Class: o-pinterest-1

Name: Facebook
Class: o-facebook-1

Name: Rss
Class: o-rss-1

Name: Firefox
Class: o-firefox-1

Name: Share
Class: o-share-1

Name: Github
Class: o-github-1

Name: Twitter
Class: o-twitter-1

Name: Google Chrome
Class: o-google-chrome-1

Name: Windows
Class: o-windows-1

Name: Html5
Class: o-html5-1

Name: Youtube
Class: o-youtube-1

Name: Instagram
Class: o-instagram-1

Name: Youtube
Class: o-youtube-2

Communication

Name: Chats
Class: o-chats-1

Name: Text Message
Class: o-text-message-1

Name: Mail
Class: o-mail-1

Hardware - Software

Name: Print
Class: o-print-1

Media

Name: Play
Class: o-play-1

Developer Resources

Expand the sections below to see the iconography HTML output.

/*
Icon Font census-interface-1 generated from orioniconlibrary.com
*/

@font-face {
font-family: "census-interface-1";
src: url("orionicons/resources/census-interface-1/fonts/census-interface-1.eot");
src: url("orionicons/resources/census-interface-1/fonts/census-interface-1.eot?#iefix") format("embedded-opentype"),
url("orionicons/resources/census-interface-1/fonts/census-interface-1.woff2") format("woff2"),
url("orionicons/resources/census-interface-1/fonts/census-interface-1.woff") format("woff"),
url("orionicons/resources/census-interface-1/fonts/census-interface-1.ttf") format("truetype"),
url("orionicons/resources/census-interface-1/fonts/census-interface-1.svg#census-interface-1") format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "census-interface-1";
src: url("orionicons/resources/census-interface-1/fonts/census-interface-1.svg#census-interface-1") format("svg");
}
}

[data-icon]::before { content: attr(data-icon); }

[data-icon]::before,
.o-add-1::before,
.o-add-circle-1::before,
.o-add-square-1::before,
.o-angle-down-1::before,
.o-angle-down-circle-1::before,
.o-angle-left-1::before,
.o-angle-right-1::before,
.o-angle-up-1::before,
.o-angle-up-circle-1::before,
.o-arrow-down-1::before,
.o-arrow-down-circle-1::before,
.o-arrow-down-square-1::before,
.o-arrow-left-1::before,
.o-arrow-left-circle-1::before,
.o-arrow-left-down-1::before,
.o-arrow-left-down-circle-1::before,
.o-arrow-left-down-square-1::before,
.o-arrow-left-square-1::before,
.o-arrow-left-up-1::before,
.o-arrow-left-up-circle-1::before,
.o-arrow-left-up-square-1::before,
.o-arrow-right-1::before,
.o-arrow-right-circle-1::before,
.o-arrow-right-down-1::before,
.o-arrow-right-down-circle-1::before,
.o-arrow-right-down-square-1::before,
.o-arrow-right-square-1::before,
.o-arrow-right-up-1::before,
.o-arrow-right-up-circle-1::before,
.o-arrow-right-up-square-1::before,
.o-arrow-up-1::before,
.o-arrow-up-circle-1::before,
.o-arrow-up-square-1::before,
.o-back-arrow-1::before,
.o-ban-cancel-square-1::before,
.o-cancel-disable-1::before,
.o-checkbox-checked-square-1::before,
.o-checkbox-confirm-circle-1::before,
.o-checkbox-square-1::before,
.o-checked-circle-1::before,
.o-checkmark-1::before,
.o-checkmark-2::before,
.o-close-1::before,
.o-close-square-1::before,
.o-code-fork-1::before,
.o-cycle-1::before,
.o-cycle-2::before,
.o-delete-circle-1::before,
.o-download-1::before,
.o-download-2::before,
.o-download-3::before,
.o-expand-1::before,
.o-export-1::before,
.o-external-link-1::before,
.o-fork-1::before,
.o-forward-arrow-1::before,
.o-import-1::before,
.o-infinity-1::before,
.o-loop-1::before,
.o-loop-2::before,
.o-loop-3::before,
.o-maximize-1::before,
.o-maximize-window-1::before,
.o-menu-1::before,
.o-menu-hamburger-1::before,
.o-minus-1::before,
.o-minus-circle-1::before,
.o-minus-square-1::before,
.o-quit-1::before,
.o-random-1::before,
.o-recurring-appointment-1::before,
.o-recycle-1::before,
.o-redo-1::before,
.o-redo-2::before,
.o-refresh-1::before,
.o-reload-1::before,
.o-repeat-1::before,
.o-repeat-2::before,
.o-restart-1::before,
.o-rewind-1::before,
.o-rewind-2::before,
.o-rotate-left-1::before,
.o-rotate-right-1::before,
.o-search-glass-1::before,
.o-search-magnify-1::before,
.o-shuffle-1::before,
.o-synchronize-1::before,
.o-text-checked-1::before,
.o-text-delete-1::before,
.o-text-search-1::before,
.o-turn-left-arrow-1::before,
.o-turn-right-arrow-1::before,
.o-undo-1::before,
.o-undo-2::before,
.o-upload-1::before,
.o-upload-2::before,
.o-upload-3::before {
display: inline-block;
font-family: "census-interface-1";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

.o-add-1::before { content: "\11aa7"; }
.o-add-circle-1::before { content: "\11aa8"; }
.o-add-square-1::before { content: "\11aa9"; }
.o-angle-down-1::before { content: "\11aaa"; }
.o-angle-down-circle-1::before { content: "\11aab"; }
.o-angle-left-1::before { content: "\11aac"; }
.o-angle-right-1::before { content: "\11aae"; }
.o-angle-up-1::before { content: "\11ab0"; }
.o-angle-up-circle-1::before { content: "\11ab1"; }
.o-arrow-down-1::before { content: "\11ab2"; }
.o-arrow-down-circle-1::before { content: "\11ab3"; }
.o-arrow-down-square-1::before { content: "\11ab4"; }
.o-arrow-left-1::before { content: "\11ab5"; }
.o-arrow-left-circle-1::before { content: "\11ab6"; }
.o-arrow-left-down-1::before { content: "\11ab7"; }
.o-arrow-left-down-circle-1::before { content: "\11ab8"; }
.o-arrow-left-down-square-1::before { content: "\11ab9"; }
.o-arrow-left-square-1::before { content: "\11aba"; }
.o-arrow-left-up-1::before { content: "\11abb"; }
.o-arrow-left-up-circle-1::before { content: "\11abc"; }
.o-arrow-left-up-square-1::before { content: "\11abd"; }
.o-arrow-right-1::before { content: "\11abe"; }
.o-arrow-right-circle-1::before { content: "\11abf"; }
.o-arrow-right-down-1::before { content: "\11ac0"; }
.o-arrow-right-down-circle-1::before { content: "\11ac1"; }
.o-arrow-right-down-square-1::before { content: "\11ac2"; }
.o-arrow-right-square-1::before { content: "\11ac3"; }
.o-arrow-right-up-1::before { content: "\11ac4"; }
.o-arrow-right-up-circle-1::before { content: "\11ac5"; }
.o-arrow-right-up-square-1::before { content: "\11ac6"; }
.o-arrow-up-1::before { content: "\11ac7"; }
.o-arrow-up-circle-1::before { content: "\11ac8"; }
.o-arrow-up-square-1::before { content: "\11ac9"; }
.o-back-arrow-1::before { content: "\11aca"; }
.o-ban-cancel-square-1::before { content: "\11acb"; }
.o-cancel-disable-1::before { content: "\11acc"; }
.o-checkbox-checked-square-1::before { content: "\11acd"; }
.o-checkbox-confirm-circle-1::before { content: "\11ace"; }
.o-checkbox-square-1::before { content: "\11acf"; }
.o-checked-circle-1::before { content: "\11ad0"; }
.o-checkmark-1::before { content: "\11ad1"; }
.o-checkmark-2::before { content: "\11ad2"; }
.o-close-1::before { content: "\11ad3"; }
.o-close-square-1::before { content: "\11ad4"; }
.o-code-fork-1::before { content: "\11ad5"; }
.o-cycle-1::before { content: "\11ad6"; }
.o-cycle-2::before { content: "\11ad7"; }
.o-delete-circle-1::before { content: "\11ad8"; }
.o-download-1::before { content: "\11ad9"; }
.o-download-2::before { content: "\11ada"; }
.o-download-3::before { content: "\11adb"; }
.o-expand-1::before { content: "\11adc"; }
.o-export-1::before { content: "\11add"; }
.o-external-link-1::before { content: "\11ade"; }
.o-fork-1::before { content: "\11adf"; }
.o-forward-arrow-1::before { content: "\11ae0"; }
.o-import-1::before { content: "\11ae1"; }
.o-infinity-1::before { content: "\11ae2"; }
.o-loop-1::before { content: "\11ae3"; }
.o-loop-2::before { content: "\11ae4"; }
.o-loop-3::before { content: "\11ae5"; }
.o-maximize-1::before { content: "\11ae6"; }
.o-maximize-window-1::before { content: "\11ae7"; }
.o-menu-1::before { content: "\11ae8"; }
.o-menu-hamburger-1::before { content: "\11a9f"; }
.o-minus-1::before { content: "\11ae9"; }
.o-minus-circle-1::before { content: "\11aea"; }
.o-minus-square-1::before { content: "\11aeb"; }
.o-quit-1::before { content: "\11aec"; }
.o-random-1::before { content: "\11aed"; }
.o-recurring-appointment-1::before { content: "\11aee"; }
.o-recycle-1::before { content: "\11aef"; }
.o-redo-1::before { content: "\11af0"; }
.o-redo-2::before { content: "\11af1"; }
.o-refresh-1::before { content: "\11af2"; }
.o-reload-1::before { content: "\11af3"; }
.o-repeat-1::before { content: "\11af4"; }
.o-repeat-2::before { content: "\11af5"; }
.o-restart-1::before { content: "\11af6"; }
.o-rewind-1::before { content: "\11af7"; }
.o-rewind-2::before { content: "\11af8"; }
.o-rotate-left-1::before { content: "\11af9"; }
.o-rotate-right-1::before { content: "\11afa"; }
.o-search-glass-1::before { content: "\11afb"; }
.o-search-magnify-1::before { content: "\11afc"; }
.o-shuffle-1::before { content: "\11afd"; }
.o-synchronize-1::before { content: "\11afe"; }
.o-text-checked-1::before { content: "\11aff"; }
.o-text-delete-1::before { content: "\11b00"; }
.o-text-search-1::before { content: "\11b01"; }
.o-turn-left-arrow-1::before { content: "\11b02"; }
.o-turn-right-arrow-1::before { content: "\11b03"; }
.o-undo-1::before { content: "\11b04"; }
.o-undo-2::before { content: "\11b05"; }
.o-upload-1::before { content: "\11b06"; }
.o-upload-2::before { content: "\11b07"; }
.o-upload-3::before { content: "\11b08"; }

/*
Icon Font census-interface-2 generated from orioniconlibrary.com
*/

@font-face {
font-family: "census-interface-2";
src: url("orionicons/resources/census-interface-2/fonts/census-interface-2.eot");
src: url("orionicons/resources/census-interface-2/fonts/census-interface-2.eot?#iefix") format("embedded-opentype"),
url("orionicons/resources/census-interface-2/fonts/census-interface-2.woff2") format("woff2"),
url("orionicons/resources/census-interface-2/fonts/census-interface-2.woff") format("woff"),
url("orionicons/resources/census-interface-2/fonts/census-interface-2.ttf") format("truetype"),
url("orionicons/resources/census-interface-2/fonts/census-interface-2.svg#census-interface-2") format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "census-interface-2";
src: url("orionicons/resources/census-interface-2/fonts/census-interface-2.svg#census-interface-2") format("svg");
}
}

[data-icon]::before { content: attr(data-icon); }

[data-icon]::before,
.o-adjust-diagonal-1::before,
.o-admin-1::before,
.o-align-bottom-1::before,
.o-align-top-1::before,
.o-analog-1::before,
.o-bulleted-list-1::before,
.o-cogwheel-1::before,
.o-collapse-1::before,
.o-collapse-2::before,
.o-compress-1::before,
.o-compress-2::before,
.o-config-1::before,
.o-control-1::before,
.o-document-1::before,
.o-enlarge-horizontal-1::before,
.o-enlarge-vertical-1::before,
.o-equalizer-1::before,
.o-exclamation-mark-1::before,
.o-exit-1::before,
.o-exit-full-screen-1::before,
.o-expand-1::before,
.o-expand-diagonal-1::before,
.o-expand-horizontal-1::before,
.o-expand-vertical-1::before,
.o-expand-window-1::before,
.o-favorite-1::before,
.o-filter-1::before,
.o-focus-1::before,
.o-full-display-1::before,
.o-full-screen-1::before,
.o-gear-1::before,
.o-grid-1::before,
.o-grid-layout-1::before,
.o-home-1::before,
.o-home-button-1::before,
.o-homepage-1::before,
.o-horizontal-equalizer-1::before,
.o-horizontal-mixer-1::before,
.o-horizontal-sliders-1::before,
.o-house-1::before,
.o-important-warning-1::before,
.o-indent-1::before,
.o-info-1::before,
.o-info-help-1::before,
.o-items-list-1::before,
.o-layout-list-1::before,
.o-layout-sidebar-1::before,
.o-login-1::before,
.o-logout-1::before,
.o-maximize-screen-1::before,
.o-media-content-1::before,
.o-minimize-window-1::before,
.o-mixer-1::before,
.o-more-1::before,
.o-move-drag-horizontal-1::before,
.o-move-drag-vertical-1::before,
.o-new-message-1::before,
.o-notification-1::before,
.o-open-in-window-1::before,
.o-performance-1::before,
.o-pinch-diagonal-1::before,
.o-portfolio-grid-1::before,
.o-priority-warning-1::before,
.o-property-1::before,
.o-question-1::before,
.o-question-help-1::before,
.o-quit-1::before,
.o-real-estate-1::before,
.o-recycle-triangle-1::before,
.o-reset-window-1::before,
.o-resize-diagonal-1::before,
.o-resize-four-directions-1::before,
.o-resize-horizontal-1::before,
.o-resize-vertical-1::before,
.o-responsive-1::before,
.o-security-shield-1::before,
.o-setting-1::before,
.o-settings-1::before,
.o-settings-2::before,
.o-settings-mixer-1::before,
.o-share-1::before,
.o-shield-1::before,
.o-shield-crossmark-1::before,
.o-shield-grid-1::before,
.o-shutdown-1::before,
.o-sidebar-content-1::before,
.o-sliders-1::before,
.o-sliders-2::before,
.o-sorting-1::before,
.o-speed-1::before,
.o-split-arrow-1::before,
.o-split-horizontal-1::before,
.o-split-vertical-1::before,
.o-spread-diagonal-1::before,
.o-star-1::before,
.o-timer-1::before,
.o-undo-1::before,
.o-unindent-1::before,
.o-warning-1::before {
display: inline-block;
font-family: "census-interface-2";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

.o-adjust-diagonal-1::before { content: "\f41c"; }
.o-admin-1::before { content: "\f41d"; }
.o-align-bottom-1::before { content: "\f41e"; }
.o-align-top-1::before { content: "\f41f"; }
.o-analog-1::before { content: "\f420"; }
.o-bulleted-list-1::before { content: "\f421"; }
.o-cogwheel-1::before { content: "\f422"; }
.o-collapse-1::before { content: "\f423"; }
.o-collapse-2::before { content: "\f424"; }
.o-compress-1::before { content: "\f425"; }
.o-compress-2::before { content: "\f426"; }
.o-config-1::before { content: "\f427"; }
.o-control-1::before { content: "\f428"; }
.o-document-1::before { content: "\f429"; }
.o-enlarge-horizontal-1::before { content: "\f42a"; }
.o-enlarge-vertical-1::before { content: "\f42b"; }
.o-equalizer-1::before { content: "\f42c"; }
.o-exclamation-mark-1::before { content: "\f42d"; }
.o-exit-1::before { content: "\f42e"; }
.o-exit-full-screen-1::before { content: "\f42f"; }
.o-expand-1::before { content: "\f430"; }
.o-expand-diagonal-1::before { content: "\f431"; }
.o-expand-horizontal-1::before { content: "\f432"; }
.o-expand-vertical-1::before { content: "\f433"; }
.o-expand-window-1::before { content: "\f434"; }
.o-favorite-1::before { content: "\f435"; }
.o-filter-1::before { content: "\f436"; }
.o-focus-1::before { content: "\f437"; }
.o-full-display-1::before { content: "\f438"; }
.o-full-screen-1::before { content: "\f439"; }
.o-gear-1::before { content: "\f43a"; }
.o-grid-1::before { content: "\f43b"; }
.o-grid-layout-1::before { content: "\f43c"; }
.o-home-1::before { content: "\f43d"; }
.o-home-button-1::before { content: "\f43e"; }
.o-homepage-1::before { content: "\f43f"; }
.o-horizontal-equalizer-1::before { content: "\f440"; }
.o-horizontal-mixer-1::before { content: "\f441"; }
.o-horizontal-sliders-1::before { content: "\f442"; }
.o-house-1::before { content: "\f443"; }
.o-important-warning-1::before { content: "\f444"; }
.o-indent-1::before { content: "\f445"; }
.o-info-1::before { content: "\f446"; }
.o-info-help-1::before { content: "\f447"; }
.o-items-list-1::before { content: "\f448"; }
.o-layout-list-1::before { content: "\f449"; }
.o-layout-sidebar-1::before { content: "\f44a"; }
.o-login-1::before { content: "\f44b"; }
.o-logout-1::before { content: "\f44c"; }
.o-maximize-screen-1::before { content: "\f44d"; }
.o-media-content-1::before { content: "\f44e"; }
.o-minimize-window-1::before { content: "\f44f"; }
.o-mixer-1::before { content: "\f450"; }
.o-more-1::before { content: "\f451"; }
.o-move-drag-horizontal-1::before { content: "\f452"; }
.o-move-drag-vertical-1::before { content: "\f453"; }
.o-new-message-1::before { content: "\f454"; }
.o-notification-1::before { content: "\f455"; }
.o-open-in-window-1::before { content: "\f456"; }
.o-performance-1::before { content: "\f457"; }
.o-pinch-diagonal-1::before { content: "\f458"; }
.o-portfolio-grid-1::before { content: "\f459"; }
.o-priority-warning-1::before { content: "\f45a"; }
.o-property-1::before { content: "\f45b"; }
.o-question-1::before { content: "\f45c"; }
.o-question-help-1::before { content: "\f45d"; }
.o-quit-1::before { content: "\f45e"; }
.o-real-estate-1::before { content: "\f45f"; }
.o-recycle-triangle-1::before { content: "\f460"; }
.o-reset-window-1::before { content: "\f461"; }
.o-resize-diagonal-1::before { content: "\f462"; }
.o-resize-four-directions-1::before { content: "\f463"; }
.o-resize-horizontal-1::before { content: "\f464"; }
.o-resize-vertical-1::before { content: "\f465"; }
.o-responsive-1::before { content: "\f466"; }
.o-security-shield-1::before { content: "\f467"; }
.o-setting-1::before { content: "\f468"; }
.o-settings-1::before { content: "\f469"; }
.o-settings-2::before { content: "\f46a"; }
.o-settings-mixer-1::before { content: "\f46b"; }
.o-share-1::before { content: "\f412"; }
.o-shield-1::before { content: "\f46c"; }
.o-shield-crossmark-1::before { content: "\f46d"; }
.o-shield-grid-1::before { content: "\f46e"; }
.o-shutdown-1::before { content: "\f46f"; }
.o-sidebar-content-1::before { content: "\f470"; }
.o-sliders-1::before { content: "\f471"; }
.o-sliders-2::before { content: "\f472"; }
.o-sorting-1::before { content: "\f473"; }
.o-speed-1::before { content: "\f474"; }
.o-split-arrow-1::before { content: "\f475"; }
.o-split-horizontal-1::before { content: "\f476"; }
.o-split-vertical-1::before { content: "\f477"; }
.o-spread-diagonal-1::before { content: "\f478"; }
.o-star-1::before { content: "\f479"; }
.o-timer-1::before { content: "\f47a"; }
.o-undo-1::before { content: "\f47b"; }
.o-unindent-1::before { content: "\f47c"; }
.o-warning-1::before { content: "\f47d"; }

/*
Icon Font census-other generated from orioniconlibrary.com
*/

@font-face {
font-family: "census-other";
src: url("orionicons/resources/census-other/fonts/census-other.eot");
src: url("orionicons/resources/census-other/fonts/census-other.eot?#iefix") format("embedded-opentype"),
url("orionicons/resources/census-other/fonts/census-other.woff2") format("woff2"),
url("orionicons/resources/census-other/fonts/census-other.woff") format("woff"),
url("orionicons/resources/census-other/fonts/census-other.ttf") format("truetype"),
url("orionicons/resources/census-other/fonts/census-other.svg#census-other") format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "census-other";
src: url("orionicons/resources/census-other/fonts/census-other.svg#census-other") format("svg");
}
}

[data-icon]::before { content: attr(data-icon); }

[data-icon]::before,
.o-at-sign--1::before,
.o-iphone-1::before,
.o-source-code-1::before,
.o-world-globe-1::before {
display: inline-block;
font-family: "census-other";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

.o-at-sign--1::before { content: "\11e5a"; }
.o-iphone-1::before { content: "\11e5b"; }
.o-source-code-1::before { content: "\11e5c"; }
.o-world-globe-1::before { content: "\11e5d"; }

/*
Icon Font census-social-media-branding generated from orioniconlibrary.com
*/

@font-face {
font-family: "census-social-media-branding";
src: url("orionicons/resources/census-social-media-brand/fonts/census-social-media-branding.eot");
src: url("orionicons/resources/census-social-media-brand/fonts/census-social-media-branding.eot?#iefix") format("embedded-opentype"),
url("orionicons/resources/census-social-media-brand/fonts/census-social-media-branding.woff2") format("woff2"),
url("orionicons/resources/census-social-media-brand/fonts/census-social-media-branding.woff") format("woff"),
url("orionicons/resources/census-social-media-brand/fonts/census-social-media-branding.ttf") format("truetype"),
url("orionicons/resources/census-social-media-brand/fonts/census-social-media-branding.svg#census-social-media-branding") format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "census-social-media-branding";
src: url("orionicons/resources/census-social-media-brand/fonts/census-social-media-branding.svg#census-social-media-branding") format("svg");
}
}

[data-icon]::before { content: attr(data-icon); }

[data-icon]::before,
.o-apple-2::before,
.o-bootstrap-2::before,
.o-facebook-2::before,
.o-github-2::before,
.o-google-chrome-2::before,
.o-html5-2::before,
.o-instagram-2::before,
.o-internet-explorer-2::before,
.o-linkedin-2::before,
.o-mail-2::before,
.o-pinterest-2::before,
.o-play-2::before,
.o-play-3::before,
.o-play-4::before,
.o-print-2::before,
.o-rss-2::before,
.o-share-2::before,
.o-text-message-2::before,
.o-twitter-2::before,
.o-windows-2::before,
.o-youtube-2::before {
display: inline-block;
font-family: "census-social-media-branding";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

.o-apple-2::before { content: "\f41c"; }
.o-bootstrap-2::before { content: "\f41d"; }
.o-facebook-2::before { content: "\f41e"; }
.o-github-2::before { content: "\f41f"; }
.o-google-chrome-2::before { content: "\f420"; }
.o-html5-2::before { content: "\f421"; }
.o-instagram-2::before { content: "\f422"; }
.o-internet-explorer-2::before { content: "\f423"; }
.o-linkedin-2::before { content: "\f424"; }
.o-mail-2::before { content: "\f425"; }
.o-pinterest-2::before { content: "\f426"; }
.o-play-2::before { content: "\f410"; }
.o-play-3::before { content: "\f427"; }
.o-play-4::before { content: "\f428"; }
.o-print-2::before { content: "\f429"; }
.o-rss-2::before { content: "\f42a"; }
.o-share-2::before { content: "\f42b"; }
.o-text-message-2::before { content: "\f42c"; }
.o-twitter-2::before { content: "\f42d"; }
.o-windows-2::before { content: "\f42e"; }
.o-youtube-2::before { content: "\f42f"; }

Top of Section

Is this page helpful?
Thumbs Up Image

Yes

NO THANKS

255 characters maximum

255 characters maximum reached

Thank you for your feedback.
Comments or suggestions?

Top

Iconography

General Use

Archives

Books - Text

Communication

e-Commerce

Location

Media

Navigation & CTA

Interface

Interface

Social Media, Brands & Communication

Social - Brand

Communication

Hardware - Software

Media

Developer Resources

HTML