(もと) 11x11 …… Google画像検索で拾ってきた画像(透過gif形式)
↓ 色を濃くした。色は黒,濃いグレー,薄いグレーと,透過色。(これ以降は透過png形式)
(00) 11x11
↓ 左側に "LINK" の文字パーツ(文字の上下には罫線)を追加。
(01) 40x13
↓ 右側のアイコンを少し大きく。
(02) 42x15
↓ 左右に罫線を加えて,2つのパーツを一体化。
(03) 46x15
↓ 文字の高さを低く。正方形の枠を消去。矢印の形を変更。
(04) 40x15
↓ 文字囲みの形を変更。
↓ 矢印の形の修正を試みるも,中止。(失敗作05a)
(05) 40x15
(失敗作05a)
↓ グラデーションにしてみた。
(06) 40x15
↓ ここで,スマホの小さい画面ではLINKの文字がとても読みにくいことに気付いたため,
↓ (06)で施した文字囲み内のグラデーションを取り消し,(04)で低くした文字の高さを戻した。
(07) 40x15
↓ 小文字に。("LINK"→"Link")
↓ 文字囲みの幅を変更しようと試みたが,中止。(失敗作08a,08b)
(08) 40x15 ← 現在使用中
(失敗作08a)
(失敗作08b)