newyorck/custom-modern-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
custom-modern-theme/assets/fonts/genericons-neue/genericons-neue.html

848 lines
38 KiB
HTML
Raw Normal View History

init
2024-07-31 20:14:58 +02:00
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Genericons-Neue</title>
<style>
body {
margin:0;
padding:10px 20px;
background:#fff;
color:#222;
}
h1, div, footer {
font-family:"Helvetica Neue", Arial, sans-serif;
}
h1 {
margin:0 0 20px;
font-size:32px;
font-weight:normal;
}
h1 small {
font-size: 0.8em;
padding-left: 2em;
}
.icons {
margin-bottom:40px;
-webkit-column-count:5;
-moz-column-count:5;
column-count:5;
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
}
.icons__item,
.icons__item i {
line-height:2em;
cursor:pointer;
overflow:hidden;
}
.icons__item:hover {
color:#3c90be;
}
.icons__item i {
display:inline-block;
width:32px;
text-align:center;
}
.icons__item:hover i {
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
footer {
margin-top:40px;
font-size:14px;
color:#999;
}
/* Generated by grunt-webfont */
@font-face {
font-family:"Genericons-Neue";
src:url("Genericons-Neue.eot?5d630a71c44ef73497a7242b3bfc0208");
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:"Genericons-Neue";
src:url("Genericons-Neue.eot?5d630a71c44ef73497a7242b3bfc0208");
src:url("Genericons-Neue.eot?#iefix") format("embedded-opentype"),
url("data:application/x-font-woff;charset=utf-8;base64,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
url("Genericons-Neue.ttf?5d630a71c44ef73497a7242b3bfc0208") format("truetype");
font-weight:normal;
font-style:normal;
}
.genericons-neue {
font-family:"Genericons-Neue";
display:inline-block;
vertical-align:middle;
line-height:1;
font-weight:normal;
font-style:normal;
speak:none;
text-decoration:inherit;
text-transform:none;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/* Icons */
.genericons-neue-activity:before {
content:"\f508";
}
.genericons-neue-anchor:before {
content:"\f509";
}
.genericons-neue-aside:before {
content:"\f101";
}
.genericons-neue-attachment:before {
content:"\f416";
}
.genericons-neue-audio-mute:before {
content:"\f174";
}
.genericons-neue-audio:before {
content:"\f109";
}
.genericons-neue-bold:before {
content:"\f471";
}
.genericons-neue-book:before {
content:"\f444";
}
.genericons-neue-bug:before {
content:"\f50a";
}
.genericons-neue-cart:before {
content:"\f447";
}
.genericons-neue-category:before {
content:"\f301";
}
.genericons-neue-chat:before {
content:"\f108";
}
.genericons-neue-checkmark:before {
content:"\f418";
}
.genericons-neue-close-alt:before {
content:"\f406";
}
.genericons-neue-close:before {
content:"\f405";
}
.genericons-neue-cloud-download:before {
content:"\f440";
}
.genericons-neue-cloud-upload:before {
content:"\f441";
}
.genericons-neue-cloud:before {
content:"\f426";
}
.genericons-neue-code:before {
content:"\f462";
}
.genericons-neue-cog:before {
content:"\f445";
}
.genericons-neue-collapse:before {
content:"\f432";
}
.genericons-neue-comment:before {
content:"\f300";
}
.genericons-neue-day:before {
content:"\f305";
}
.genericons-neue-document:before {
content:"\f443";
}
.genericons-neue-download:before {
content:"\f50b";
}
.genericons-neue-edit:before {
content:"\f411";
}
.genericons-neue-ellipsis:before {
content:"\f476";
}
.genericons-neue-expand:before {
content:"\f431";
}
.genericons-neue-external:before {
content:"\f442";
}
.genericons-neue-fastforward:before {
content:"\f458";
}
.genericons-neue-feed:before {
content:"\f413";
}
.genericons-neue-flag:before {
content:"\f468";
}
.genericons-neue-fullscreen:before {
content:"\f474";
}
.genericons-neue-gallery:before {
content:"\f103";
}
.genericons-neue-heart:before {
content:"\f461";
}
.genericons-neue-help:before {
content:"\f457";
}
.genericons-neue-hide:before {
content:"\f404";
}
.genericons-neue-hierarchy:before {
content:"\f505";
}
.genericons-neue-home:before {
content:"\f409";
}
.genericons-neue-image:before {
content:"\f102";
}
.genericons-neue-info:before {
content:"\f455";
}
.genericons-neue-italic:before {
content:"\f472";
}
.genericons-neue-key:before {
content:"\f427";
}
.genericons-neue-link:before {
content:"\f107";
}
.genericons-neue-location:before {
content:"\f417";
}
.genericons-neue-lock:before {
content:"\f470";
}
.genericons-neue-mail:before {
content:"\f410";
}
.genericons-neue-menu:before {
content:"\f419";
}
.genericons-neue-microphone:before {
content:"\f50d";
}
.genericons-neue-minus:before {
content:"\f50e";
}
.genericons-neue-month:before {
content:"\f307";
}
.genericons-neue-move:before {
content:"\f50f";
}
.genericons-neue-next:before {
content:"\f429";
}
.genericons-neue-notice:before {
content:"\f456";
}
.genericons-neue-paintbrush:before {
content:"\f506";
}
.genericons-neue-pause:before {
content:"\f448";
}
.genericons-neue-phone:before {
content:"\f437";
}
.genericons-neue-picture:before {
content:"\f473";
}
.genericons-neue-pinned:before {
content:"\f308";
}
.genericons-neue-play:before {
content:"\f452";
}
.genericons-neue-plugin:before {
content:"\f439";
}
.genericons-neue-plus:before {
content:"\f510";
}
.genericons-neue-previous:before {
content:"\f430";
}
.genericons-neue-print:before {
content:"\f469";
}
.genericons-neue-quote:before {
content:"\f106";
}
.genericons-neue-refresh:before {
content:"\f420";
}
.genericons-neue-reply:before {
content:"\f466";
}
.genericons-neue-rewind:before {
content:"\f459";
}
.genericons-neue-search:before {
content:"\f400";
}
.genericons-neue-send-to-phone:before {
content:"\f438";
}
.genericons-neue-send-to-tablet:before {
content:"\f454";
}
.genericons-neue-share:before {
content:"\f415";
}
.genericons-neue-show:before {
content:"\f403";
}
.genericons-neue-shuffle:before {
content:"\f514";
}
.genericons-neue-sitemap:before {
content:"\f507";
}
.genericons-neue-skip-ahead:before {
content:"\f451";
}
.genericons-neue-skip-back:before {
content:"\f450";
}
.genericons-neue-spam:before {
content:"\f424";
}
.genericons-neue-standard:before {
content:"\f100";
}
.genericons-neue-star-empty:before {
content:"\f511";
}
.genericons-neue-star-half:before {
content:"\f513";
}
.genericons-neue-star:before {
content:"\f408";
}
.genericons-neue-status:before {
content:"\f105";
}
.genericons-neue-stop:before {
content:"\f449";
}
.genericons-neue-subscribe:before {
content:"\f463";
}
.genericons-neue-subscribed:before {
content:"\f465";
}
.genericons-neue-summary:before {
content:"\f425";
}
.genericons-neue-tablet:before {
content:"\f453";
}
.genericons-neue-tag:before {
content:"\f302";
}
.genericons-neue-time:before {
content:"\f303";
}
.genericons-neue-top:before {
content:"\f435";
}
.genericons-neue-trash:before {
content:"\f407";
}
.genericons-neue-unapprove:before {
content:"\f446";
}
.genericons-neue-unsubscribe:before {
content:"\f464";
}
.genericons-neue-unzoom:before {
content:"\f401";
}
.genericons-neue-user:before {
content:"\f304";
}
.genericons-neue-video:before {
content:"\f104";
}
.genericons-neue-videocamera:before {
content:"\f517";
}
.genericons-neue-warning:before {
content:"\f414";
}
.genericons-neue-website:before {
content:"\f475";
}
.genericons-neue-week:before {
content:"\f306";
}
.genericons-neue-xpost:before {
content:"\f504";
}
.genericons-neue-zoom:before {
content:"\f402";
}
</style>
</head>
<body>
<h1>Genericons-Neue</h1>
<div class="icons" id="icons">
<div class="icons__item" data-name="activity"><i class="genericons-neue genericons-neue-activity"></i> genericons-neue-activity</div>
<div class="icons__item" data-name="anchor"><i class="genericons-neue genericons-neue-anchor"></i> genericons-neue-anchor</div>
<div class="icons__item" data-name="aside"><i class="genericons-neue genericons-neue-aside"></i> genericons-neue-aside</div>
<div class="icons__item" data-name="attachment"><i class="genericons-neue genericons-neue-attachment"></i> genericons-neue-attachment</div>
<div class="icons__item" data-name="audio-mute"><i class="genericons-neue genericons-neue-audio-mute"></i> genericons-neue-audio-mute</div>
<div class="icons__item" data-name="audio"><i class="genericons-neue genericons-neue-audio"></i> genericons-neue-audio</div>
<div class="icons__item" data-name="bold"><i class="genericons-neue genericons-neue-bold"></i> genericons-neue-bold</div>
<div class="icons__item" data-name="book"><i class="genericons-neue genericons-neue-book"></i> genericons-neue-book</div>
<div class="icons__item" data-name="bug"><i class="genericons-neue genericons-neue-bug"></i> genericons-neue-bug</div>
<div class="icons__item" data-name="cart"><i class="genericons-neue genericons-neue-cart"></i> genericons-neue-cart</div>
<div class="icons__item" data-name="category"><i class="genericons-neue genericons-neue-category"></i> genericons-neue-category</div>
<div class="icons__item" data-name="chat"><i class="genericons-neue genericons-neue-chat"></i> genericons-neue-chat</div>
<div class="icons__item" data-name="checkmark"><i class="genericons-neue genericons-neue-checkmark"></i> genericons-neue-checkmark</div>
<div class="icons__item" data-name="close-alt"><i class="genericons-neue genericons-neue-close-alt"></i> genericons-neue-close-alt</div>
<div class="icons__item" data-name="close"><i class="genericons-neue genericons-neue-close"></i> genericons-neue-close</div>
<div class="icons__item" data-name="cloud-download"><i class="genericons-neue genericons-neue-cloud-download"></i> genericons-neue-cloud-download</div>
<div class="icons__item" data-name="cloud-upload"><i class="genericons-neue genericons-neue-cloud-upload"></i> genericons-neue-cloud-upload</div>
<div class="icons__item" data-name="cloud"><i class="genericons-neue genericons-neue-cloud"></i> genericons-neue-cloud</div>
<div class="icons__item" data-name="code"><i class="genericons-neue genericons-neue-code"></i> genericons-neue-code</div>
<div class="icons__item" data-name="cog"><i class="genericons-neue genericons-neue-cog"></i> genericons-neue-cog</div>
<div class="icons__item" data-name="collapse"><i class="genericons-neue genericons-neue-collapse"></i> genericons-neue-collapse</div>
<div class="icons__item" data-name="comment"><i class="genericons-neue genericons-neue-comment"></i> genericons-neue-comment</div>
<div class="icons__item" data-name="day"><i class="genericons-neue genericons-neue-day"></i> genericons-neue-day</div>
<div class="icons__item" data-name="document"><i class="genericons-neue genericons-neue-document"></i> genericons-neue-document</div>
<div class="icons__item" data-name="download"><i class="genericons-neue genericons-neue-download"></i> genericons-neue-download</div>
<div class="icons__item" data-name="edit"><i class="genericons-neue genericons-neue-edit"></i> genericons-neue-edit</div>
<div class="icons__item" data-name="ellipsis"><i class="genericons-neue genericons-neue-ellipsis"></i> genericons-neue-ellipsis</div>
<div class="icons__item" data-name="expand"><i class="genericons-neue genericons-neue-expand"></i> genericons-neue-expand</div>
<div class="icons__item" data-name="external"><i class="genericons-neue genericons-neue-external"></i> genericons-neue-external</div>
<div class="icons__item" data-name="fastforward"><i class="genericons-neue genericons-neue-fastforward"></i> genericons-neue-fastforward</div>
<div class="icons__item" data-name="feed"><i class="genericons-neue genericons-neue-feed"></i> genericons-neue-feed</div>
<div class="icons__item" data-name="flag"><i class="genericons-neue genericons-neue-flag"></i> genericons-neue-flag</div>
<div class="icons__item" data-name="fullscreen"><i class="genericons-neue genericons-neue-fullscreen"></i> genericons-neue-fullscreen</div>
<div class="icons__item" data-name="gallery"><i class="genericons-neue genericons-neue-gallery"></i> genericons-neue-gallery</div>
<div class="icons__item" data-name="heart"><i class="genericons-neue genericons-neue-heart"></i> genericons-neue-heart</div>
<div class="icons__item" data-name="help"><i class="genericons-neue genericons-neue-help"></i> genericons-neue-help</div>
<div class="icons__item" data-name="hide"><i class="genericons-neue genericons-neue-hide"></i> genericons-neue-hide</div>
<div class="icons__item" data-name="hierarchy"><i class="genericons-neue genericons-neue-hierarchy"></i> genericons-neue-hierarchy</div>
<div class="icons__item" data-name="home"><i class="genericons-neue genericons-neue-home"></i> genericons-neue-home</div>
<div class="icons__item" data-name="image"><i class="genericons-neue genericons-neue-image"></i> genericons-neue-image</div>
<div class="icons__item" data-name="info"><i class="genericons-neue genericons-neue-info"></i> genericons-neue-info</div>
<div class="icons__item" data-name="italic"><i class="genericons-neue genericons-neue-italic"></i> genericons-neue-italic</div>
<div class="icons__item" data-name="key"><i class="genericons-neue genericons-neue-key"></i> genericons-neue-key</div>
<div class="icons__item" data-name="link"><i class="genericons-neue genericons-neue-link"></i> genericons-neue-link</div>
<div class="icons__item" data-name="location"><i class="genericons-neue genericons-neue-location"></i> genericons-neue-location</div>
<div class="icons__item" data-name="lock"><i class="genericons-neue genericons-neue-lock"></i> genericons-neue-lock</div>
<div class="icons__item" data-name="mail"><i class="genericons-neue genericons-neue-mail"></i> genericons-neue-mail</div>
<div class="icons__item" data-name="menu"><i class="genericons-neue genericons-neue-menu"></i> genericons-neue-menu</div>
<div class="icons__item" data-name="microphone"><i class="genericons-neue genericons-neue-microphone"></i> genericons-neue-microphone</div>
<div class="icons__item" data-name="minus"><i class="genericons-neue genericons-neue-minus"></i> genericons-neue-minus</div>
<div class="icons__item" data-name="month"><i class="genericons-neue genericons-neue-month"></i> genericons-neue-month</div>
<div class="icons__item" data-name="move"><i class="genericons-neue genericons-neue-move"></i> genericons-neue-move</div>
<div class="icons__item" data-name="next"><i class="genericons-neue genericons-neue-next"></i> genericons-neue-next</div>
<div class="icons__item" data-name="notice"><i class="genericons-neue genericons-neue-notice"></i> genericons-neue-notice</div>
<div class="icons__item" data-name="paintbrush"><i class="genericons-neue genericons-neue-paintbrush"></i> genericons-neue-paintbrush</div>
<div class="icons__item" data-name="pause"><i class="genericons-neue genericons-neue-pause"></i> genericons-neue-pause</div>
<div class="icons__item" data-name="phone"><i class="genericons-neue genericons-neue-phone"></i> genericons-neue-phone</div>
<div class="icons__item" data-name="picture"><i class="genericons-neue genericons-neue-picture"></i> genericons-neue-picture</div>
<div class="icons__item" data-name="pinned"><i class="genericons-neue genericons-neue-pinned"></i> genericons-neue-pinned</div>
<div class="icons__item" data-name="play"><i class="genericons-neue genericons-neue-play"></i> genericons-neue-play</div>
<div class="icons__item" data-name="plugin"><i class="genericons-neue genericons-neue-plugin"></i> genericons-neue-plugin</div>
<div class="icons__item" data-name="plus"><i class="genericons-neue genericons-neue-plus"></i> genericons-neue-plus</div>
<div class="icons__item" data-name="previous"><i class="genericons-neue genericons-neue-previous"></i> genericons-neue-previous</div>
<div class="icons__item" data-name="print"><i class="genericons-neue genericons-neue-print"></i> genericons-neue-print</div>
<div class="icons__item" data-name="quote"><i class="genericons-neue genericons-neue-quote"></i> genericons-neue-quote</div>
<div class="icons__item" data-name="refresh"><i class="genericons-neue genericons-neue-refresh"></i> genericons-neue-refresh</div>
<div class="icons__item" data-name="reply"><i class="genericons-neue genericons-neue-reply"></i> genericons-neue-reply</div>
<div class="icons__item" data-name="rewind"><i class="genericons-neue genericons-neue-rewind"></i> genericons-neue-rewind</div>
<div class="icons__item" data-name="search"><i class="genericons-neue genericons-neue-search"></i> genericons-neue-search</div>
<div class="icons__item" data-name="send-to-phone"><i class="genericons-neue genericons-neue-send-to-phone"></i> genericons-neue-send-to-phone</div>
<div class="icons__item" data-name="send-to-tablet"><i class="genericons-neue genericons-neue-send-to-tablet"></i> genericons-neue-send-to-tablet</div>
<div class="icons__item" data-name="share"><i class="genericons-neue genericons-neue-share"></i> genericons-neue-share</div>
<div class="icons__item" data-name="show"><i class="genericons-neue genericons-neue-show"></i> genericons-neue-show</div>
<div class="icons__item" data-name="shuffle"><i class="genericons-neue genericons-neue-shuffle"></i> genericons-neue-shuffle</div>
<div class="icons__item" data-name="sitemap"><i class="genericons-neue genericons-neue-sitemap"></i> genericons-neue-sitemap</div>
<div class="icons__item" data-name="skip-ahead"><i class="genericons-neue genericons-neue-skip-ahead"></i> genericons-neue-skip-ahead</div>
<div class="icons__item" data-name="skip-back"><i class="genericons-neue genericons-neue-skip-back"></i> genericons-neue-skip-back</div>
<div class="icons__item" data-name="spam"><i class="genericons-neue genericons-neue-spam"></i> genericons-neue-spam</div>
<div class="icons__item" data-name="standard"><i class="genericons-neue genericons-neue-standard"></i> genericons-neue-standard</div>
<div class="icons__item" data-name="star-empty"><i class="genericons-neue genericons-neue-star-empty"></i> genericons-neue-star-empty</div>
<div class="icons__item" data-name="star-half"><i class="genericons-neue genericons-neue-star-half"></i> genericons-neue-star-half</div>
<div class="icons__item" data-name="star"><i class="genericons-neue genericons-neue-star"></i> genericons-neue-star</div>
<div class="icons__item" data-name="status"><i class="genericons-neue genericons-neue-status"></i> genericons-neue-status</div>
<div class="icons__item" data-name="stop"><i class="genericons-neue genericons-neue-stop"></i> genericons-neue-stop</div>
<div class="icons__item" data-name="subscribe"><i class="genericons-neue genericons-neue-subscribe"></i> genericons-neue-subscribe</div>
<div class="icons__item" data-name="subscribed"><i class="genericons-neue genericons-neue-subscribed"></i> genericons-neue-subscribed</div>
<div class="icons__item" data-name="summary"><i class="genericons-neue genericons-neue-summary"></i> genericons-neue-summary</div>
<div class="icons__item" data-name="tablet"><i class="genericons-neue genericons-neue-tablet"></i> genericons-neue-tablet</div>
<div class="icons__item" data-name="tag"><i class="genericons-neue genericons-neue-tag"></i> genericons-neue-tag</div>
<div class="icons__item" data-name="time"><i class="genericons-neue genericons-neue-time"></i> genericons-neue-time</div>
<div class="icons__item" data-name="top"><i class="genericons-neue genericons-neue-top"></i> genericons-neue-top</div>
<div class="icons__item" data-name="trash"><i class="genericons-neue genericons-neue-trash"></i> genericons-neue-trash</div>
<div class="icons__item" data-name="unapprove"><i class="genericons-neue genericons-neue-unapprove"></i> genericons-neue-unapprove</div>
<div class="icons__item" data-name="unsubscribe"><i class="genericons-neue genericons-neue-unsubscribe"></i> genericons-neue-unsubscribe</div>
<div class="icons__item" data-name="unzoom"><i class="genericons-neue genericons-neue-unzoom"></i> genericons-neue-unzoom</div>
<div class="icons__item" data-name="user"><i class="genericons-neue genericons-neue-user"></i> genericons-neue-user</div>
<div class="icons__item" data-name="video"><i class="genericons-neue genericons-neue-video"></i> genericons-neue-video</div>
<div class="icons__item" data-name="videocamera"><i class="genericons-neue genericons-neue-videocamera"></i> genericons-neue-videocamera</div>
<div class="icons__item" data-name="warning"><i class="genericons-neue genericons-neue-warning"></i> genericons-neue-warning</div>
<div class="icons__item" data-name="website"><i class="genericons-neue genericons-neue-website"></i> genericons-neue-website</div>
<div class="icons__item" data-name="week"><i class="genericons-neue genericons-neue-week"></i> genericons-neue-week</div>
<div class="icons__item" data-name="xpost"><i class="genericons-neue genericons-neue-xpost"></i> genericons-neue-xpost</div>
<div class="icons__item" data-name="zoom"><i class="genericons-neue genericons-neue-zoom"></i> genericons-neue-zoom</div>
</div>
<h1>Usage</h1>
<pre><code>&lt;i class=&quot;genericons-neue genericons-neue-<span id="name">name</span>&quot;&gt;&lt;/i&gt;</code></pre>
<footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer>
<script>
(function() {
document.getElementById('icons').onclick = function(e) {
e = e || window.event;
var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name');
document.getElementById('name').innerHTML = name;
}
})();
</script>
</body>
</html>
Reference in a new issue Copy permalink