@geist-ui/react-icons

React icon components for Geist UI.

Usage no npm install needed!

<script type="module">
  import geistUiReactIcons from 'https://cdn.skypack.dev/@geist-ui/react-icons';
</script>

README

React Icons

React icon components for Geist UI.

npm Version Build

Install

$ yarn add @geist-ui/react-icons
OR
$ npm install @geist-ui/react-icons

Usage

import React from 'react'
import { Code } from '@geist-ui/react-icons'

const App = () => {
  return <Code />
}

export default App

Icons can be configured with color, size and any SVG props:

<Code color="red" size={36} />
<Code color="blue" strokeWidth={2} />

Other ways

  1. You can include the whole icon pack:
import * as Icons from '@geist-ui/react-icons'

const App = () => {
  return <Icons.Code />
}
  1. You can include single icon:
import Code from '@geist-ui/react-icons/code'

const App = () => {
  return <Code />
}

LICENSE

MIT