@font-face {
  font-family: 'RaphaelIcons';
  src: asset-url('raphaelicons-webfont.eot', font);
  src: local('☺'), asset-url('raphaelicons-webfont.woff', font) format('woff'), asset-url('raphaelicons-webfont.ttf', font) format('truetype'), asset-url('raphaelicons-webfont.svg', font) format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'RaphaelIcons';
  color: black;
  font-size: 1.5em;
  position: relative;
  top: 0.1em;
}

a:link, a:visited, a:hover, a:active {
  &.icon { text-decoration: none; }
}