Simple notepad icon.

Background

• I notice this project dependency packages version too low. ( So i want to update them.
• Now vite is more and more popular. So if user using vite should also install babel and babel plugin. It's no necessary.( I think maybe it can be remove?

the code from makeBasicDefinition：

interface Props extends React.SVGProps

Maybe it will work

interface Props extends React.SVGProps<SVGSVGElement>

And, the GitHub component should be renamed as Github in README.md, a spelling mistake

Hey, man, I really like icons like `@geist-ui/react-icon'. But it doesn't seem to support the PNP of Yarn 2.

https://discord.com

We may need a site to query and search all icons, let everyone use the icon by clicking and copying.

Refer to vue-icons

We can use @zeit-ui/react to build this single page site.

Could we remove the peer dependency @geist-ui/core? It seems this package doesn't reply on the core, but PNPM always complains it as I don't use the @geist-ui/core

1. When the user needs to import a single icon:

// better
import Activity from '@zeit-ui/react-icons/activity'

// now
import Activity from '@zeit-ui/react-icons/dist/activity'

2. When import all icons, we also need to change the default export name:

// better
import { HomeIcon } from '@zeit-ui/react-icons'

// now
import { Home } from '@zeit-ui/react-icons'

It doesn't look good to add suffixes here, however, use import { Home as HomeIcon } grammar is more annoying. In many projects using material-ui, you can often see a lot of code similar to Home as HomeIcon.

Cache icon source to ensure the same content is published each time, avoid unnecessary errors caused by source updates.

The best solution is that we always update the source manually after source updated.

@ofekashery What's your opinion?

// update source
const res = await fetch('https://vercel.com/design/icons')
const html = await res.text()
writeToSource(html)

// generate
const cacheSource(getSource(path))
const document = new JSDOM(cacheSource).window.document

Within each icon component, the following codes is generated (42 / 68 - 61%):

function _extends() { ... }

function _objectWithoutProperties() { ... }

function _objectWithoutPropertiesLoose() { ... }

If we generate an index.bundle.js file, the volume maybe only half of the original.

We can move deps to peerDependencies.

Causing peer dependency error.