与嵌入图标的链接不使用JavaScript触发

<i class="fa fa-icon-name"></i>

.fa:before {
  font-family: "Font Awesome";
  content: "\f007"; /* Unicode字符码，对应具体的图标 */
}

.icon {
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64, <base64-encoded-string>);
  background-repeat: no-repeat;
}

<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <path d="M0 0h24v24H0z" fill="none"/>
  <path d="M12 2L2 7l10 5 10-5-10-5zm0 8.8L3.6 7 12 4.2 20.4 7 12 10.8zm0 2.4L3.6 9 12 6.2 20.4 9l-8.4 2.4zm0 2.8L2 13v6a1 1 0 0 0 1 1h2v-2H4v-2h2v-2H4v-2h2V9H4V7h8v2h2V7h2v2h-2v2h2v2h-2v2h2v2h-2v2h2a1 1 0 0 0 1-1v-6l-8-2.4zM4 15v2h2v-2H4zm4 0v2h2v-2H8zm4 0v2h2v-2h-2z"/>
</svg>

.icon path {
  fill: #000;
}