reactjs-stack-icons

Icons and spots of stackoverflow design system optimized for ReactJs user.

ReactJs implementation of Stack-Icons.

Look up available Icon here and Spot here

Installation

yarn add reactjs-stack-icons

Usage

For client-side rendering projects (native ReactJs):

import { Icon } from 'reactjs-stack-icons';
...
    <Icon
        name='AlertCircle' 
        height={24}
        width={24}
    />
...

For NextJs projects:

// For NextJs
const Icon = dynamic(async () => ((await import('reactjs-stack-icons')).Icon), {
  ssr: false,
});
const Spot = dynamic(async () => ((await import('reactjs-stack-icons')).Spot), {
  ssr: false,
});

...
        <Icon
            name='AlertCircle' 
            height={24}
            width={24}
        />
        <Spot
            height={24}
            width={24}
            name='Astronaut'
        />
...

Advanced features:

• Tree-shakable code
• Hinting name