Awesome Open Source
Awesome Open Source

Plane icon theme

A simple iconset, preferably used in dark versions of Gnome. Love/Arch/Inkscape/Gnome, more information in Plane project.

  • Source icons in = ./src/variants/plane and ./src/variants/* are all possible variants

  • Render icons in = ./build/variants/* and zip in ./build/zip-variants/*


see more screenshots


  1. Download the lasted version in ./build/zip-variants/
  2. Unzip in [USER_FOLDER]/.local/share/icons
  3. Change icon set with Gnome Tweak Tool


Here videos

  • Is necesary nodejs 8
  • $ npm install
  • $ npm install --global gulp-cli
  • $ gulp


The folder ./src/variants/* contains all possible icon variants and the var variants in the gulpfile.js have an array with all posible icon set variants.

Allows hot editing, gulp watch auto will generate the icon and if you pass the parameter will update the icon set.

# Build with debug
$ gulp -debug

# Auto update
# Change [-PlaneGnome] for the icon set you want reload from `./build/variants`
$ ln -s [FOLDER_PATH]/build/variants/PlaneGnome ~/.local/share/icons/PlaneGnome
$ gulp watch -PlaneGnome

Potential Errors

  • "Error: watch /xxx/xxx ENOSPC" Solution -> echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p more info

Estructure file

./assets/templates/* contain it the templates with the structure, all templates should have the this structure:

[tag] => inkscape layer

	[icon_16|desktop_scalable] -> Render: 16/folder.svg or scalable/desktop.svg 
			"icon content"
		[frame]"contain only a rectangle with sizes of the icon"
			[frame_16] "must be Rectangle, Render icon with this sizes"
  • .svg properties are: units in px, the scale in x="1.000" scale in y="1.000", viewbox x:0, y:0
  • The script get all layers the first level and render them Individually

Libreoffice icons

  • Light $ sudo cp ./build/libreoffice-breeze/ /usr/lib/libreoffice/share/config/ Then open Libreoffice and go to Tools->Options->View and choose Breeze.
  • Dark $ sudo cp ./build/libreoffice-breeze/ /usr/lib/libreoffice/share/config/ Then open Libreoffice and go to Tools->Options->View and choose Breeze_dark.

Thanks to

And all other designs that served as inspiration!



Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,076,465
Theme (43,408
Icon (15,056
Dark (6,273
Variants (5,160
Libreoffice (791
Iconset (438
Icon Pack (384
Icon Theme (262