# ε AdaptIcon

Element: Set sizes for display with or without a status badge. Based off of the concept behind [Adaptive Icons](https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive) introduced with Android 8.0, Adpicon's display a simple icon inside a variety of shapes.

[Styleguide Link](https://zpl.io/bey1LvW)

* Parent: [AdaptIcon - Bar](https://able.bucca.com/core/overview/adapticon/adapticon-bar), ListItem, Multiple others
* Child: [Badge](https://able.bucca.com/core/overview/badge), [Icon](https://able.bucca.com/core/overview/icon), [AdaptIcon - Shape](https://able.bucca.com/core/overview/adapticon/adapticon-shape)

## Properties

### Size & Shape

To account for multiple usecases the design system has established a set sizing standard for certain interface objects, with AdaptIcon being one of those. The size and shape of the AdaptIcon is set within the base level feeder of AdaptIcon - Shape.

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FVWQwDyk98H0F3gHazwXO%2FSize.png?alt=media&#x26;token=7680a888-631a-4c6e-a747-ba00320fb1c9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FdB364ktc4quq8hjVsgbP%2FShape.png?alt=media&#x26;token=c2895c1d-c41e-4b88-8003-fc8b4d82f5ce" alt=""><figcaption></figcaption></figure>

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FxBpJWod4Q9ixY3174Ld1%2FBadge.png?alt=media&#x26;token=dc59d0c0-a840-4741-9364-bffbe70dc689" alt=""><figcaption></figcaption></figure>

### Status

Most of the time an adaptIcon is simply shown as a metaphor for something, but it does have the ability to carry a badge as well. There may be situations where a service like email or alerts would be represented on the screen as an AdaptIcon so it will need the capability of sharing additional information in the form of a badge in those situations.

*