247 lines
11 KiB
HTML
247 lines
11 KiB
HTML
<!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: 16</h1>
|
|
<div class="glyph fs1">
|
|
<div class="clearfix pbs">
|
|
<svg class="icon-me"><use xlink:href="symbol-defs.svg#icon-me"></use></svg><span class="name"> icon-me</span>
|
|
</div>
|
|
</div>
|
|
<div class="glyph fs1">
|
|
<div class="clearfix pbs">
|
|
<svg class="icon-resume"><use xlink:href="symbol-defs.svg#icon-resume"></use></svg><span class="name"> icon-resume</span>
|
|
</div>
|
|
</div>
|
|
<div class="glyph fs1">
|
|
<div class="clearfix pbs">
|
|
<svg class="icon-cv"><use xlink:href="symbol-defs.svg#icon-cv"></use></svg><span class="name"> icon-cv</span>
|
|
</div>
|
|
</div>
|
|
<div class="glyph fs1">
|
|
<div class="clearfix pbs">
|
|
<svg class="icon-search"><use xlink:href="symbol-defs.svg#icon-search"></use></svg><span class="name"> icon-search</span>
|
|
</div>
|
|
</div>
|
|
<div class="glyph fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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 fs1">
|
|
<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>
|
|
<div class="clearfix mhl ptl">
|
|
<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
|
|
<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-following"><use xlink:href="symbol-defs.svg#icon-following"></use></svg><span class="name"> icon-following</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix mhl ptl">
|
|
<h1 class="mvm mtn fgc1">Grid Size: 0</h1>
|
|
<div class="glyph fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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 fs3">
|
|
<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>
|
|
<script defer src="svgxuse.js"></script>
|
|
</body>
|
|
</html>
|