Apio Docs · Brand

Iconography

One symbol per product and a set for recurring concepts. Drawn on a 32 px grid with a 1.5 px square-cap stroke. Each symbol has exactly one element in the accent colour.

Products07

Apio IoT Platform

product-iot

Apio Edge Platform

product-edge

Apio Balance

product-balance

Apio EMS

product-ems

Apio SolarDict

product-solardict

Apio Fluxida

product-fluxida

DSO Technical Platform

product-dso

Concepts14

Timeseries

timeseries

Connectivity

connectivity

Device

device

Gateway

gateway

Plant

plant

Asset

asset

Downlink

downlink

Messaging / MQTT

messaging

Forecast

forecast

Storage

battery

Market

market

API

api

Credentials

credentials

Anomaly

anomaly

Timeseries

Connectivity

Device

Gateway

Plant

Asset

Downlink

Messaging / MQTT

Forecast

Storage

Market

API

Credentials

Anomaly

Sizes

16 px

24 px

32 px

48 px

Usage in guides

In MDX guides, use the Icon component inline, or give a card an icon:

MDX

<Icon name="timeseries" />

<Cards>
  <Card title="Query Timeseries" href="/iot/docs/query-timeseries/" icon="timeseries">
    Read historical data from any device.
  </Card>
</Cards>

To show an icon above the title of a guide, add it to the frontmatter (Markdown and MDX):

YAML

---
title: "Credentials"
icon: "credentials"
---