Icons Overview
All
Product
Black
Red
White
Flags
| Name | Flag-icon | Country |
|---|---|---|
| flag-at-4x3 | Austria | |
| flag-bg-4x3 | Bulgaria | |
| flag-ch-4x3 | Switzerland | |
| flag-de-4x3 | Germany | |
| flag-hr-4x3 | Croatia |
Table
| Name | exo-icon Product | exo-icon Black | exo-icon Red | exo-icon White |
|---|---|---|---|---|
| exo-2fa | ||||
| exo-admin | ||||
| exo-ai-prod | ||||
| exo-ai-vdbs | ||||
| exo-ai-dinf | ||||
| exo-block-storage | ||||
| exo-cdn | ||||
| exo-check | ||||
| exo-cldntv-1 | ||||
| exo-cldntv-2 | ||||
| exo-cli | ||||
| exo-cloud | ||||
| exo-db-grafana | ||||
| exo-db-kafka | ||||
| exo-db-mysql | ||||
| exo-db-opensearch | ||||
| exo-db-postgresql | ||||
| exo-db-thanos | ||||
| exo-db-valkey | ||||
| exo-dbaas | ||||
| exo-dns | ||||
| exo-eip | ||||
| exo-gpu | ||||
| exo-grafana | ||||
| exo-iam | ||||
| exo-ip | ||||
| exo-ipv6 | ||||
| exo-kafka | ||||
| exo-license | ||||
| exo-logo | ||||
| exo-mktplc | ||||
| exo-mysql | ||||
| exo-network | ||||
| exo-nlb | ||||
| exo-object-storage | ||||
| exo-opensearch | ||||
| exo-postgresql | ||||
| exo-price | ||||
| exo-privcon | ||||
| exo-privnet | ||||
| exo-quick | ||||
| exo-router | ||||
| exo-s3cmp | ||||
| exo-scale | ||||
| exo-secgrp | ||||
| exo-sks | ||||
| exo-snapshot | ||||
| exo-stop | ||||
| exo-storage | ||||
| exo-sup-lv1 | ||||
| exo-sup-lv2 | ||||
| exo-sup-lv3 | ||||
| exo-sup-lv4 | ||||
| exo-support | ||||
| exo-switch | ||||
| exo-template | ||||
| exo-thanos | ||||
| exo-transfer | ||||
| exo-user | ||||
| exo-valkey | ||||
| exo-vm | ||||
| exo-vmpool | ||||
| exo-vpc |
Usage
To use an exo-icon inline, just write the following shortcode with the icon-name Name from the above table:
{{ < exo-icon "Name" > }}.
To use the product icon:
{{ < exo-icon "exo-ai-prod" > }}
Just use the name from the table above and you’re done. If you want to use the red-line version of the icon, add _r to the icon name:
{{ < exo-icon "exo-ai-prod_r" > }}
Use the same approach for black-line (_b) and white-line (_w) icons.
! NOTE There is no
blankbetween the double{and the<as well as noblankbetween the double}and the>at the end, to display the shortcode in text, we needed to be tricky ;)