React Linie Avatars

What is linie-avatars?

linie-avatars is a collection of simple line avatars for React.js. Each avatar is designed with an emphasis on simplicity, consistency and readability.

Linie means line in German

Installation

yarn add @laosing/linie-avatars

or

npm i @laosing/linie-avatars

Usage

import React from "react"
import { Avatar01 } from "@laosing/linie-avatars"

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

export default App

Icons can be configured with inline props:

<Avatar01 color="red" size={48} />

You can also include the whole icon pack:

import React from "react"
import * as Icon from "@laosing/linie-avatars"

const App = () => {
  return <Icon.Avatar01 />
}

export default App

Development

yarn compile

yarn build

License

MIT License