# Alma DS icons

Alma icons is the official icon SVG & React lib from Dasa. They can be browsed at [here in our Figma](https://www.figma.com/file/IFTyAmkRpfNvkN8gM6EAGk/TEMP-Icons?node-id=879%3A10204).

## Introduction

Alma's icon pack is designed to export icons in React and SVG component format.

## Installation

Use the terminal to install AlmaIcons in your project.

```bash
yarn install @dasa-health/alma-icons
```

## importing

The naming of icons in React follows the format

```
NameIconVariation
```

See examples below

```react
import { AddBold } from "@dasa-health/alma-icons";
import { RoundcheckOutline } from "@dasa-health/alma-icons";

const App = () => (
  <Box>
  	<Icon color="support.01">
  		<AddBold />
  	</Icon>
    <Icon px="auto">
      <RoundcheckOutline />
    </Icon>
   </Box>
)
```

## SVG

To use SVG as a module you need to import the complete path of the icon following the format

```
@dasa-health/alma-icons/assets/variacao/nome-icone.svg
```

See examples below

```
import AddBoldIcon from "@dasa-health/alma-icons/assets/bold/add.svg";
import ArrowleftOutlineIcon from "@dasa-health/alma-icons/assets/outline/arrow-left.svg";
```

## See more about Icons in our documentation

See more about our features in [our documentation](https://zeroheight.com/7a44c04f2/p/57dc68-icons).