React NHL Logos

React components for NHL team logos

Install

$ npm install react-nhl-logos

Usage

import React from "react";
import { DET } from "react-nhl-logos";
 
const Example = () => {
  return <DET />; // Loads the Detroit Red Wings logo
};
 
export default Example;

or include all icons

import React from "react";
import * as NHLLogos from "react-nhl-logos";
 
const Example = () => {
  return <NHLLogos.DET />; // Loads the Detroit Red Wings logo
};
 
export default Example;

Configuration

Size can be easily configured (Default of 100px)

import React from "react";
import { DET } from "react-nhl-logos";
 
const Example = () => {
  return (
    <div>
      <DET size={60} />
      <DET /> // Default of 100px
      <DET size={140} />
    </div>
  );
};
 
export default Example;

Results in

Credits

React NHL Logos was inspired by React NBA Logos by Christopher Katsaras

Copyrights

NHL and the NHL Shield are registered trademarks of the National Hockey League. All NHL logos and marks and NHL team logos and marks depicted herein are the property of the NHL and the respective teams and may not be reproduced without the prior written consent of NHL Enterprises, L.P. © NHL. All Rights Reserved.