SVG 跨浏览器和跨域的SNS社交分享按钮 - 踏得网

SVG injection (cross-browser & cross-domain)

SVG

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 2514
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<script src="https://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-facebook2"></use></svg>
</span>

<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-twitter"></use></svg>
</span>

<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-google-plus"></use></svg>
</span>

<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-instagram"></use></svg>
</span>

<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-youtube"></use></svg>
</span>

<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-feed2"></use></svg>
</span>

<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-vimeo"></use></svg>
</span>

<span class="icon">
  <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMin meet"><use xlink:href="#icon-linkedin2"></use></svg>
</span>