Olá amigo.
É bem simples, apenas com HTML e poucas linhas é possível fazer isto. Lá vai!
<html>
<body bgcolor="#724A04">
<center>
<!-- IMAGEM (CHOUJI) -->
<img src="http://i62.tinypic.com/wcocia.png"
onMouseOver="this.src='http://i57.tinypic.com/1416of7.png'"
onMouseOut="this.src='http://i62.tinypic.com/wcocia.png'"
onClick="location='http://www.google.com.br'"
>
<!-- FIM DA IMAGEM (CHOUJI) -->
<!-- AGORA CONFIGURE POR SÍ SÓ -->
<img src=" PONHA AQUI O LINK DA IMAGEM PADRÃO, SEM O MOUSE ENCIMA. "
onMouseOver="this.src=' PONHA AQUI O LINK DA IMAGEM COM O MOUSE ENCIMA '"
onMouseOut="this.src=' PONHA AQUI NOVAMENTE O LINK DA IMAGEM PADRÃO, SEM O MOUSE ENCIMA. '"
onClick="location=' AQUI O LINK PARA ONDE VAI REDIRECIONAR AO CLICAR ENCIMA DA IMAGEM '"
>
<!-- SUA CONFIGURAÇÃO TERMINA AQUI! -->
<!-- CASO DESEJE ADICIONAR MAIS IMAGENS, APENAS COPIE AS LINHAS ENTRE ESTES COMENTÁRIOS E ADICIONE -->
<!-- ADICIONE AQUI, LOGO ABAIXO. APENAS MODIFIQUE OS LINKS DE ACORDO COM SEU INTERESSE -->
</center>
</body>
</html>
Apenas copie este código e cole dentro de um bloco de notas.
Salve ele com .html no final do nome, e abra com seu navegador.
Já poderá ver o resultado.
Siga as instruções dos comentários entre "<!--" e "-->" para configurar cada um dos icones que você desejar.
Só ir copiando e colando e repetindo o processo, só mudando os links das imagens e o link de destino desejados.
Espero ter ajudado!
Qualquer dúvida, tô aí.