UrSkill is a dynamic SVG icon badge generator that allows you to create customizable skill icons for your GitHub profile, portfolio, or any web project.
- Dynamic SVG Generation: Create custom icon badges on-the-fly
- Drag & Drop Interface: Reorder icons with intuitive drag and drop
- Customizable Layout: Configure icons per row and background colors
- Search Functionality: Quickly find icons from the extensive library
- Live Preview: See your changes in real-time
- Direct URL Generation: Get an
<img>tag ready to embed anywhere
- Open the application in your browser
- Browse or search for icons in the icon library
- Click on icons to add them to your selection
- Drag and drop icons to reorder them
- Adjust settings:
- Max per row: Control how many icons appear per row
- Background color: Customize the icon background
- Copy the generated
<img>tag from the textarea - Paste it into your README, website, or documentation
You can also generate badges directly via URL parameters:
?icons=python,javascript,react&max_per_row=10&background_color=252525
Parameters:
icons: Comma-separated list of icon namesmax_per_row: Number of icons per row (default: 10)background_color: Hex color without#(default: 252525)
Example:
<img src="https://yoursite.com?icons=python,javascript,react&max_per_row=3&background_color=1a1a1a" />The project includes a Python utility (icons_creator/icon_creator.py) to normalize SVG icons:
python icons_creator/icon_creator.pyIt may not work for some SVG icons.
Contributions are welcome! To add new icons:
- Run the icon creator script
- Move the output to the
iconsdirectory with an appropriate name - Submit a pull request
UrSkill © 2025 by Erick Paoletti is licensed under CC BY 4.0
This project includes icons for various technologies, frameworks, and tools. All icons are used in accordance with their respective licenses.
Made with ❤️ by SkyWors