check

assets/css/nicon.css

@@ -1,3 +1,22 @@
 section.nicon {
     display: inline-block;
+    width: 180px;
+    height: 120px;
+    font-size: 3rem;
+    text-align: center;
+    margin-left: -5px;
+    margin-right: -5px;
+    margin-top: -5px;
+    padding: 20px;
+    border: solid 5px;
+}
+
+section.nicon span{
+    display: block;
+}
+
+section.nicon span.nicon-label {
+    font-size: 1rem;
+    text-align: center;
+    margin-top: 30px;
 }

ressources/brz9-icon-font/index.php

@@ -25,7 +25,7 @@
 
 <rnav v-bind:tag="tags.web">Web</rnav>
 
-<nicon name="Licenses"></nicon>
+<h4>Network</h4>
 <nicon name="brz9-icon-cc"></nicon>
 <nicon name="brz9-icon-cc-by"></nicon>
 <nicon name="brz9-icon-cc-zero"></nicon>
@@ -42,12 +42,7 @@
 <nicon name="brz9-icon-agpl-v3"></nicon>
 <nicon name="brz9-icon-bsd"></nicon>
 <nicon name="brz9-icon-mit"></nicon>
-<nicon name="Social"></nicon>
+<h4>Network</h4>
-<nicon name="Network"></nicon>
-<nicon name="/"></nicon>
-<nicon name="Forum"></nicon>
-<nicon name="/"></nicon>
-<nicon name="Blog"></nicon>
 <nicon name="brz9-icon-mastodon"></nicon>
 <nicon name="brz9-icon-discord"></nicon>
 <nicon name="brz9-icon-reddit"></nicon>
@@ -70,26 +65,23 @@
 <nicon name="brz9-icon-tripadvisor"></nicon>
 <nicon name="brz9-icon-quora"></nicon>
 <nicon name="brz9-icon-stackoverflow"></nicon>
-<nicon name="Art"></nicon>
+<h4>Artwork sharing</h4>
-<nicon name="Sharing"></nicon>
 <nicon name="brz9-icon-behance"></nicon>
 <nicon name="brz9-icon-dribbble"></nicon>
 <nicon name="brz9-icon-deviantart"></nicon>
 <nicon name="brz9-icon-unsplash"></nicon>
-<nicon name="Audio"></nicon>
+<h4>Audio Streaming</h4>
-<nicon name="Streaming"></nicon>
 <nicon name="brz9-icon-applemusic"></nicon>
 <nicon name="brz9-icon-bandcamp"></nicon>
 <nicon name="brz9-icon-soundcloud"></nicon>
 <nicon name="brz9-icon-spotify"></nicon>
 <nicon name="brz9-icon-tidal"></nicon>
-<nicon name="Video"></nicon>
+<h4>Video Streaming</h4>
-<nicon name="Streaming"></nicon>
 <nicon name="brz9-icon-peertube"></nicon>
 <nicon name="brz9-icon-vimeo"></nicon>
 <nicon name="brz9-icon-youtube"></nicon>
 <nicon name="brz9-icon-twitch"></nicon>
-<nicon name="Communication"></nicon>
+<h4>Communication</h4>
 <nicon name="brz9-icon-signal"></nicon>
 <nicon name="brz9-icon-riot"></nicon>
 <nicon name="brz9-icon-envelope"></nicon>
@@ -106,9 +98,7 @@
 <nicon name="brz9-icon-messenger"></nicon>
 <nicon name="brz9-icon-skype"></nicon>
 <nicon name="brz9-icon-slack"></nicon>
-<nicon name="Payment"></nicon>
+<h4>Payment / Shopping</h4>
-<nicon name="/"></nicon>
-<nicon name="Shopping"></nicon>
 <nicon name="brz9-icon-liberapay"></nicon>
 <nicon name="brz9-icon-flattr"></nicon>
 <nicon name="brz9-icon-patreon"></nicon>
@@ -127,8 +117,7 @@
 <nicon name="brz9-icon-price-tags"></nicon>
 <nicon name="brz9-icon-barcode"></nicon>
 <nicon name="brz9-icon-qrcode"></nicon>
-<nicon name="Operating"></nicon>
+<h4>OS</h4>
-<nicon name="System"></nicon>
 <nicon name="brz9-icon-debian"></nicon>
 <nicon name="brz9-icon-void"></nicon>
 <nicon name="brz9-icon-archlinux"></nicon>
@@ -141,7 +130,7 @@
 <nicon name="brz9-icon-apple"></nicon>
 <nicon name="brz9-icon-windows"></nicon>
 <nicon name="brz9-icon-android"></nicon>
