Design System

Alert Blockquote Breadcrumbs Button Colors Comment Comments Filter Form Icons Input Modal Nav Navbar Pagination Progress Bar Search Form Section Sharing Sidebar Single Content Single Footer Single Header Single Meta Site Footer Site Header Sub Section Table Teaser Typography

Icons

`icons.twig`

Variations

WCA logo on white and black bg

.icon-swatch-logo
{% include "/assets/images/wca-logo.svg" %}

.icon-swatch-logo
{% include "assets/images/wca-logo-bw.svg" %}

Arrows and Carets

.fill-black
{% include "assets/images/arrow-down.svg" %}

.fill-black
{% include "assets/images/arrow-down.svg" %}

.fill-black
{% include "assets/images/arrow-down.svg" %}

.fill-white
{% include "assets/images/arrow-down.svg" %}

.fill-black
{% include "assets/images/arrow-left.svg" %}

.fill-black
{% include "assets/images/arrow-left.svg" %}

.fill-black
{% include "assets/images/arrow-left.svg" %}

.fill-white
{% include "assets/images/arrow-left.svg" %}

.fill-black
{% include "assets/images/arrow-right.svg" %}

.fill-black
{% include "assets/images/arrow-right.svg" %}

.fill-black
{% include "assets/images/arrow-right.svg" %}

.fill-white
{% include "assets/images/arrow-right.svg" %}

.fill-black
{% include "assets/images/arrow-up-right.svg" %}

.fill-black
{% include "assets/images/arrow-up-right.svg" %}

.fill-black
{% include "assets/images/arrow-up-right.svg" %}

.fill-white
{% include "assets/images/arrow-up-right.svg" %}

.fill-black
{% include "assets/images/caret-right.svg" %}

.fill-black
{% include "assets/images/caret-right.svg" %}

.fill-black
{% include "assets/images/caret-right.svg" %}

.fill-white
{% include "assets/images/caret-right.svg" %}

Post Type Icons

.fill-black
{% include "assets/images/conference.svg" %}

.fill-black
{% include "assets/images/conference.svg" %}

.fill-black
{% include "assets/images/conference.svg" %}

.fill-white
{% include "assets/images/conference.svg" %}

.fill-black
{% include "assets/images/publication.svg" %}

.fill-black
{% include "assets/images/publication.svg" %}

.fill-black
{% include "assets/images/publication.svg" %}

.fill-white
{% include "assets/images/publication.svg" %}

.fill-black
{% include "assets/images/scholarship.svg" %}

.fill-black
{% include "assets/images/scholarship.svg" %}

.fill-black
{% include "assets/images/scholarship.svg" %}

.fill-white
{% include "assets/images/scholarship.svg" %}

.fill-black
{% include "assets/images/quote.svg" %}

.fill-black
{% include "assets/images/quote.svg" %}

.fill-black
{% include "assets/images/quote.svg" %}

.fill-white
{% include "assets/images/quote.svg" %}

Social Media

{% include "assets/images/facebook.svg" %}

{% include "assets/images/facebook.svg" %}

{% include "assets/images/facebook.svg" %}

{% include "assets/images/facebook.svg" %}

{% include "assets/images/twitter.svg" %}

{% include "assets/images/twitter.svg" %}

{% include "assets/images/twitter.svg" %}

{% include "assets/images/twitter.svg" %}

{% include "assets/images/linkedin.svg" %}

{% include "assets/images/linkedin.svg" %}

{% include "assets/images/linkedin.svg" %}

{% include "assets/images/linkedin.svg" %}

{% include "assets/images/link.svg" %}

{% include "assets/images/link.svg" %}

{% include "assets/images/link.svg" %}

{% include "assets/images/link.svg" %}