在悬停上发光圆形图像

Question

我有一个透明背景的图像。我想让它围绕图像边缘发光，而不是围绕背面。到目前为止，我已经能够使用以下方法在方形和圆形图像上执行此操作。

HTML

<div style='background-image:url(http://findicons.com/icon/download/163444/gtalk_cloud/60/png)'></div>

CSS

div { 
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
}  

div:hover {  
  -webkit-box-shadow:0 0 60px orange; 
    -moz-box-shadow: 0 0 60px orange; 
    box-shadow:0 0 60px orange;
}

但这显然只画了一个正方形或圆形的光晕（对于我添加了一个边框的圆圈），现在我希望光晕绕着图像的边缘。我想有必要绘制一些路径，也许使用画布？

以下是JSFiddle

的示例

如果有人能够提供帮助，请不要浪费时间在整个云路上行走，因为这不是我将要使用的图像。