Automating SVG Icon Management with Sketch and Makefiles

create_readme.sh

#!/usr/bin/env sh
readme=./src/assets/README.md
echo -n > $readme # clears or creates empty file

echo "# Icons" >> $readme # h1 title of README document
echo "| preview | name |" >> $readme # column names for table
echo "|:----:| ---- |" >> $readme # center align preview image and left align name


# loop through all icons
for filename in src/assets/icons/*.svg ; do \
    # get filename of icon without path or ".svg" extension
    icon=$(basename $filename .svg) ; \
    # build the row in the table
    echo "|<img src=\"icons/$icon.svg\" alt=\"$icon\" width=\"24px\"/>|$icon|" >> $readme ; \
done