cryptocurrency-icons/build_example.html

65 lines
3.2 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>cryptocurrency-icons example build usage</title>
<link rel="stylesheet" href="dist/32/black.css">
<link rel="stylesheet" href="dist/32/color.css">
<link rel="stylesheet" href="dist/32/icon.css">
<link rel="stylesheet" href="dist/32/white.css">
<link rel="stylesheet" href="dist/128/black.css">
<link rel="stylesheet" href="dist/128/color.css">
<link rel="stylesheet" href="dist/128/icon.css">
<link rel="stylesheet" href="dist/128/white.css">
<link rel="stylesheet" href="dist/svg/black.css">
<link rel="stylesheet" href="dist/svg/color.css">
<link rel="stylesheet" href="dist/svg/icon.css">
<link rel="stylesheet" href="dist/svg/white.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="home">
<table>
<tr>
<th></th>
<th> Black </th>
<th> Color </th>
<th> Icon </th>
<th> White </th>
</tr>
<tr>
<th> 32 </th>
<td><div class="crypto-icon-32 crypto-icon-32-black crypto-icon-32-black-btc"> </div></td>
<td><div class="crypto-icon-32 crypto-icon-32-color crypto-icon-32-color-btc"> </div></td>
<td><div class="crypto-icon-32 crypto-icon-32-icon crypto-icon-32-icon-btc"> </div></td>
<td><div style="background-color: black" class="crypto-icon-32 crypto-icon-32-white crypto-icon-32-white-btc"> </div></td>
</tr>
<tr>
<th> 128 </th>
<td><div class="crypto-icon-128 crypto-icon-128-black crypto-icon-128-black-btc"> </div></td>
<td><div class="crypto-icon-128 crypto-icon-128-color crypto-icon-128-color-btc"> </div></td>
<td><div class="crypto-icon-128 crypto-icon-128-icon crypto-icon-128-icon-btc"> </div></td>
<td><div style="background-color: black" class="crypto-icon-128 crypto-icon-128-white crypto-icon-128-white-btc"> </div></td>
</tr>
<tr>
<th> css svg </th>
<td><div class="crypto-icon-128 crypto-icon-svg-black crypto-icon-svg-black-btc"> </div></td>
<td><div class="crypto-icon-128 crypto-icon-svg-color crypto-icon-svg-color-btc"> </div></td>
<td><div class="crypto-icon-128 crypto-icon-svg-icon crypto-icon-svg-icon-btc"> </div></td>
<td><div style="background-color: black" class="crypto-icon-128 crypto-icon-svg-white crypto-icon-svg-white-btc"> </div></td>
</tr>
<tr>
<th> css xlink </th>
<td><svg class="crypto-icon-128" role="img"><use xlink:href="dist/svg/black.svg#agi"> </use></svg></td>
<td><svg class="crypto-icon-128" role="img"><use xlink:href="dist/svg/color.svg#agi"> </use></svg></td>
<td><svg class="crypto-icon-128" role="img"><use xlink:href="dist/svg/icon.svg#agi"> </use></svg></td>
<td><svg style="background-color: black" class="crypto-icon-128" role="img"><use xlink:href="dist/svg/white.svg#agi"> </use></svg></td>
</tr>
</table>
</body>
</html>