> the problem
Adding custom icons to Power Apps is painful. You have to find an SVG somewhere, escape all the double quotes manually, paste it into the Image property, then try to change colors by editing raw SVG strings. Most of the time something breaks.
Power Apps doesn't have a built-in icon picker with modern icons. The default ones are limited and look dated.
> what i built
PowerIcons is a free icon library built specifically for Power Apps. It gives you 11,800+ icons from Lucide, Fluent, Bootstrap, and Material icon sets - all pre-formatted and ready to paste into Power Apps.
You search for an icon, customize the color and size, and click copy. It gives you the YAML code that works directly in Power Apps Studio. You can also upload your own SVGs, edit their colors, and export them in the right format.
It's completely free with no account required. Over 7,000 developers use it every month.
> how it works
1. search or browse 11,800+ icons
2. customize color, size, stroke width
3. toggle between image-only or clickable mode
4. click copy - get Power Apps YAML
5. paste into Power Apps Studio
> demo
> features
- 11,800+ icons from 4 major libraries
- color customization with live preview
- upload your own SVGs
- edit external SVG colors
- image-only or clickable (cursor) mode
- Power Apps YAML output
- animated SVG support
- completely free, no signup
> tech stack
framework: Next.js + React
styling: Tailwind CSS
animations: Framer Motion
svg: SVGO for optimization
hosting: Vercel
output: Power Apps YAML
> why i built this
I kept running into the same issue at work - every time I needed an icon in Power Apps, it was 10 minutes of googling, copying, escaping quotes, and debugging. Multiply that by every icon in every app.
I figured there had to be a better way. So I built a tool that does all the formatting for you. Pick an icon, copy, paste, done. It solves a small but incredibly repetitive problem.
The fact that 7K+ people use it every month tells me I wasn't the only one annoyed by this.