https://github.com/alpacatravel/react-maki-icons

Maki SVG Icons for use in React
https://github.com/alpacatravel/react-maki-icons

Last synced: about 2 months ago
JSON representation

Maki SVG Icons for use in React

• Host: GitHub
• URL: https://github.com/alpacatravel/react-maki-icons
• Owner: AlpacaTravel
• License: mit
• Created: 2020-07-09T04:07:05.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-06-16T22:01:24.000Z (over 2 years ago)
• Last Synced: 2024-11-15T02:09:57.572Z (about 2 months ago)
• Language: TypeScript
• Size: 1.59 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Maki Icons for React

Add Mapbox maki icons to your react application.

## Installation

SVG's are within the components and there is no need to add any other project dependencies (svgr etc)

```

npm install @alpaca-travel/react-maki-icons

```

## Usage

```javascript

import React from "react";

// Peel off the icon you need

import { Airport } from "alpaca-travel/react-maki-icons";

// Or the exact version you want

//import Airport from "@alpaca-travel/react-maki-icons/icons/airport-15";

// You can also access the SVG paths (scaled to 1024 applying with rel and rounding)

// import { iconsMap } from "@alpaca-travel/react-maki-icons"

export default function Component() {

  // Use style to apply to the svg component (like fill etc)

  return ;

}

```

## Online Demo

[![Edit Demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-maki-icons-1f6kq?file=/src/App.tsx)