petermolnar/nasg
1
0
Fork 0
Code Issues Pull requests 5 Projects Releases Packages Wiki Activity Actions
nasg/assets/icomoon/demo-external-svg.html
Peter Molnar ceca52dd70 - asyncio tasks execution finally are triggered by run() and not immediately, special thanks to https://www.svenknebel.de for helping me figuring it out 
- svg cleanup
- adding silly webkit css search box reset
- adding extracted icomoon folder instead of a .zip
- removing pagination from flat categories
- 'follow' button gets highlighted when active
- README refactoring
2018-11-19 14:36:06 +00:00

219 lines
10 KiB
HTML
Raw Blame History

<!doctype html>
<html>
<head>
<title>IcoMoon - SVG Icons</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="bgc1 clearfix">
<div class="mhl">
<p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p><p><strong>Notice</strong>: This demo (along with "symbol-defs.svg" and "svgxuse.js" files) should be <b>hosted on a web server</b> to work properly.</p>
</div>
</header>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 0</h1>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-instagram"><use xlink:href="symbol-defs.svg#icon-instagram"></use></svg><span class="name"> icon-instagram</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-spotify"><use xlink:href="symbol-defs.svg#icon-spotify"></use></svg><span class="name"> icon-spotify</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-deviantart"><use xlink:href="symbol-defs.svg#icon-deviantart"></use></svg><span class="name"> icon-deviantart</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-wechat"><use xlink:href="symbol-defs.svg#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-lastfm"><use xlink:href="symbol-defs.svg#icon-lastfm"></use></svg><span class="name"> icon-lastfm</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-hangouts"><use xlink:href="symbol-defs.svg#icon-hangouts"></use></svg><span class="name"> icon-hangouts</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-flickr"><use xlink:href="symbol-defs.svg#icon-flickr"></use></svg><span class="name"> icon-flickr</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-skype"><use xlink:href="symbol-defs.svg#icon-skype"></use></svg><span class="name"> icon-skype</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-telegram"><use xlink:href="symbol-defs.svg#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-whatsapp"><use xlink:href="symbol-defs.svg#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-paypal"><use xlink:href="symbol-defs.svg#icon-paypal"></use></svg><span class="name"> icon-paypal</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-linkedin"><use xlink:href="symbol-defs.svg#icon-linkedin"></use></svg><span class="name"> icon-linkedin</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-wordpress"><use xlink:href="symbol-defs.svg#icon-wordpress"></use></svg><span class="name"> icon-wordpress</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-tumblr"><use xlink:href="symbol-defs.svg#icon-tumblr"></use></svg><span class="name"> icon-tumblr</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-github"><use xlink:href="symbol-defs.svg#icon-github"></use></svg><span class="name"> icon-github</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-twitter"><use xlink:href="symbol-defs.svg#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-icq"><use xlink:href="symbol-defs.svg#icon-icq"></use></svg><span class="name"> icon-icq</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon-xmpp"><use xlink:href="symbol-defs.svg#icon-xmpp"></use></svg><span class="name"> icon-xmpp</span>
</div>
</div>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 16</h1>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-lens"><use xlink:href="symbol-defs.svg#icon-lens"></use></svg><span class="name"> icon-lens</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-focallength"><use xlink:href="symbol-defs.svg#icon-focallength"></use></svg><span class="name"> icon-focallength</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-aperture"><use xlink:href="symbol-defs.svg#icon-aperture"></use></svg><span class="name"> icon-aperture</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-mail"><use xlink:href="symbol-defs.svg#icon-mail"></use></svg><span class="name"> icon-mail</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-reply"><use xlink:href="symbol-defs.svg#icon-reply"></use></svg><span class="name"> icon-reply</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-bookmarks"><use xlink:href="symbol-defs.svg#icon-bookmarks"></use></svg><span class="name"> icon-bookmarks</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-star"><use xlink:href="symbol-defs.svg#icon-star"></use></svg><span class="name"> icon-star</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-tags"><use xlink:href="symbol-defs.svg#icon-tags"></use></svg><span class="name"> icon-tags</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-lock"><use xlink:href="symbol-defs.svg#icon-lock"></use></svg><span class="name"> icon-lock</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-link"><use xlink:href="symbol-defs.svg#icon-link"></use></svg><span class="name"> icon-link</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-monzo"><use xlink:href="symbol-defs.svg#icon-monzo"></use></svg><span class="name"> icon-monzo</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-feed"><use xlink:href="symbol-defs.svg#icon-feed"></use></svg><span class="name"> icon-feed</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-home"><use xlink:href="symbol-defs.svg#icon-home"></use></svg><span class="name"> icon-home</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-note"><use xlink:href="symbol-defs.svg#icon-note"></use></svg><span class="name"> icon-note</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-article"><use xlink:href="symbol-defs.svg#icon-article"></use></svg><span class="name"> icon-article</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-journal"><use xlink:href="symbol-defs.svg#icon-journal"></use></svg><span class="name"> icon-journal</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-photo"><use xlink:href="symbol-defs.svg#icon-photo"></use></svg><span class="name"> icon-photo</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-contrast"><use xlink:href="symbol-defs.svg#icon-contrast"></use></svg><span class="name"> icon-contrast</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-sensitivity"><use xlink:href="symbol-defs.svg#icon-sensitivity"></use></svg><span class="name"> icon-sensitivity</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-clock"><use xlink:href="symbol-defs.svg#icon-clock"></use></svg><span class="name"> icon-clock</span>
</div>
</div>
<div class="glyph fs2">
<div class="clearfix pbs">
<svg class="icon-camera"><use xlink:href="symbol-defs.svg#icon-camera"></use></svg><span class="name"> icon-camera</span>
</div>
</div>
</div>
<script defer src="svgxuse.js"></script>
</body>
</html>
Reference in a new issue View git blame Copy permalink