How to change the Sardi icon set yourself

Working with the sardi icon set and opening each and every svg file made me understand that these icons were just files. If I change a number on the same place in all the files it resulted in all the icons being red or black or orange. Here is how.

Watch out from what colour you start from and to what colour you go. Also from which flavour you start : Sardi, Sardi Ghost, …

Sardi Red

Sardi red has been made by executing the following code in the terminal inside the folder with all the icons.

find -name "*.svg" -exec sed -i 's/6997c7/aa1111/g' {}  \;

6997c7 is just a colour that is being replace with another colour aa1111.

This little line changes 95% of all the files. Some have to be changed manually but most of the work is done. The power of the command line becomes apparent.

Sardi Grey

Sardi grey has been made my executing the following code in the terminal inside the folder with all the icons.

find -name "*.svg" -exec sed -i 's/6997c7/cccccc/g' {} \;

6997c7 is just a colour that is being replace with another colour cccccc.

This little line changes 95% of all the files. Some have to be changed manually but most of the work is done. The power of the command line becomes apparent.

Sardi Orange

Sardi orange has been made my executing the following code in the terminal inside the folder with all the icons.

find -name "*.svg" -exec sed -i 's/6997c7/f38725/g' {}  \;

6997c7 is just a colour that is being replace with another colour f38725.

This little line changes 95% of all the files. Some have to be changed manually but most of the work is done. The power of the command line becomes apparent.

Sardi Black

An icon set that has never been made but is documented on github is Sardi Black. It can be yours if YOU run the command lines. After that still 5% of the icons will have to be changed manually. I did not care very much for the dark theme so I never finished it. But you can finish it and share it back to the community.

find -name "*.svg" -exec sed -i '/path/s/use id="1" style="fill:#FFF"/use id="1" style="fill:#000000"/g' {}  \;
find -name "*.svg" -exec sed -i 's/fill:#ffffff/fill:#000000/g' {}  \;
find -name "*.svg" -exec sed -i 's/fill:#fff/fill:#000000/g' {}  \;

This resulted in this result.

sardi-black-1

As you can see some of the icons did not change to black. Two options to solve this :

  • look for a command line that will work
  • do it manually in inkscape

More information can be found on github.com/erikdubois.