-<nicon name="Multimedia/File"></nicon>
+<h4>Multimedia / Files</h4>
 <nicon name="brz9-icon-image"></nicon>
 <nicon name="brz9-icon-images"></nicon>
 <nicon name="brz9-icon-music"></nicon>
@@ -196,9 +185,7 @@
 <nicon name="brz9-icon-shuffle"></nicon>
 <nicon name="brz9-icon-airplayaudio"></nicon>
 <nicon name="brz9-icon-airplayvideo"></nicon>
-<nicon name="WebDev"></nicon>
+<h4>Code</h4>
-<nicon name="/"></nicon>
-<nicon name="Coding"></nicon>
 <nicon name="brz9-icon-html5"></nicon>
 <nicon name="brz9-icon-css3"></nicon>
 <nicon name="brz9-icon-javascript"></nicon>
@@ -228,7 +215,7 @@
 <nicon name="brz9-icon-blender"></nicon>
 <nicon name="brz9-icon-inkscape"></nicon>
 <nicon name="brz9-icon-steam"></nicon>
-<nicon name="Devices"></nicon>
+<h4>Device</h4>
 <nicon name="brz9-icon-raspberrypi"></nicon>
 <nicon name="brz9-icon-arduino"></nicon>
 <nicon name="brz9-icon-camera"></nicon>
@@ -241,18 +228,18 @@
 <nicon name="brz9-icon-mobile"></nicon>
 <nicon name="brz9-icon-tablet"></nicon>
 <nicon name="brz9-icon-tv"></nicon>
-<nicon name="Keyboard"></nicon>
+<h4>Keyboard</h4>
 <nicon name="brz9-icon-command"></nicon>
 <nicon name="brz9-icon-shift"></nicon>
 <nicon name="brz9-icon-ctrl"></nicon>
 <nicon name="brz9-icon-opt"></nicon>
-<nicon name="Form"></nicon>
+<h4>Form</h4>
 <nicon name="brz9-icon-checkbox-checked"></nicon>
 <nicon name="brz9-icon-checkbox-unchecked"></nicon>
 <nicon name="brz9-icon-radio-checked"></nicon>
 <nicon name="brz9-icon-radio-checked2"></nicon>
 <nicon name="brz9-icon-radio-unchecked"></nicon>
-<nicon name="Navigation"></nicon>
+<h4>Navigation</h4>
 <nicon name="brz9-icon-chevron-circle-down"></nicon>
 <nicon name="brz9-icon-chevron-circle-up"></nicon>
 <nicon name="brz9-icon-chevron-circle-right"></nicon>
@@ -314,7 +301,7 @@
 <nicon name="brz9-icon-info"></nicon>
 <nicon name="brz9-icon-cancel-circle"></nicon>
 <nicon name="brz9-icon-blocked"></nicon>
-<nicon name="Editor"></nicon>
+<h4>Editing</h4>
 <nicon name="brz9-icon-pencil"></nicon>
 <nicon name="brz9-icon-pencil2"></nicon>
 <nicon name="brz9-icon-quill"></nicon>
@@ -369,13 +356,13 @@
 <nicon name="brz9-icon-brightness-contrast"></nicon>
 <nicon name="brz9-icon-crop"></nicon>
 <nicon name="brz9-icon-scissors"></nicon>
-<nicon name="MISC"></nicon>
+<h4>MISC</h4>
 <nicon name="brz9-icon-trophy"></nicon>
 <nicon name="brz9-icon-gift"></nicon>
 <nicon name="brz9-icon-leaf"></nicon>
 <nicon name="brz9-icon-lab"></nicon>
 <nicon name="brz9-icon-flag"></nicon>
-<nicon name="Network:"></nicon>
+<h4>Network</h4>
 <nicon name="brz9-icon-wifi"></nicon>
 <nicon name="brz9-icon-spinner"></nicon>
 <nicon name="brz9-icon-spinner2"></nicon>
@@ -394,15 +381,14 @@
 <nicon name="brz9-icon-box-remove"></nicon>
 <nicon name="brz9-icon-sphere"></nicon>
 <nicon name="brz9-icon-earth"></nicon>
-<nicon name="AFK"></nicon>
+<h4>AFK Navigation</h4>
-<nicon name="Navigation"></nicon>
 <nicon name="brz9-icon-location"></nicon>
 <nicon name="brz9-icon-location2"></nicon>
 <nicon name="brz9-icon-compass"></nicon>
 <nicon name="brz9-icon-compass2"></nicon>
 <nicon name="brz9-icon-map"></nicon>
 <nicon name="brz9-icon-map2"></nicon>
-<nicon name="Time"></nicon>
+<h4>Time</h4>
 <nicon name="brz9-icon-clock"></nicon>
 <nicon name="brz9-icon-clock2"></nicon>
 <nicon name="brz9-icon-alarm"></nicon>