fonticon
Version:
create font icon from svg
57 lines (52 loc) • 1.09 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Authen</title>
<link href="css/icons.css" rel="stylesheet">
<style>
body {
text-align: center;
}
header {
/*text-align: center;*/
}
.preview {
display: inline-block;
border: 1px solid #ccc;
text-align: center;
width: 150px;
margin: 10px;
padding: 10px;
}
.preview-icon {
width: 100%;
font-size: 200%;
}
</style>
</head>
<body>
<header>
<h1>Authen Icons</h1>
<p>All icons prefixed by <code>icon-</code></p>
</header>
<div class="preview">
<div class="preview-icon">
<span class="icon-google-plus"></span>
</div>
<span>icon-google-plus</span>
</div>
<div class="preview">
<div class="preview-icon">
<span class="icon-facebook"></span>
</div>
<span>icon-facebook</span>
</div>
<div class="preview">
<div class="preview-icon">
<span class="icon-yahoo"></span>
</div>
<span>icon-yahoo</span>
</div>
</body>
</html>