mirror of
https://github.com/feathericons/feather.git
synced 2023-08-10 21:13:24 +03:00
44 lines
819 B
HTML
44 lines
819 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Feather</title>
|
|
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.icon {
|
|
display: inline-block;
|
|
line-height: 0;
|
|
}
|
|
|
|
.icon > svg {
|
|
stroke: currentColor;
|
|
}
|
|
</style>
|
|
|
|
<script src="https://unpkg.com/vue/dist/vue.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="app">
|
|
<icon-container v-for="icon in icons" :name="icon"></icon-container>
|
|
</div>
|
|
|
|
<script type="text/x-template" id="icon-template">
|
|
<div class="icon"></div>
|
|
</script>
|
|
|
|
<script type="text/x-template" id="icon-container-template">
|
|
<div class="icon-container">
|
|
<a :href="`./icons/${name}.svg`" download>
|
|
<icon :name="name" size="48"></icon>
|
|
</a>
|
|
</div>
|
|
</script>
|
|
|
|
<script src="src/main.js"></script>
|
|
</body>
|
|
</html> |