alert-circle An exclamation point inside of a circle. alert-triangle An exclamation point inside of a triangle shape. arrow-down-left An arrow pointing down and to the left. arrow-down-right An arrow pointing down and to the right. arrow-down An arrow pointing down. arrow-left An arrow pointing left. arrow-right-thick A thick arrow pointing right arrow-right An arrow pointing right. arrow-up-left An arrow pointing up and to the left. arrow-up-right-thick A thick arrow pointing up and to the right arrow-up-right An arrow pointing up and to the right. arrow-up-thick A thick arrow pointing up arrow-up An arrow pointing up. award A award bell A bell. calendar A calendar icon. camera-off A camera that is deactivated. camera A camera. check-circle A checkmark in a circle. checkmark A checkmark. chevron-down A chevron arrow pointing down. chevron-up A chevron arrow pointing up. chevron A chevron arrow pointing down. chevron A chevron arrow pointing down. chrome Chrome browser logo. close-circle An x in a circle. close A x shape. door A car door. edge Edge browser logo. ellipses An ellipses shape. engine A car engine. envelope A closed envelope. explorer Internet explorer logo. eye-off An eye that is deactivated. eye An eye. facebook Facebook logo. file-text A piece of paper with lines on it. file A blank piece of paper. firefox Firefox browser logo icon-flame A flame. fwd A car drivetrain. gear A gear with multiple teeth. grid A 2x2 grid. heart An empty heart. height-width Arrows indicating height and width measurement. home A home icon. info THe letter i in a circle. instagram Instagram logo. link A chain link. linkedin Linkedin logo. map-marker A map marker pin. maximize Four corners containing a plus sign. menu Three lines signifying a menu. message-circle A speech bubble. minus A minus dash. mpg A car dashboard gauge. opera Opera browser logo. pause A pause symbol. pencil A pencil. phone A phone handset. pinteest-disc Pinterest logo in a disc. pinterest Pinterest logo. play A play button. plus A plus symbol. safari Safari browser logo. search A magnifying glass. seat A car seat. shield A shield sliders A group of control sliders. square A square with rounded corners star A star. tag A shopping tag. thumbs-down A hand with the thumb pointing down. thumbs-up A hand with the thumb pointing up. trash A trash can. trophy A trophy. truck A truck icon. twitter Twitter logo. user-circle An outline of a person in a circle. user An outline of a person. video A video camera. youtube Youtube logo. zoom-in A magnifying glass with a plus in the center

Components

Access code, usage, and guidelines for our basic building blocks

  • Accordion

    Reveal and hide two or more sections of content

  • Ad Flag

    Clearly communicate ad attribution for consumer transparency

  • Badge

    Highlight and inform an element's characteristic, status or feature

  • Breadcrumb

    View location within a path of navigation

  • Button

    Perform a single, clearly communicated action

  • Caption

    Succinctly describe an image, illustration or video

  • Card

    Isolated content preview

  • Disclaimer

    Inform users of specific points of liability

  • Filter

    Represent a list of criteria that can be added or removed

  • Form module

    Bring attention to a particular form or communication method

  • Forms - Checkbox

    Select options from a list of choices

  • Forms - Input

    Enter character-based information

  • Forms - Radio

    Select a single option from a list of mutually exclusive options

  • Forms - Select

    Select a single option from a list

  • Forms - Switch

    Toggles and range inputs for binary and multi-select values.

  • Headshot

    A graphic representation of an individual

  • Hero

    A prominent banner area that presents an overview of the page or section.

  • Link

    Navigate within or outside current context with text

  • Link pack

    SEO-focused link lists for content-crawling and keyword repetition

  • List

    Group together a series of related text items

  • Modal

    Present focused content in a user-initiated overlay

  • Notification

    Communicate information or a state of the system

  • Pagination

    Navigate a series of sequential pages

  • Rating

    Communicate an opinion on an ascending scale

  • Reveal

    Reveal and hide a section of content

  • Save

    Save or favorite an item

  • Separator

    Visually separate areas of content

  • Tabs

    Alternate between content views

  • Tag

    Categorize information using descriptive keywords/labels

  • Tooltip

    Provide supplemental information about a UI element