react-nfl-logos

React components for NFL team logos

Usage no npm install needed!

<script type="module">
  import reactNflLogos from 'https://cdn.skypack.dev/react-nfl-logos';
</script>

README

React NFL Logos

npm

React components for NFL team logos

image

Install

$ npm install react-nfl-logos

Usage

import React from 'react';
import { ARI } from 'react-nfl-logos';

const Example = () => {
  return <ARI />; // Loads the Arizona Cardinals logo
};

export default Example;

or include all icons

import React from 'react';
import * as NFLIcons from 'react-nfl-logos';

const Example = () => {
  return <NFLIcons.ARI />; // Loads the Arizona Cardinals logo
};

export default Example;

Configuration

Size can be easily configured (Default of 100px)

import React from 'react';
import { ARI } from 'react-nfl-logos';

const Example = () => {
  return (
    <div>
      <ARI size={60} />
      <ARI /> // Default of 100px
      <ARI size={140} />
    </div>
  );
};

export default Example;

Results in

Screen Shot 2019-07-11 at 5 50 31 PM