JSFiddle - React, Tailwind, and code Playground

by Marcos Moitas

HTML

<link rel="stylesheet" href="https://dmrokfxvkn5v8.cloudfront.net/18.4.0/buoyant-app.css" />

<ul class="wv-list--icon">
  <li><svg class="wv-svg-icon"><use xlink:href="#check" href="#check"></use></svg>Foo</li>
  <li><svg class="wv-svg-icon"><use xlink:href="#check" href="#check"></use></svg>Bar</li>
  <li><svg class="wv-svg-icon"><use xlink:href="#check" href="#check"></use></svg>Baz</li>
  <li><svg class="wv-svg-icon"><use xlink:href="#check" href="#check"></use></svg>This item has a second icon <svg class="wv-svg-icon"><use xlink:href="#info" href="#info"></use></svg></li>
</ul>

<script src="https://dmrokfxvkn5v8.cloudfront.net/18.4.0/js/load-svg-sprite.js"></script>

CSS

@import "https://dmrokfxvkn5v8.cloudfront.net/*/buoyant-app.css"