SNIPPET
Nielson3

Custom Fluent Folder Icons

125 Stars
GitHub
CSSAny theme
# custom-fluent-folder-icons

A collection of custom SVG icons I made in InkScape, based on the [Fluent Icon Theme](https://github.com/vinceliuice/Fluent-icon-theme) by [vinceliuice](https://github.com/vinceliuice). If I make any more in the future, they will be added here. 

## Preview

### Common Categories
| Downloads | Documents | Pictures | Music | Videos | Temporary | Personal |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| ![Downloads](./icons/custom-folder-downloads.svg) | ![Documents](./icons/custom-folder-documents.svg) | ![Pictures](./icons/custom-folder-pictures.svg) | ![Music](./icons/custom-folder-music.svg) | ![Videos](./icons/custom-folder-videos.svg) | ![Temporary](./icons/custom-folder-temporary.svg) | ![Personal](./icons/custom-folder-personal.svg) |

### Creative
| Art | Fonts | Writing | Gimp | Inkscape | Blender | Brushes |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| ![Art](./icons/custom-folder-art.svg) | ![Fonts](./icons/custom-folder-fonts.svg) | ![Writing](./icons/custom-folder-writing.svg) | ![Gimp](./icons/custom-folder-gimp.svg) | ![Inkscape](./icons/custom-folder-inkscape.svg) | ![Blender](./icons/custom-folder-blender.svg) | ![Brushes](./icons/custom-folder-brushes.svg) |

### Media 1
| Jellyfin | Spotify | Youtube | Movies | MusicBee | TinyMediaManager |
| :---: | :---: | :---: | :---: | :---: | :---: |
| ![Jellyfin](./icons/custom-folder-jellyfin.svg) | ![Spotify](./icons/custom-folder-spotify.svg) | ![Youtube](./icons/custom-folder-youtube.svg) | ![Movies](./icons/custom-folder-movies.svg) | ![MusicBee](./icons/custom-folder-musicbee.svg) | ![TinyMediaManager](./icons/custom-folder-tmm.svg) |

### Media 2
| Books | Calibre | Torrents | HakuNeko | Comics | Manga |
| :---: | :---: | :---: | :---: | :---: | :---: |
| ![Books](./icons/custom-folder-books.svg) | ![Calibre](./icons/custom-folder-calibre.svg) | ![Torrents](./icons/custom-folder-torrent.svg) | ![HakuNeko](./icons/custom-folder-hakuneko.svg) | ![Comics](./icons/custom-folder-comic.svg) | ![Manga](./icons/custom-folder-manga.svg) |

### Storage
| Dropbox | ProtonDrive |GoogleDrive | Obsidian | Obs. import | Obs. export |
| :---: | :---: | :---: | :---: | :---: | :---: |
| ![Dropbox](./icons/custom-folder-dropbox.svg) | ![ProtonDrive](./icons/custom-folder-protondrive.svg) | ![GoogleDrive](./icons/custom-folder-google-drive.svg) | ![Obsidian](./icons/custom-folder-obsidian.svg) | ![Obs. import](./icons/custom-folder-obsidian-imports.svg) | ![Obs. export](./icons/custom-folder-obsidian-exports.svg) |

### Gaming
| Games | Steam | Unity | Emulation | MelonDS | mGBA | Pokemon |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| ![Games](./icons/custom-folder-games.svg) | ![Steam](./icons/custom-folder-steam.svg) | ![Unity](./icons/custom-folder-unity.svg) | ![Emulation](./icons/custom-folder-emulation.svg) | ![MelonDS](./icons/custom-folder-melonDS.svg) | ![mGBA](./icons/custom-folder-mGBA.svg) | ![Pokemon](./icons/custom-folder-pokemon.svg) |

### Linux Distros 1
| Arch | Debian | Mint | Fedora | Ubuntu |
| :---: | :---: | :---: | :---: | :---: |
| ![Arch](./icons/custom-folder-linux-arch.svg) | ![Debian](./icons/custom-folder-linux-debian.svg) | ![Mint](./icons/custom-folder-linux-mint.svg) | ![Fedora](./icons/custom-folder-linux-fedora.svg) | ![Ubuntu](./icons/custom-folder-linux-ubuntu.svg) |

### Linux Distros 2
| OpenSUSE | Elementary | Manjaro | PopOS | ZorinOS |
| :---: | :---: | :---: | :---: | :---: |
| ![OpenSUSE](./icons/custom-folder-linux-openSUSE.svg) | ![Elementary](./icons/custom-folder-linux-elementary.svg) | ![Manjaro](./icons/custom-folder-linux-manjaro.svg) | ![PopOS](./icons/custom-folder-linux-popOS.svg) | ![ZorinOS](./icons/custom-folder-linux-zorin.svg) |

### Other 1
| Coding | Python | Flatpak | AppImage | Github | Scans |
| :---: | :---: | :---: | :---: | :---: | :---: |
| ![Coding](./icons/custom-folder-coding.svg) | ![Python](./icons/custom-folder-python.svg) | ![Flatpak](./icons/custom-folder-flatpak.svg) | ![AppImage](./icons/custom-folder-appimage.svg) | ![Github](./icons/custom-folder-github.svg) | ![Scans](./icons/custom-folder-scans.svg) |

### Other 2
| XnConvert | MuseScore | FreeCad | VirtualBox | Reddit | yt-dlp |
| :---: | :---: | :---: | :---: | :---: | :---: |
| ![XnConvert](./icons/custom-folder-xnconvert.svg) | ![MuseScore](./icons/custom-folder-musescore.svg) | ![FreeCad](./icons/custom-folder-freecad.svg) | ![VirtualBox](./icons/custom-folder-virtualbox.svg) | ![Reddit](./icons/custom-folder-reddit.svg) | ![yt-dlp](./icons/custom-folder-yt-dlp.svg) |

### Colors
The default folder colors in the Fluent theme are: blue, red, yellow, purple, pink, orange, grey, and green. Here are some others:

| aurora | frost | grass | lemon | sand | solarized | teal | wine |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| ![Aurora](./icons/custom-folder-color-aurora.svg) | ![frost](./icons/custom-folder-color-frost.svg) | ![grass](./icons/custom-folder-color-grass.svg) | ![lemon](./icons/custom-folder-color-lemon.svg) | ![sand](./icons/custom-folder-color-sand.svg) | ![Solarized](./icons/custom-folder-color-solarized.svg) | ![teal](./icons/custom-folder-color-teal.svg) | ![wine](./icons/custom-folder-color-wine.svg) |

Cyan, Magenta, Yellow
| Cyan | Magenta | Yellow |
| :---: | :---: | :---: |
| ![Cyan](./icons/custom-folder-color-cyan.svg) | ![Magenta](./icons/custom-folder-color-magenta.svg) | ![Yellow](./icons/custom-folder-color-yellow.svg) |

Patterns (experimental)
| Rainbow | Mondrian | Chess | Camouflage | Go Board | Hitomezashi |
| :---: | :---: | :---: | :---: | :---: | :---: |
| ![Rainbow](./icons/custom-folder-rainbow.svg) | ![Mondrian](./icons/custom-folder-mondrian.svg) | ![Chess](./icons/custom-folder-chess.svg) | ![Camouflage](./icons/custom-folder-camouflage.svg) | ![Go Board](./icons/custom-folder-goboard.svg) | ![Hitomezashi](./icons/custom-folder-hitomezashi.svg) |

## Download
Click on the icon you want, or zip the entire icons directory to download them all. 

## License & Credits
This project is licensed under the **GNU General Public License v3.0**, which means you can freely share and modify these icons, provided that they remain under the GPL v3 license.

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

125

Forks

4

License

GPL-3.0

Last updated 1d ago