Icons¶
The table below contains all the icons used in the SDK:
This is optional and can be omitted if you are not using the corresponding feature
Icon coloring
Each icon can be used in two ways:
- As an image
template
โ the SDK will automatically color it depending on where it is used - As an
original
image โ the SDK will use it without any color changes
Key | Description | Icon |
---|---|---|
PageBar | ||
back24 | Back button in navigation bars | ![]() ![]() |
close24 | Close button in navigation bars | ![]() ![]() |
Selection | ||
check20 | Selection indicator | ![]() ![]() |
trash24 | Delete/remove item button | ![]() ![]() |
Error | ||
error36 | General error icon | ![]() ![]() |
Image | ||
imageError36 | Image loading error icon | ![]() ![]() |
ProductBar | ||
arrow16 | Navigation arrow in product bar to open details | ![]() ![]() |
Welcome Screen | ||
welcome82 | Welcome screen central icon above the title | 1 |
Onboarding | ||
onboardingBestResultsGood24 | Good results badge in onboarding | |
onboardingBestResultsBad24 | Bad results badge in onboarding | |
ImagePicker Camera | ||
camera24 | Camera capture button | ![]() ![]() |
ImagePicker Gallery | ||
gallery24 | Gallery access button | ![]() ![]() |
ImagePicker PredefinedModel | ||
selectModels24 | Model selection button | ![]() ![]() |
TryOn | ||
magic20 | Try-on button | ![]() ![]() |
TryOn Loading | ||
loading14 | Loading indicator | 2 |
TryOn FitDisclaimer | ||
info20 | Information icon for fit disclaimer | |
TryOn Feedback | ||
like36 | Like/positive feedback button | ![]() ![]() |
dislike36 | Dislike/negative feedback button | ![]() ![]() |
gratitude40 | Gratitude screen illustration | 3 |
TryOn OtherPhoto | ||
changePhoto24 | Change photo button | ![]() ![]() |
TryOn History | ||
history24 | History access button for page bar | ![]() ![]() |
Share | ||
share24 | Share button | ![]() ![]() |
Wishlist | ||
wishlist24 | Add to wishlist button | ![]() ![]() |
wishlistFill24 | Remove from wishlist button | ![]() ![]() |