Skip to content

AlpacaTravel/react-maki-icons

Repository files navigation

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

Edit Demo

About

Maki SVG Icons for use in React

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published