```
  <div>
    <Icon size="xs" name="similar-device" />{' '}
    <Icon size="xs" name="new-device" />{' '}
    <Icon size="xs" name="several-devices" />{' '}
    <Icon size="xs" name="different-device" />{' '}
    <Icon size="xs" name="derived-device" />{' '}
    <Icon size="xs" name="edit" />
    <br /><br />
    <Icon size="sm" name="similar-device" />{' '}
    <Icon size="sm" name="new-device" />{' '}
    <Icon size="sm" name="several-devices" />{' '}
    <Icon size="sm" name="different-device" />{' '}
    <Icon size="sm" name="derived-device" />{' '}
    <Icon size="sm" name="edit" />
    <br /><br />
    <Icon size="md" name="world" /><br />
    <Icon size="md" name="basket" /><br />
    <Icon size="md" name="account" /><br />
    <Icon size="md" name="card" /><br />
    <Icon size="md" name="ok-circle" /><br />
    <Icon size="md" name="sigfox-id" /><br/>
    <br /><br />
    <TextIcon size="md" name="device">device</TextIcon><br />
    <TextIcon size="md" name="transceiver">transceiver</TextIcon><br />
    <TextIcon size="md" name="soc">soc</TextIcon><br />
    <TextIcon size="md" name="module">module</TextIcon><br />
    <TextIcon size="md" name="kit">kit</TextIcon><br />
    <TextIcon size="md" name="platform">platform</TextIcon><br />
    <TextIcon size="md" name="solution">solution</TextIcon><br />
    <br /><br />
    <Icon size="sm" name="signal-1" /> <Icon size="sm" name="bat1" /><br/>
    <Icon size="sm" name="signal-2" /> <Icon size="sm" name="bat2" /><br/>
    <Icon size="sm" name="signal-3" /> <Icon size="sm" name="bat3" /><br/>
    <Icon size="sm" name="signal-4" /> <Icon size="sm" name="bat4" /><br/>
    <br /><br />
    <Icon size="sm" name="signal-1" variant="circle" color="white" backgroundColor="blue" /><br/>
    <Icon size="sm" name="signal-2" variant="circle" color="white" backgroundColor="blue" /><br/>
    <Icon size="sm" name="signal-3" variant="circle" color="white" backgroundColor="blue" /><br/>
    <Icon size="sm" name="signal-4" variant="circle" color="white" backgroundColor="blue" /><br/>
    <br /><br />
    <Icon size="md" name="sigfox" /><br />
    <Icon size="md" name="library" /><br />
    <Icon size="md" name="certification" /><br />
    <Icon size="md" name="start" /><br />
    <Icon size="md" name="study" /><br/>
    <Icon size="md" name="development" /><br/>
    <Icon size="md" name="industrialization" /><br/>
    <Icon size="md" name="attach" /><br/>
    <Icon size="md" name="link" color="night-blue" /><br/>
    <Icon size="md" name="user" variant="circle" color="white" backgroundColor="blue" /><br/>
    <Icon size="md" name="signal-1" variant="circle" color="white" backgroundColor="blue" /><br/>
    <Icon size="md" name="signal-2" variant="circle" color="white" backgroundColor="blue" /><br/>
    <Icon size="md" name="signal-3" variant="circle" color="white" backgroundColor="blue" /><br/>
    <Icon size="md" name="signal-4" variant="circle" color="white" backgroundColor="blue" /><br/>
  </div>
```