JSFiddle - React, Tailwind, and code Playground

by Daniel Beff

HTML

<svg> <use xlink:href="#svg-logo"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-r"></use> </svg>
<svg> <use xlink:href="#svg-home"></use> </svg>
<svg> <use xlink:href="#svg-shop"></use> </svg>
<svg> <use xlink:href="#svg-menu"></use> </svg>
<svg> <use xlink:href="#svg-search"></use> </svg>
<svg> <use xlink:href="#svg-user"></use> </svg>
<svg> <use xlink:href="#svg-cart"></use> </svg>
<svg> <use xlink:href="#svg-rsp"></use> </svg>
<svg> <use xlink:href="#svg-garbage"></use> </svg>
<svg> <use xlink:href="#svg-favorite-empty"></use> </svg>
<svg> <use xlink:href="#svg-thumbs"></use> </svg>
<svg> <use xlink:href="#svg-arrow-left"></use> </svg>
<svg> <use xlink:href="#svg-arrow-right"></use> </svg>
<svg> <use xlink:href="#svg-truck"></use> </svg>
<svg> <use xlink:href="#svg-calendar"></use> </svg>
<svg> <use xlink:href="#svg-cycle"></use> </svg>
<svg> <use xlink:href="#svg-star-full"></use> </svg>
<svg> <use xlink:href="#svg-star-empty"></use> </svg>
<svg> <use xlink:href="#svg-facebook"></use> </svg>
<svg> <use xlink:href="#svg-twitter"></use> </svg>
<svg> <use xlink:href="#svg-pinterest"></use> </svg>
<svg> <use xlink:href="#svg-instagram"></use> </svg>
<svg> <use xlink:href="#svg-barcelona-partnership-negative"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-club"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-magazine-negative"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-viber-negative"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-tv"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-viki-negative"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-global-market-negative"></use> </svg>
<svg> <use xlink:href="#svg-rakuten-europe-bank-negative"></use> </svg>
<svg> <use xlink:href="#svg-payment-rechnung"></use> </svg>
<svg> <use xlink:href="#svg-payment-amex"></use> </svg>
<svg> <use xlink:href="#svg-payment-barzahlen"></use> </svg>
<svg> <use xlink:href="#svg-payment-ec"></use> </svg>
<svg> <use xlink:href="#svg-payment-visa"></use> </svg>
<svg>...

CSS

svg {
  display:block;
  fill: black;
}