Skip to content

BradMcGonigle/react-nhl-logos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

26 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React NHL Logos

npm

React components for NHL team logos

National Hockey League 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

Detroit Red Wings

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.