Icons

Icons are include within individual components. Provide the full path to the desired icons file (e.g., icons/icon-file-name.svg).

  • Access

    Access

    class: access

  • Accessibility

    Accessibility

    class: icon-accessibility

  • Agile

    Agile

    class: icon-agile

  • Analysis

    Analysis

    class: icon-analysis

  • Analytics Report

    Analytics Report

    class: icon-analytics-report

  • Annotated Wireframes

    Annotated Wireframes

    class: icon-annotated-wireframes

  • Arrow Down

    Arrow Down

    class: icon-arrow-down

  • Arrow Up

    Arrow Up

    class: icon-arrow-up

  • Audience

    Audience

    class: icon-audience

  • Back End Dev

    Back End Dev

    class: icon-back-end-dev

  • Bug Fix

    Bug Fix

    class: icon-bug-fix

  • Build

    Build

    class: icon-build

  • Code

    Code

    class: icon-code

  • Competitive Analysis

    Competitive Analysis

    class: icon-competitive-analysis

  • Competitive Strategy

    Competitive Strategy

    class: icon-competitive-strategy

  • Computer

    Computer

    class: icon-computer

  • Content Strategy

    Content Strategy

    class: icon-content-strategy

  • Conversion Funnel

    Conversion Funnel

    class: icon-conversion-funnel

  • Conversions

    Conversions

    class: icon-conversions

  • Creative Design

    Creative Design

    class: icon-creative-design

  • CTA Arrow

    CTA Arrow

    class: icon-cta-arrow

  • Decoupled

    Decoupled

    class: icon-decoupled

  • Discovery

    Discovery

    class: icon-discovery

  • Document

    Document

    class: icon-document

  • Drupal

    Drupal

    class: icon-drupal

  • Education

    Education

    class: icon-education

  • Email

    Email

    class: icon-email

  • Emerging Technology

    Emerging Technology

    class: icon-emerging-tech-labs

  • Engaging UX

    Engaging UX

    class: icon-engaging-ux

  • Enterprise Ready

    Enterprise Ready

    class: icon-enterprise-ready

  • Financial Services

    Financial Services

    class: icon-financial-services

  • Front End Development

    Front End Development

    class: icon-front-end-dev

  • Global

    Global

    class: icon-global

  • Google Location Pin Drop

    Google Location Pin Drop

    class: icon-google-location-pin-drop

  • Government

    Government

    class: icon-government

  • Healthcare

    Healthcare

    class: icon-healthcare

  • High Standards

    High Standards

    class: icon-high-standards-star

  • High Tech

    High Tech

    class: icon-high-tech

  • Hollow Arrow Right

    Hollow Arrow Right

    class: icon-hollow-arrow-right

  • HTML Prototypes

    HTML Prototypes

    class: icon-html-prototypes

  • Insurance

    Insurance

    class: icon-insurance

  • Javascript Front End Development

    Javascript Front End Development

    class: icon-javascript-front-end-development

  • Layout

    Layout

    class: icon-layout

  • Learning

    Learning

    class: icon-learning

  • Manufacturing

    Manufacturing

    class: icon-manufacturing

  • Marketing

    Marketing

    class: icon-marketing

  • Maternity Leave

    Maternity Leave

    class: icon-maternity-leave

  • Mediacurrent Logo

    Mediacurrent Logo

    class: icon-mc-logo

  • Media/Entertainment

    Media/Entertainment

    class: icon-media-entertainment

  • Mobile

    Mobile

    class: icon-mobile

  • Modules

    Modules

    class: icon-modules

  • Navigation

    Navigation

    class: icon-navigation

  • Non-Profit

    Non-Profit

    class: icon-non-profit

  • Open Source

    Open Source

    class: icon-open-source

  • Our Work

    Our Work

    class: icon-our-work

  • Out-of-box

    Out-of-box

    class: icon-out-of-box

  • Performance

    Performance

    class: icon-performance

  • Persona

    Persona

    class: icon-persona

  • Personalization

    Personalization

    class: icon-personalization

  • Phone

    Phone

    class: icon-phone

  • Play Arrow

    Play Arrow

    class: icon-play-arrow

  • Powerful

    Powerful

    class: icon-powerful

  • Previews

    Previews

    class: icon-previews

  • Publishing

    Publishing

    class: icon-publishing

  • Quality Assurance

    Quality Assurance

    class: icon-quality-assurance

  • Quote

    Quote

    class: icon-quote

  • Responsive

    Responsive

    class: icon-responsive

  • Search

    Search

    class: icon-search

  • Search Thick

    Search Thick

    class: icon-search

  • Search Document

    Search Document

    class: icon-search-document

  • Search Glass

    Search Glass

    class: icon-search-glass

  • Security

    Security

    class: icon-security

  • Strategy

    Strategy

    class: icon-strategy

  • Support

    Support

    class: icon-support

  • Symphony 2 Framework Drupal 8

    Symphony 2 Framework Drupal 8

    class: icon-symphony2-framework-drupal8

  • Technology

    Technology

    class: icon-technology

  • Training

    Training

    class: icon-training

  • Transform

    Transform

    class: icon-transform

  • Translation

    Translation

    class: icon-translation

  • User Experience

    User Experience

    class: icon-user-experience

  • User Login

    User Login

    class: icon-user-login

  • User Testing

    User Testing

    class: icon-user-testing

  • Visual Library

    Visual Library

    class: icon-visual-library

  • Webpage

    Webpage

    class: icon-webpage

Parameters

  • class

    (optional) any extra class. By default icons include an icon class.

Liquid Example

          {% include icons/icon-tag--design.svg
  class = "component-icon"
%}