Skip to content

Iconoodle is a small Next.js + TypeScript site and icon library of hand-drawn SVG doodles, illustrations, and icon packs. Use them directly in projects, download individual SVGs or bulk-export packs.

License

Notifications You must be signed in to change notification settings

NK2552003/Iconoodle

Iconoodle

ICONOODLE

Doodles, Illustrations & icons

License GitHub Stars Last Commit Live Demo

Hey! I’m Nitish — I made this to make doodles easy to find, grab, and sprinkle into your projects.

This project is a pretty little Next.js site full of hand-drawn-ish doodles and icons (SVGs). Use them, remix them, laugh at them, or screenshot them and pretend you drew them. All the usual modern web bells & whistles are included — and downloading single doodles or full packs is made human-friendly (and script-friendly).


Quick start ✅

  1. Clone the repository

  2. Install dependencies:

    npm install
  3. Start the dev server:

    npm run dev
  4. Open locally: http://localhost:3000

  5. View the live demo: https://nk2552003.github.io/Iconoodle/


What’s included 🔧

  • app/ — Next.js application and pages
  • components/ — Reusable UI components
  • lib/ — Doodle and icon pack data (*.json)
  • public/ — Static assets

Exporting SVGs (programmatic) ⚡

A small Node script can export all SVGs to disk. Create or use tools/export-svgs.js and run node tools/export-svgs.js.

Minimal example:

const fs = require('fs');
const path = require('path');
const doodles = require('../lib/doodles.json');

const outDir = path.resolve(__dirname, '..', 'exports', 'svgs');
fs.mkdirSync(outDir, { recursive: true });

doodles.forEach((d, i) => {
  const name = (d.id || `doodle-${i}`).replace(/[^a-z0-9-_]/gi, '-').toLowerCase();
  fs.writeFileSync(path.join(outDir, `${name}.svg`), d.svg || d.src || '');
});

console.log(`Exported ${doodles.length} SVGs to ${outDir}`);

Note: some entries store full SVG content in svg, others reference src paths or URLs.


Contributing & License 📝

  • Contributions welcome — see CONTRIBUTING.md and follow CODE_OF_CONDUCT.md.
  • Licensed under MIT. See LICENSE.

Questions / Contact ✉️

If you build something with these doodles or want to contribute, open an issue or PR — I’d love to see it.


License: MIT — see LICENSE for details.

About

Iconoodle is a small Next.js + TypeScript site and icon library of hand-drawn SVG doodles, illustrations, and icon packs. Use them directly in projects, download individual SVGs or bulk-export packs.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •