十字キーのアイコン

up、left、home、right、downの5つのパーツを組み合わせています

このページを作ったのは20年くらい前でした。2023年の今は画像すら必要なくCSSだけで実装できますが、このページは懐かしいのでこのまま掲載しておきます。

テーブルを利用して並べて、ロールオーバーで使う場合の例

<td width="20" height="20"></td> <td width="20" height="20"> <a href="「upのリンク先URL」"> <img src="「upのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのupのURL」'" onmouseout="this.src='「upのURL」'"> </a> </td> <td width="20" height="20"></td> </tr> <tr height="20"> <td width="20" height="20"> <a href="「leftのリンク先URL」"> <img src="「leftのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのleftのURL」'" onmouseout="this.src='「leftのURL」'"> </a> </td> <td width="20" height="20"> <a href="「homeのリンク先URL」"> <img src="「homeのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのhomeのURL」'" onmouseout="this.src='「homeのURL」'"> </a> </td> <td width="20" height="20"> <a href="「rightのリンク先URL」"> <img src="「rightのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのrightのURL」'" onmouseout="this.src='「rightのURL」'"> </a> </td> </tr> <tr height="20"> <td width="20" height="20"></td> <td width="20" height="20"> <a href="「downのリンク先URL」"> <img src="「downのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのdownのURL」'" onmouseout="this.src='「downのURL」'"> </a> </td> <td width="20" height="20"></td> </tr> </table>


各色、6種類のパーツ30個ずつの一括ダウンロードのみです


黒のパーツをダウンロード


グレーのパーツをダウンロード


紺色のパーツをダウンロード


茶色のパーツをダウンロード


カーキ色のパーツをダウンロード


ピンクのパーツをダウンロード