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