Icon

Icon

Icon has a couple of components. NesIcon,

NesIcon

This component has 2 properties, iconType and iconSize.
iconType "close" | "trophy" | "coin"
iconSize "large" | "medium" | "small"

import { NesIcon } from 'nes-components';
<NesIcon iconType={"trophy"} iconSize={"medium"} />

NesArt

This component has 2 properties, iconType and isAnimated. isAnimated is for nes-octocat.
iconType "nes-logo" | "nes-jp-logo" | "snes-logo" | "snes-jp-logo" | "nes-octocat" | "nes-smartphone" | "nes-phone"
isAnimated boolean

import { NesArt } from 'nes-components';
<NesArt iconType={"nes-logo"} />
<NesArt iconType={"nes-octocat"} isAnimated={true} />

NesReactionIcon

This component has 3 properties, iconType, iconSize and iconReactionType.
iconType "heart" | "star" | "like"
iconSize "large" | "medium" | "small" iconReactionType "empty" | "half" | "transparent"

import { NesReactionIcon } from 'nes-components';
<NesReactionIcon iconType={'heart'} iconSize={'large'} />
<NesReactionIcon
  iconType={'heart'}
  iconSize={'large'}
  iconReactionType={'empty'}
/>

NesSNSIcon

This component has 2 properties, iconType and iconSize.
iconType "medium" | "twitter" | "facebook" | "instagram" | "github" | "google" | "gmail" | "linkedin" | "twitch" | "youtube" | "reddit" | "whatsapp"
iconSize "large" | "medium" | "small"

import { NesSNSIcon } from 'nes-components';
<NesSNSIcon iconType={'github'} iconSize={'medium'} />
<NesSNSIcon iconType={'youtube'} iconSize={'medium'} />