https://github.com/Eronred/handy-arrows
A gallery of hand-drawn arrows and other design resources as SVGs that can be easily copied as SVG code or React components for use in your projects.
https://github.com/Eronred/handy-arrows
arrows icons react svg-icons
Last synced: 8 months ago
JSON representation
A gallery of hand-drawn arrows and other design resources as SVGs that can be easily copied as SVG code or React components for use in your projects.
- Host: GitHub
- URL: https://github.com/Eronred/handy-arrows
- Owner: Eronred
- Created: 2024-07-07T21:41:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-11T02:05:13.000Z (9 months ago)
- Last Synced: 2025-01-11T16:38:51.574Z (9 months ago)
- Topics: arrows, icons, react, svg-icons
- Language: TypeScript
- Homepage: https://handyarrows.com
- Size: 6.18 MB
- Stars: 281
- Watchers: 4
- Forks: 8
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hand-Drawn Arrows
A gallery of hand-drawn arrows and other design resources as SVGs that can be easily copied as SVG code or React components for use in your projects.
## 🚀 Features
- 📚 Gallery of unique, hand-drawn arrows by [DaryaKro](https://dribbble.com/DaryaKro)
- 📋 One-click copy of SVG code
- ⚛️ Instant conversion to React components
- 🖼️ Download SVGs directly
## 🛠️ Installation
1. Clone the repository:
```bash
git clone https://github.com/eronred/handy-arrows.git
```
2. Navigate to the project directory:
```bash
cd handy-arrows
```
3. Install dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser to see the gallery.
## 🤝 Contributing
I welcome contributions!
## 📞 Contact
If you have any questions or suggestions, please open an issue or contact [X/Twitter](http://x.com/imeronn).
Happy coding! 🎉