Icon Pack for Fifine D6 Stream Controller

Huge icon libraries converted from .svg to .png to use as custom button icons on Fifine D6 Stream Controller — more than 22k icons available in different colors fitting for any stream controller action.

Icon Libraries Used

Library	Folder	Icons	Colors
Material Design	materialdesign	7447
Fluent UI System Icons	fluentui	4798
Boxicons	boxicons	3584
RemixIcon	remixicon	3136
Font Awesome Free	fontawesome	2805
HackerNoon's Pixel Icon Library	pixeliconlibrary	450
Custom Test Icons	calibrations	17

🗃️ How to use it with Fifine D6?

1. Download the pack and place it wherever you want
2. Open Fifine Control Deck and then click on your desired button, then click on a cog below and choose "Select Local File" in context menu
3. Search images in the explorer window using asterisks like *folder*
4. Done ✨

📂 Why this pack exists?

I wanted all buttons on my D6 to look identical and functionally minimalistic, so I used the experience of many talented teams that make gigantic icon packs. I just converted and formatted them into .png files usable on D6.



All icons have consistent style, color, size, padding and format, so sometimes packs match pretty well between each other. Also this pack has color variations of basic white, red, green and blue to show different statuses on buttons.



The issue with the official icon packs presented in Fifine Control Deck is that they are barely usable. Most of them are just random pictures or stolen packs, they have different unfitting icon resolutions ranging from 32x32 up to 500x500, some of them include .gif versions even though D6 doesn't support .gif playback on buttons, or even .svg files which create artifacts when displayed on buttons. And most important — all of them are small collections of a couple of dozen of icons, and they lack icons for basic actions in Discord, OBS, Soundpad and all the other software you usually use with stream controllers. And I hope this pack will help those tinkerers just like me that love to endlessly customize their setups.

🛠️ How to make your own packs just like this one?

Basically all you need for an icon to look the best as possible on D6 is: 100x100 resolution, .png format, no transparency — black background does the best. This way there is no rescaling happening and no transparency artifacts.



If you want to convert some other .svg pack you can use ImageMagick. After you install it you can manipulate images in bulk using Windows PowerShell:

1. Move into the destination folder with .svg files
   
   cd [svg-sources-path]
   
2. Convert .svg to 100x100 .png file
   
   magick mogrify -background none -density 1000x1000 -resize 100x100 -format png *.svg
   
3. Invert colors since most of them are black color and we need them to be white color
   
   magick mogrify -channel RGB -negate -format png *.png
   
4. Rescale the icon inside the picture to have some space and give it a black background
   
   magick mogrify -scale 70x70 -gravity center -background black -extent 100x100 -format png *.png
   
5. Move only converted icons into other folder for further use
   
   move "[source-image-path]*.png" "[destination-image-path]"
   
   Additionally:
   
6. You can adjust brightness if icons weren't pure white or black color
   
   magick mogrify -level 15%,100%,0.90 -format png *.png
   
7. You can recolor icons, just replace "red" with any other color or use hex like "#ff0000"
   
   magick mogrify +level-colors black,red -format png *.png