https://github.com/geist-org/icons

React components for Geist icons
https://github.com/geist-org/icons

feather-icons geist geist-ui hacktoberfest icons react-icons

Last synced: 3 months ago
JSON representation

React components for Geist icons

• Host: GitHub
• URL: https://github.com/geist-org/icons
• Owner: geist-org
• License: mit
• Created: 2020-04-26T14:52:22.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T14:36:17.000Z (over 2 years ago)
• Last Synced: 2025-04-15T14:56:05.398Z (3 months ago)
• Topics: feather-icons, geist, geist-ui, hacktoberfest, icons, react-icons
• Language: TypeScript
• Homepage: https://geist-ui.dev/icons
• Size: 926 KB
• Stars: 44
• Watchers: 1
• Forks: 11
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Icons

The icon components for Geist UI.

[![npm Version](https://img.shields.io/npm/v/@geist-ui/icons)](https://www.npmjs.com/package/@geist-ui/icons)

[![Build](https://img.shields.io/github/workflow/status/geist-org/icons/Build)](https://github.com/geist-org/icons/actions?query=workflow%3ABuild)

## Install

```

$ yarn add @geist-ui/icons

OR

$ npm install @geist-ui/icons

```

## Usage

```tsx

import React from 'react'

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

const App = () => {

  return 

}

export default App

```

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

```ts





```

## Other ways

1. You can include the whole icon pack:

```tsx

import * as Icons from '@geist-ui/icons'

const App = () => {

  return 

}

```

2. You can include single icon:

```tsx

import Code from '@geist-ui/icons/code'

const App = () => {

  return 

}

```




## LICENSE

[MIT](https://raw.githubusercontent.com/geist-org/icons/master/LICENSE)