open Styleguide

Icons

This page lists all SVG icons used across the OEC website.

Using Icons

Sprites URL: https://cdn.uwec.edu/openec/img/sprites/oec-icons.svg

CSS class: class="icon [type] [color]" (e.g. "icon alert black")

SASS mixin: @include icon([type], [color])
(e.g. @include icon(alert, black))

Primary Icon Sprites

Arrows

File Types

Social Icons

Workdmark Sprite

URL: https://cdn.uwec.edu/uwec16/img/sprites/wordmark.svg

CSS class: class="wmark [color]" (e.g. "wmark black")

SASS mixin: @extend %wmark, @incude wmark-color([color])