# fa-icon.macro

> > Import SVG files to use as [`@fortawesome/react-fontawesome`](https://www.npmjs.com/package/@fortawesome/react-fontawesome) icons

Latest version **1.0.2** (published 2019-06-01) · 0 weekly downloads

## Install

```sh
npm install fa-icon.macro
pnpm add fa-icon.macro
yarn add fa-icon.macro
bun add fa-icon.macro
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2019-06-01 |
| First published | 2019-06-01 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 7.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Maintainers | ryaninvents |
| Keywords | babel-plugin-macros, font-awesome, icon, web |

## Links

- npm: https://www.npmjs.com/package/fa-icon.macro
- Repository: https://github.com/ryaninvents/fa-icon.macro
- Homepage: https://github.com/ryaninvents/fa-icon.macro#readme
- Issues: https://github.com/ryaninvents/fa-icon.macro/issues
- npm.io page: https://npm.io/package/fa-icon.macro

## Dependencies (6)

- [unified](https://npm.io/package/unified.md) ^7.1.0
- [rehype-parse](https://npm.io/package/rehype-parse.md) ^6.0.0
- [svg-path-bounds](https://npm.io/package/svg-path-bounds.md) ^1.0.1
- [hast-util-select](https://npm.io/package/hast-util-select.md) ^3.0.1
- [babel-plugin-macros](https://npm.io/package/babel-plugin-macros.md) ^2.6.0
- [normalize-svg-coords](https://npm.io/package/normalize-svg-coords.md) ^1.0.7

## 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
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2019-06-01
- 1.0.1 — 2019-06-01
- 1.0.0 — 2019-06-01

## README

# fa-icon.macro

> Import SVG files to use as [`@fortawesome/react-fontawesome`](https://www.npmjs.com/package/@fortawesome/react-fontawesome) icons

[![CircleCI][circleci-image]][circleci-url]
[![semantic-release][semantic-release-image]][semantic-release-url]
[![Babel Macro](https://img.shields.io/badge/babel--macro-%F0%9F%8E%A3-f5da55.svg?style=flat-square)](https://github.com/kentcdodds/babel-plugin-macros)

## Installation

```bash
npm install --save-dev fa-icon.macro
```

## Usage

```js
import React from 'react';
import createIcon from 'fa-icon.macro';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

const myIcon = Object.assign(
  createIcon('./logo.svg'),
  {
    iconName: 'my-logo'
  }
);

export default function Example() {
  return (
    <div>
      Here is my logo! <FontAwesomeIcon icon={myIcon} />
    </div>
  );
}
```


[semantic-release-image]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg

[semantic-release-url]: https://github.com/semantic-release/semantic-release

[circleci-image]: https://img.shields.io/circleci/project/github/ryaninvents/fa-icon.macro/master.svg?logo=circleci

[circleci-url]: https://circleci.com/gh/ryaninvents/fa-icon.macro

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