https://github.com/lunahq/react-open-doodles
A Free Set of Sketchy Illustrations provided by opendoodles
https://github.com/lunahq/react-open-doodles
icons illustration react svg
Last synced: about 1 month ago
JSON representation
A Free Set of Sketchy Illustrations provided by opendoodles
- Host: GitHub
- URL: https://github.com/lunahq/react-open-doodles
- Owner: lunahq
- License: mit
- Created: 2020-03-07T14:55:27.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-12T04:31:15.000Z (over 2 years ago)
- Last Synced: 2024-07-31T19:25:42.357Z (9 months ago)
- Topics: icons, illustration, react, svg
- Language: TypeScript
- Homepage: https://www.opendoodles.com/
- Size: 1.95 MB
- Stars: 65
- Watchers: 3
- Forks: 1
- Open Issues: 32
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-cn - react-open-doodles - Awesome free illustrations as react components. (Uncategorized / Uncategorized)
- awesome-react-components - react-open-doodles - Awesome free illustrations as react components. (UI Components / Icons)
- awesome-react - react-open-doodles - A Free Set of Sketchy Illustrations provided by opendoodles.  (UI Components / Icons)
- awesome-learning-resources - react-open-doodles - Awesome free illustrations as react components. (Uncategorized / Uncategorized)
- awesome-react-components - react-open-doodles - Awesome free illustrations as react components. (UI Components / Icons)
- fucking-awesome-react-components - react-open-doodles - Awesome free illustrations as react components. (UI Components / Icons)
- awesome-react - react-open-doodles - A Free Set of Sketchy Illustrations provided by opendoodles ` 📝 4 months ago` (React [🔝](#readme))
- awesome-react-components - react-open-doodles - Awesome free illustrations as react components. (UI Components / Icons)
- awesome-react-components - react-open-doodles - Awesome free illustrations as react components. (UI Components / Icons)
README
Welcome to react-open-doodles 👋
> A Free Set of Sketchy Illustrations provided by [opendoodles](https://www.opendoodles.com)
Open Doodles was created by [Pablo Stanley](https://twitter.com/pablostanley) we use this Illustrations on our site [luna.ac](https://luna.ac).
This package is only a utility to use the illustrations in your React project.
## Install
```bash
npm install --save react-open-doodles
// or
yarn add react-open-doodles
```
## Usage
```tsx
import React, { Component } from "react";
import { LovingDoodle } from "react-open-doodles";
export default class App extends Component {
render() {
return (
);
}
}
```
You can see all illustrations here: https://www.opendoodles.com
### API
This a list of props that you can pass down to the component:
| Property | Description | Default value | type |
| -------- | ------------ | ------------- | ------ |
| `ink` | ink color | `#000` | string |
| `accent` | accent color | `#FF5678` | string |
## Show your support
Give a ⭐️ if this project helped you!