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

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 <Airport fill="#000000" />;
}

Online Demo