React NHL Logos

React components for NHL team logos

Install

npm install react-nhl-logos

Usage

import { DET } from "react-nhl-logos";

const Example = () => {
  return <DET />; // Loads the Detroit Red Wings logo
};

export default Example;

or include all logos

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 { 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

TypeScript

This package includes TypeScript definitions. The LogoProps type is exported for use in your projects:

import type { LogoProps } from "react-nhl-logos";

Available Teams

All 32 NHL teams are supported, plus the NHL league logo:

| Team | Code | Team | Code | |------|------|------|------| | Anaheim Ducks | ANA | New Jersey Devils | NJD | | Arizona Coyotes | ARI | Nashville Predators | NSH | | Boston Bruins | BOS | New York Islanders | NYI | | Buffalo Sabres | BUF | New York Rangers | NYR | | Carolina Hurricanes | CAR | Ottawa Senators | OTT | | Columbus Blue Jackets | CBJ | Philadelphia Flyers | PHI | | Calgary Flames | CGY | Pittsburgh Penguins | PIT | | Chicago Blackhawks | CHI | Seattle Kraken | SEA | | Colorado Avalanche | COL | San Jose Sharks | SJS | | Dallas Stars | DAL | St. Louis Blues | STL | | Detroit Red Wings | DET | Tampa Bay Lightning | TBL | | Edmonton Oilers | EDM | Toronto Maple Leafs | TOR | | Florida Panthers | FLA | Utah Mammoth | UTA | | Los Angeles Kings | LAK | Vancouver Canucks | VAN | | Minnesota Wild | MIN | Vegas Golden Knights | VGK | | Montréal Canadiens | MTL | Winnipeg Jets | WPG | | NHL Logo | NHL | Washington Capitals | WSH |

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.