@dasa-health/alma-icons NPM

Alma DS icons

Alma icons is the official icon SVG & React lib from Dasa. They can be browsed at here in our Figma.

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.

yarn install @dasa-health/alma-icons

importing

The naming of icons in React follows the format

NameIconVariation

See examples below

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";