Skip to content

geist-org/icons

Repository files navigation

React Icons

The icon components for Geist UI.

npm Version Build

Install

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

Usage

import React from 'react'
import { Code } from '@geist-ui/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/icons'

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

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

LICENSE

MIT