Hack it!

ImageMagickを用いてコマンドでアイコンを作成した

自分は以前からアイコンの作成に時間をかけたくないが、識別しづらいアイコンを使用することは避けたいと考えていた。 そこでImageMagickのconvertコマンドで作成した以下のアイコンに変更した。

icon

このアイコンは以下のコマンドで作成できる。

$ convert \
  -size 400x400 \
  xc:black \
  -fill none \
  -stroke '#2196f3' \
  -strokewidth 10 \
  -draw "path 'M 50,100 L 250,200 L 50,300 L 50,100 L 250,200'" \
  -draw "path 'M 100,100 L 300,200 L 100,300 L 100,100 L 300,200'" \
  -draw "path 'M 150,100 L 350,200 L 150,300 L 150,100 L 350,200'" \
  icon.png

convertコマンドで図形を描写する場合、-drawオプションを使う。 今回は-drawオプションで同じ大きさの三角形を3つ描写し、位置をずらして配置している。 -drawオプションで指定しているpathは直線や曲線を組み合わせた図形を描写する場合に使う。 実際にはM(moveto)で座標を移動し、L(lineto)で線を4本引くことで三角形にしている。 本来であれば線を3本引けば問題ないが、始点の角が丸くなってしまったため、線を4本引いて、角を尖らせている。

ちなみに今回作成したアイコンは現在自分が使用しているシェルのプロンプトの形をイメージして作成した。

shell


icon

Written by ytet5uy4
Site Reliability Engineer