Picto is a tool that generates dynamic images to showcase the programming languages, technologies, and tools you’ve learned.
Check the full list.
That's easy! Picto allows you to customize the appearance and layout of the generated image using query parameters.
https://mypicto.xyz/icons
?i=php,ruby,javascript,react,laravel
&cols=4| Parameter | Type | Default | Description |
|---|---|---|---|
| i | string | - | Icon identifier |
| cols | string (numeric) | 8 | Number of columns to display |
| size | string (numeric) | 100 | Icon size |
| bg | string | - | Background setting (none or empty string) |
| rounded | string | - | Border radius setting (none, rounded or numeric: 0, 6, 12, etc.) |
| playful | string (booleam) | false | Add pizzazz to the icon row |
| shadow | string (size) | - | Add drop shadow to the icons' background (xs, sm, md, lg, xl) |
https://mypicto.xyz/icons?i=html,css,javascript,python&round=none&cols=2
https://mypicto.xyz/icons?i=svelte,react,php,auth0,vue,python&bg=none&cols=4
https://mypicto.xyz/icons?i=javascript,react,11ty,svelte,unity,pytorch,postman,premiere&playful=true&cols=8
- WIP: Add theming, light, dark & auto
- Add more icons, of course (Open an Issue to add your missing icon).
- Add kits/groups (MERN, MEAN, LAMP, etc)
- Improve... erm, add documentation
- Confidence / Skill Level
This project was made to test the wonderful Deno 2.0, but I decided to open this up to build it publicly.
If you find it helpful, please do not forget to ⭐ this repo!
After reading CONTRIBUTING.md, feel free to contribute adding icons. Otherwise, open an issue and I'll try to solve it.
- This project is heavily inspired by the amazing tool created by tandpfun: skill-icons.
- A lot of icons were created using the insanely helpful stuff in SVGRepo.