QuIconGen

A Quick Icon Generator for Web or Stream Deck

Try it

Why

I bought an Elgato Stream Deck and struggled to create my icons with the bunch of SVG icons i have. So i created this tool to easily create key icons for the Stream Deck, but it can be useful anytime you need to generate icons, for websites, or anything.

Build

This project is built with Parcel.

npm install

npm start
 -or-
npm build

Features

• Pick or Drag and Drop image (preferably transparent PNG or SVG)
• Choose icon size, padding & rotation
• Add radius to icon (arc/round or quadratic)
• Pick or Drag and Drop a background image (opaque or transparent images)
• Choose background color / gradient overlay (or transparent)
• Choose background overlay opacity
• Choose icon foreground color / gradient (or transparent to keep original image)
• Choose foreground opacity
• Add shadow to foreground icon (color, opacity, blur, distance, angle)
• Save color / gradient to palette
• Save presets
• Click on icon / download icon button
• Naming generated with preset & original icon name

Credits

Qui Gon Jinn icon from Jory Raphael - Sensible World