# react-az-icons

> React Components for Azure Cloud Icons

Latest version **0.2.0** (published 2023-06-14) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-az-icons
pnpm add react-az-icons
yarn add react-az-icons
bun add react-az-icons
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.0 |
| Published | 2023-06-14 |
| First published | 2023-05-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 2.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Johannes Wu |
| Maintainers | byteknacker |
| Keywords | react, icons, azure, mapping, resource, cloud |

## Links

- npm: https://www.npmjs.com/package/react-az-icons
- Repository: https://github.com/byteknacker/react-az-icons
- Homepage: https://github.com/byteknacker/react-az-icons#readme
- Issues: https://github.com/byteknacker/react-az-icons/issues
- npm.io page: https://npm.io/package/react-az-icons

## Dependencies (1)

- [react](https://npm.io/package/react.md) ^16.8.4

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [stockfish](https://npm.io/package/stockfish.md) — 27.0K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads

## Recent versions

- 0.2.0 (latest) — 2023-06-14
- 0.1.3 — 2023-06-14
- 0.1.2 — 2023-05-25
- 0.1.1 — 2023-05-25
- 0.1.0 — 2023-05-25

## README

<img src="./images/react-azure.png" width="160">


# Azure React Icons

Kudos to Rinor Maloku and his original npm package, [azure-react-icons](https://github.com/orangenet/azure-react-icons/) on which this package is based.

## General Information

[![npm][npm-image]][npm-url]
![types][types-image]

[types-image]: https://img.shields.io/npm/types/react-az-icons.svg?style=flat-square
[npm-image]: https://img.shields.io/npm/v/react-az-icons.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/react-az-icons

Azure Icons based on SVG format in the form of React Components, to simplify adding the icons on your React applications.

> Disclaimer these icons are from [Azure Architecture Icons](https://learn.microsoft.com/en-us/azure/architecture/icons/), for their usage in User Interfaces you need to request permission on <CnESymbols@microsoft.com>.


## Naming Convention

- All icons should be .svg files with names that start with Az in the form of AzNameOfResource. Any icons that has nothing to do with Azure, should not be included in this library.
- Azure Active Directory consitutes a special case to make it more distinguishable from Active Directory. AzAADXxX looks like a repetition but this is intended.
- For every Azure service, there should be just one single icon to avoid ambiguity and increase user-friendliness.
- Capitalise the first letter and capitalise for each word the first letter, no punctuations between words in the names.

## Getting Started

Install the components using [npm](https://www.npmjs.com/) or [Yarn](https://yarnpkg.com/en/)

```bash
npm i --save react-az-icons
# or 
yarn add react-az-icons
```

## Usage

Simply import the component into your file:

```
import {AzKubernetesServices} from 'react-az-icons';
```
And use it as any other react component:

```
<AzKubernetesServices size={128}/>
```

Final result:

<img src="./images/az-kubernetes-services.png" width="128">

## Contributing

Do you want to extend the icons library or fix an issue? Here is how you can help:

1. Follow the instructions of the [Setup Guide](./setup.md).
2. Add your icon and make your change.
3. Open a PR :wink:

## Feedback

Request new icons or file bugs under [Github Issues](https://github.com/byteknacker/react-az-icons/issues).

>  :construction: The components for this library are auto generated and some of them may contain issues, please report those.

---
_Source: https://npm.io/package/react-az-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._