Styles

Colors

Primary

Secondary

Tertiary

Grays

Status

Typography

Icons

informational alert icon

Import SVG into Android Studio (steps were written with Android Studio 3.3.2):

  1. File > New > Vector Asset
  2. Configure Vector Asset - Asset Type: Local file (SVG, PSD) - Name: This will get appended with "ic_". Most of the time the default naming is ok - Path: Select the SVG from your local system - Size: Check the box that reads Override - Opacity: 100%
  3. Click next
  4. Make sure the Res Directory is main and the Output Directory is res > drawable. Note: if your Output Directory is res-feature, you'll have to move it to res > drawable after creating the asset
  5. Click finish

Illustrations

informational alert icon

Import SVG into Android Studio (steps were written with Android Studio 3.3.2):

  1. File > New > Vector Asset
  2. Configure Vector Asset - Asset Type: Local file (SVG, PSD) - Name: This will get appended with "ic_". Most of the time the default naming is ok - Path: Select the SVG from your local system - Size: Check the box that reads Override - Opacity: 100%
  3. Click next
  4. Make sure the Res Directory is main and the Output Directory is res > drawable. Note: if your Output Directory is res-feature, you'll have to move it to res > drawable after creating the asset
  5. Click finish
↑ Back to top