Illustrative Icons

Design icons are a set of icons that are more illustrative and informative than instructional, unlike the UI icons set. These are not designed to be used as actions, but more like cues to the user.

Unlike the UI icon set, not all of these icons are not vector based and as such, we unfortunately have 2 ways to call the icons in this set.

SVG based icons

Still the preferred way to include iconography into the Control Panel is via individual SVGs using the <icon /> component. Below are the collections of vector based design icons, with any special treatments they require.

<icon glyph="ic-payment-mastercard" class="icon--medium"></icon>
<icon glyph="ic-payment-cvc" class="icon--medium"></icon>
<icon glyph="ic-payment-visa" class="icon--medium"></icon>
Notes:

Identical to UI Icons, the glyph attribute specifies which icon you would like, by name, from the list below. You should probably use icon--medium modifier for a slightly bigger size.

logo icons

  • ic-logo-amazon
  • ic-logo-ebay
  • ic-logo-facebook
  • ic-logo-instagram
  • ic-logo-pinterest
  • ic-logo-twitter

payment icons

  • ic-cash
  • ic-payment-amex
  • ic-payment-cvc
  • ic-payment-cvv-amex
  • ic-payment-cvv-visa
  • ic-payment-dinersclub
  • ic-payment-discover
  • ic-payment-mastercard
  • ic-payment-visa

Sprite based icons

We created a rasterized image sprite to be used as a background image of our <sprite /> component.

<sprite glyph="ic-australia"></sprite>
<sprite glyph="ic-united-kingdom"></sprite>
<sprite glyph="ic-new-zealand"></sprite>
Notes:

Similar to <icon />, the glyph attribute specifies which icon you would like, by name, from the list below.

flag icons

  • ic-afghanistan
  • ic-albania
  • ic-algeria
  • ic-andorra
  • ic-antigua-and-barbuda
  • ic-argentina
  • ic-armenia
  • ic-australia
  • ic-austria
  • ic-azerbaijan
  • ic-bahamas
  • ic-bahrain
  • ic-bangladesh
  • ic-barbados
  • ic-belarus
  • ic-belgium
  • ic-belize
  • ic-benin
  • ic-bhutan
  • ic-bolivia
  • ic-bosnia-and-herzegovina
  • ic-botswana
  • ic-brazil
  • ic-brunei
  • ic-bulgaria
  • ic-burkina-faso
  • ic-burundi
  • ic-cambodia
  • ic-cameroon
  • ic-canada
  • ic-cape-verde
  • ic-central-african-republic
  • ic-chad
  • ic-chile
  • ic-china
  • ic-colombia
  • ic-comoros
  • ic-congo-democratic
  • ic-congo-republic
  • ic-costa-rica
  • ic-cote-divoire
  • ic-croatia
  • ic-cuba
  • ic-cyprus
  • ic-czech-republic
  • ic-denmark
  • ic-djibouti
  • ic-dominica
  • ic-dominican-republic
  • ic-east-timor
  • ic-ecuador
  • ic-egypt
  • ic-el-salvador
  • ic-equatorial-guinea
  • ic-eritrea
  • ic-estonia
  • ic-ethiopia
  • ic-fiji
  • ic-finland
  • ic-france
  • ic-gabon
  • ic-gambia
  • ic-georgia
  • ic-germany
  • ic-ghana
  • ic-grecee
  • ic-grenada
  • ic-guatemala
  • ic-guinea-bissau
  • ic-guinea
  • ic-guyana
  • ic-haiti
  • ic-honduras
  • ic-hungary
  • ic-iceland
  • ic-india
  • ic-indonesia
  • ic-iran
  • ic-iraq
  • ic-ireland
  • ic-israel
  • ic-italy
  • ic-jamaica
  • ic-japan
  • ic-jordan
  • ic-kazakhstan
  • ic-kenya
  • ic-kiribati
  • ic-korea-north
  • ic-korea-south
  • ic-kosovo
  • ic-kuwait
  • ic-kyrgyzstan
  • ic-laos
  • ic-latvia
  • ic-lebanon
  • ic-lesotho
  • ic-liberia
  • ic-libya
  • ic-liechtenstein
  • ic-lithuania
  • ic-luxembourg
  • ic-macedonia
  • ic-madagascar
  • ic-malawi
  • ic-malaysia
  • ic-maldives
  • ic-mali
  • ic-malta
  • ic-marshall-islands
  • ic-mauritania
  • ic-mauritius
  • ic-mexico
  • ic-micronesia-federated
  • ic-moldova
  • ic-monaco
  • ic-mongolia
  • ic-montenegro
  • ic-morocco
  • ic-mozambique
  • ic-myanmar
  • ic-namibia
  • ic-nauru
  • ic-nepal
  • ic-netherlands
  • ic-new-zealand
  • ic-nicaragua
  • ic-niger
  • ic-nigeria
  • ic-norway
  • ic-oman
  • ic-pakistan
  • ic-palau
  • ic-panama
  • ic-papua-new-guinea
  • ic-paraguay
  • ic-peru
  • ic-philippines
  • ic-poland
  • ic-portugal
  • ic-qatar
  • ic-romania
  • ic-russia
  • ic-rwanda
  • ic-saint-kitts-and-nevis
  • ic-saint-lucia
  • ic-saint-vincent-and-the-grenadines
  • ic-samoa
  • ic-san-marino
  • ic-sao-tome-and-principe
  • ic-saudi-arabia
  • ic-senegal
  • ic-serbia
  • ic-seychelles
  • ic-sierra-leone
  • ic-singapore
  • ic-slovakia
  • ic-slovenia
  • ic-solomon-islands
  • ic-somalia
  • ic-south-africa
  • ic-south-sudan
  • ic-spain
  • ic-sri-lanka
  • ic-sudan
  • ic-suriname
  • ic-swaziland
  • ic-sweden
  • ic-switzerland
  • ic-syria
  • ic-taiwan
  • ic-tajikistan
  • ic-tanzania
  • ic-thailand
  • ic-togo
  • ic-tonga
  • ic-trinidad-and-tobago
  • ic-tunisia
  • ic-turkey
  • ic-turkmenistan
  • ic-tuvalu
  • ic-uganda
  • ic-ukraine
  • ic-united-arab-emirates
  • ic-united-kingdom
  • ic-united-states
  • ic-uruguay
  • ic-uzbekistan
  • ic-vanuatu
  • ic-vatican-city
  • ic-venezuela
  • ic-vietnam
  • ic-yemen
  • ic-zambia
  • ic-zimbabwe