公式で SVGのアイコンが提供されているが、一覧を見ながら使うものを選びたいので簡単なシェルを作成した。
公式で提供されているアイコンデータ(SVG)をダウンロードする。
https://docs.microsoft.com/en-us/azure/architecture/icons/
list_svg.sh
find . -name *.svg | sort | awk -F, ' BEGIN{ preGroup=""; print "<!doctype html>"; print "<html>"; print "<style>"; print ".title { font-size: 16px; }"; print ".body { margin: 10px; }" print ".img { width: 50px; height: 50px; margin: 10px; display: inline-block; }"; print ".img img { width: 100%;}"; print "</style>"; print "<div>"; } { group=substr($1,3,100); gsub("/.+", "", group); if (group != preGroup) { preGroup = group; print "</div>"; print "<div class=\"title\">"group"</div>"; print "<div class=\"body\">"; } print "<div class=\"img\"><img src=\""$1"\" title=\""$1"\"></div>"; } END { print "</div>"; print "</html>" }'
実行
bash list_svg.sh > index.html