# UI Reference

## Icon Reference

| Icon | Description |
| --------- | ----------- |
| ![auto capture](https://www.dynamsoft.com/assets/images/guide/icon/auto_capture.svg) | Auto capture at fixed interval. |
| ![wanted](https://www.dynamsoft.com/assets/images/guide/icon/wanted.svg)             | Set wanted barcodes. |
| ![flashlight](https://www.dynamsoft.com/assets/images/guide/icon/flashlight.svg){:height="23"}{:width="24"}     | Toggle flashlight. |
| ![beep](https://www.dynamsoft.com/assets/images/guide/icon/beep.svg)                 | Beep after successful scanning. |
| ![vibrate](https://www.dynamsoft.com/assets/images/guide/icon/vibrate.svg)           | Vibrate after successful scanning. |
| ![settings](https://www.dynamsoft.com/assets/images/guide/icon/settings.svg)         | Go to settings page. |
| ![add](https://www.dynamsoft.com/assets/images/guide/icon/add.svg)         | Import images and barcodes. |
| ![refresh](https://www.dynamsoft.com/assets/images/guide/icon/refresh.svg)         | Start a new scanning. |
| ![capture](https://www.dynamsoft.com/assets/images/guide/icon/capture.svg)         | Capture a photo for decoding. |
| ![download](https://www.dynamsoft.com/assets/images/guide/icon/download.svg)         | Save the scanning result. |
| ![results](https://www.dynamsoft.com/assets/images/guide/icon/results.svg)         | Go to the result page. |

## Color Reference

| Color | Description |
| --------- | ----------- |
| Green | Recognized barcodes |
| Light blue | Newly recognized barcodes |
| Orange | Unrecognized barcodes by layout analysis or barcode location detection|
| Purple | Wanted barcodes |