Hilfe:Icons einbinden und Hilfe:Icons einbinden/Brainy Icons: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
Auf den Seiten von ZUM Unterrichten lassen sich zwei Icon-Sets einbinden. Zum einen [https://fontawesome.com/v4.7.0/icons/ FontAwesome] (Version 4) und zum anderen [http://handdrawngoods.com/store/brainy-icons-280-hand-drawn-science-and-education-icons/ Brainy Icons].
Brainy Icosn sind wie folgt einzubinden:
 
Beide Icon-Sets passen sich der Textgröße und Textfarbe des Elternelement an.
 
__TOC__
 
== Font Awesome ==
 
Font Awesome Icns werden wird folgt eingebunden:
 
<pre>
<span class="fa fa-rocket"></span>
</pre>
 
Zu sehen ist Folgendes:
 
<span class="fa fa-rocket"></span>
 
Um große Icons anzuzeigen, gibt es die Option die Zoomklassen fa-lg (33% vergrößert), fa-2x, fa-3x, fa-4x, oder fa-5x hinzuzufügen:
 
<pre>
<span class="fa fa-rocket fa-lg"></span> fa-lg
 
<span class="fa fa-rocket fa-2x"></span> fa-2x
 
<span class="fa fa-rocket fa-3x"></span> fa-3x
 
<span class="fa fa-rocket fa-4x"></span> fa-4x
 
<span class="fa fa-rocket fa-5x"></span> fa-5x
</pre>
 
<span class="fa fa-rocket fa-lg"></span> fa-lg
 
<span class="fa fa-rocket fa-2x"></span> fa-2x
 
<span class="fa fa-rocket fa-3x"></span> fa-3x
 
<span class="fa fa-rocket fa-4x"></span> fa-4x
 
<span class="fa fa-rocket fa-5x"></span> fa-5x
 
'''Wichtig:''' Anders als auf den Beispielseiten von Font Awesome dürfen die Icons nicht in einem <nowiki><i></nowiki>-Tag verwendet werden, da dieser im Wiki für kursive Schrift verwendet wird. Am besten sind sie in einem <span> oder <div>-Tag zu verwenden.
 
* [https://fontawesome.com/v4.7.0/icons/ Übersicht über alle Font Awesome Icons]
* [https://fontawesome.com/v4.7.0/examples/ Weitere Formatierungsmöglichkeiten]
 
== Brainy Icons ==
 
Bei den Brainy Icons handelt es sich um handgezeichnete Icons. Sie sind im Prinzip genauso einzubinden wie die Font Awesome Icons:


<pre>
<pre>
Zeile 54: Zeile 5:
</pre>
</pre>


Zu sehen ist Folgendes:
Weitere Infos [[Icons einbinden#Brainy Icons|hier]]
 
<span class="brainy hdg-space-shuttle"></span>
 
* [[Hilfe:Icons_einbinden/Brainy_Icons|Übersicht über alle Brainy Icons]]
 
 
== Icons in Links ==
 
Die Icons können auch in Links eingebunden werden:
 
<pre>
[[Hauptseite|<span class="fa fa-rocket></span> Hauptseite]]
[[Hauptseite|<span class="brainy hdg-space-shuttle></span> Hauptseite]]
</pre>
 
[[Hauptseite|<span class="fa fa-rocket></span> Hauptseite]]


[[Hauptseite|<span class="brainy hdg-space-shuttle></span> Hauptseite]]
<div style="text-align: center" class="grid">
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-school"></span>
hdg-school
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-class"></span>
hdg-class
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pupil"></span>
hdg-pupil
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-school-bus"></span>
hdg-school-bus
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-school-bag"></span>
hdg-school-bag
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pocket"></span>
hdg-pocket
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pencil"></span>
hdg-pencil
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pen"></span>
hdg-pen
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-quill"></span>
hdg-quill
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-marker"></span>
hdg-marker
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-ruler-compasses"></span>
hdg-ruler-compasses
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-ruler-pencil"></span>
hdg-ruler-pencil
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pens-pencils"></span>
hdg-pens-pencils
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-compasses"></span>
hdg-compasses
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-eraser"></span>
hdg-eraser
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scissors"></span>
hdg-scissors
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pin"></span>
hdg-pin
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-clip"></span>
hdg-paper-clip
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-plane"></span>
hdg-paper-plane
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-lamp"></span>
hdg-lamp
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-calculator"></span>
hdg-calculator
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-printer"></span>
hdg-printer
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-mouse"></span>
hdg-mouse
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-glasses"></span>
hdg-glasses
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-glasses02"></span>
hdg-glasses02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-aim"></span>
hdg-aim
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-puzzle"></span>
hdg-puzzle
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-lamp2"></span>
hdg-lamp2
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-lamp-green"></span>
hdg-lamp-green
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-flash"></span>
hdg-flash
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-bomb"></span>
hdg-bomb
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-clock"></span>
hdg-clock
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-alarm"></span>
hdg-alarm
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-alarm02"></span>
hdg-alarm02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-hourglass"></span>
hdg-hourglass
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-magnifying-glass"></span>
hdg-magnifying-glass
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-binoculars"></span>
hdg-binoculars
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-briefcase"></span>
hdg-briefcase
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-exclamation"></span>
hdg-exclamation
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-question"></span>
hdg-question
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-headphones"></span>
hdg-headphones
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-spech-bubbles"></span>
hdg-spech-bubbles
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-apple"></span>
hdg-apple
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-apple02"></span>
hdg-apple02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-coffee"></span>
hdg-coffee
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-globe"></span>
hdg-globe
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-globe02"></span>
hdg-globe02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-abacus"></span>
hdg-abacus
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-calculator2"></span>
hdg-calculator2
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-bell01"></span>
hdg-bell01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-bell02"></span>
hdg-bell02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-blackboard01"></span>
hdg-blackboard01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-blackboard02"></span>
hdg-blackboard02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-blackboard03"></span>
hdg-blackboard03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-desk"></span>
hdg-desk
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chair"></span>
hdg-chair
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-alphabet"></span>
hdg-alphabet
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-book01"></span>
hdg-book01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-book02"></span>
hdg-book02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-book03"></span>
hdg-book03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-book04"></span>
hdg-book04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-book05"></span>
hdg-book05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-book06"></span>
hdg-book06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-notebook"></span>
hdg-notebook
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-bookshelf"></span>
hdg-bookshelf
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-folders"></span>
hdg-folders
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-drawer"></span>
hdg-drawer
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-folder01"></span>
hdg-folder01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-folder02"></span>
hdg-folder02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-folder03"></span>
hdg-folder03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file01"></span>
hdg-file01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file02"></span>
hdg-file02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file03"></span>
hdg-file03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file04"></span>
hdg-file04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-a"></span>
hdg-paper-a
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-f"></span>
hdg-paper-f
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-pass"></span>
hdg-paper-pass
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-fail"></span>
hdg-paper-fail
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-five"></span>
hdg-paper-five
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paper-two"></span>
hdg-paper-two
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file05"></span>
hdg-file05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-checklist01"></span>
hdg-checklist01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-checklist02"></span>
hdg-checklist02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file06"></span>
hdg-file06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file07"></span>
hdg-file07
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file08"></span>
hdg-file08
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-file09"></span>
hdg-file09
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-calendar01"></span>
hdg-calendar01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-calendar02"></span>
hdg-calendar02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-calendar03"></span>
hdg-calendar03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-student01"></span>
hdg-student01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-student02"></span>
hdg-student02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-graduation-hat"></span>
hdg-graduation-hat
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-torch"></span>
hdg-torch
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-certificate"></span>
hdg-certificate
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-award01"></span>
hdg-award01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-award02"></span>
hdg-award02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-flag"></span>
hdg-flag
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-award03"></span>
hdg-award03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-award04"></span>
hdg-award04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-psi"></span>
hdg-psi
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-omega"></span>
hdg-omega
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-star"></span>
hdg-star
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scroll"></span>
hdg-scroll
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-owl"></span>
hdg-owl
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-art"></span>
hdg-art
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-political-science"></span>
hdg-political-science
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-history"></span>
hdg-history
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-law"></span>
hdg-law
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-philosopy"></span>
hdg-philosopy
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-theatre"></span>
hdg-theatre
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-languages"></span>
hdg-languages
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-painting"></span>
hdg-painting
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-music"></span>
hdg-music
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-music02"></span>
hdg-music02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-music03"></span>
hdg-music03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-music04"></span>
hdg-music04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-ball01"></span>
hdg-ball01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-ball02"></span>
hdg-ball02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-ball03"></span>
hdg-ball03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-football-helmet"></span>
hdg-football-helmet
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paleontology"></span>
hdg-paleontology
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-screen01"></span>
hdg-screen01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-screen02"></span>
hdg-screen02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-screen03"></span>
hdg-screen03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-screen04"></span>
hdg-screen04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-laptop01"></span>
hdg-laptop01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-laptop02"></span>
hdg-laptop02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-laptop03"></span>
hdg-laptop03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-laptop04"></span>
hdg-laptop04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-laptop05"></span>
hdg-laptop05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-laptop06"></span>
hdg-laptop06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tablet01"></span>
hdg-tablet01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tablet02"></span>
hdg-tablet02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tablet03"></span>
hdg-tablet03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tablet04"></span>
hdg-tablet04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tablet05"></span>
hdg-tablet05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tablet06"></span>
hdg-tablet06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-smartphone01"></span>
hdg-smartphone01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-smartphone02"></span>
hdg-smartphone02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-smartphone03"></span>
hdg-smartphone03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-folder-online"></span>
hdg-folder-online
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pie-chart"></span>
hdg-pie-chart
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chart-analysis"></span>
hdg-chart-analysis
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pulse"></span>
hdg-pulse
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chart01"></span>
hdg-chart01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chart02"></span>
hdg-chart02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chart03"></span>
hdg-chart03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chart04"></span>
hdg-chart04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chart05"></span>
hdg-chart05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-newspaper"></span>
hdg-newspaper
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-atom"></span>
hdg-atom
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-radiation"></span>
hdg-radiation
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule01"></span>
hdg-molecule01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule02"></span>
hdg-molecule02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule03"></span>
hdg-molecule03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule04"></span>
hdg-molecule04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule05"></span>
hdg-molecule05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule06"></span>
hdg-molecule06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule07"></span>
hdg-molecule07
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-molecule08"></span>
hdg-molecule08
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-light"></span>
hdg-light
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-magnet"></span>
hdg-magnet
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-battery"></span>
hdg-battery
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-temperature"></span>
hdg-temperature
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-water"></span>
hdg-water
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pi"></span>
hdg-pi
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-formula01"></span>
hdg-formula01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-formula02"></span>
hdg-formula02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-formula03"></span>
hdg-formula03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-formula04"></span>
hdg-formula04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-formula05"></span>
hdg-formula05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-formula06"></span>
hdg-formula06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-geometry01"></span>
hdg-geometry01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-geometry02"></span>
hdg-geometry02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-d"></span>
hdg-d
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-lab-flask01"></span>
hdg-lab-flask01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-lab-flask02"></span>
hdg-lab-flask02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-lab-flask03"></span>
hdg-lab-flask03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-lab-flask04"></span>
hdg-lab-flask04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-test-tube01"></span>
hdg-test-tube01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-test-tube02"></span>
hdg-test-tube02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-test-tube03"></span>
hdg-test-tube03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-eye-dropper"></span>
hdg-eye-dropper
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-mortar"></span>
hdg-mortar
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-chemistry-formula"></span>
hdg-chemistry-formula
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-flask-burner"></span>
hdg-flask-burner
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-burner"></span>
hdg-burner
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-fire"></span>
hdg-fire
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-skull-bones"></span>
hdg-skull-bones
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-skull"></span>
hdg-skull
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-biohazard"></span>
hdg-biohazard
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-dna"></span>
hdg-dna
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-dna02"></span>
hdg-dna02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-dna03"></span>
hdg-dna03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-genetics01"></span>
hdg-genetics01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-genetics02"></span>
hdg-genetics02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-microscope"></span>
hdg-microscope
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-cell"></span>
hdg-cell
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-bacteria"></span>
hdg-bacteria
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-mitosis"></span>
hdg-mitosis
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-syringe"></span>
hdg-syringe
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-bottle"></span>
hdg-bottle
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-pills"></span>
hdg-pills
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-mouse2"></span>
hdg-mouse2
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-frog"></span>
hdg-frog
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scalpel"></span>
hdg-scalpel
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-heart"></span>
hdg-heart
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-brain"></span>
hdg-brain
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-paw"></span>
hdg-paw
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-flower"></span>
hdg-flower
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-dinosaur"></span>
hdg-dinosaur
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-recycle"></span>
hdg-recycle
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-gears"></span>
hdg-gears
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tech"></span>
hdg-tech
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-microchip"></span>
hdg-microchip
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tools01"></span>
hdg-tools01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-tools02"></span>
hdg-tools02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-electricity"></span>
hdg-electricity
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-robot-hand"></span>
hdg-robot-hand
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-d-printer"></span>
hdg-d-printer
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-d-scanner"></span>
hdg-d-scanner
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-rapid-prototyping"></span>
hdg-rapid-prototyping
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-robot01"></span>
hdg-robot01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-robot02"></span>
hdg-robot02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-robot03"></span>
hdg-robot03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-robot04"></span>
hdg-robot04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-satellite"></span>
hdg-satellite
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-rocket"></span>
hdg-rocket
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-space-station"></span>
hdg-space-station
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-rocket02"></span>
hdg-rocket02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-space-shuttle"></span>
hdg-space-shuttle
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-rover"></span>
hdg-rover
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-flying-saucer01"></span>
hdg-flying-saucer01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-flying-saucer02"></span>
hdg-flying-saucer02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-flying-saucer03"></span>
hdg-flying-saucer03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-alien01"></span>
hdg-alien01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-alien02"></span>
hdg-alien02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-alien03"></span>
hdg-alien03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-spacemen"></span>
hdg-spacemen
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-spacesuit"></span>
hdg-spacesuit
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-blaster"></span>
hdg-blaster
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-telescope01"></span>
hdg-telescope01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-telescope02"></span>
hdg-telescope02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-satellite-dish01"></span>
hdg-satellite-dish01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-satellite-dish02"></span>
hdg-satellite-dish02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-telescope03"></span>
hdg-telescope03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-sun"></span>
hdg-sun
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet01"></span>
hdg-planet01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet02"></span>
hdg-planet02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet03"></span>
hdg-planet03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet04"></span>
hdg-planet04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-comet"></span>
hdg-comet
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet05"></span>
hdg-planet05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet06"></span>
hdg-planet06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet07"></span>
hdg-planet07
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-constellation"></span>
hdg-constellation
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-planet072"></span>
hdg-planet072
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-exclamation"></span>
hdg-head-exclamation
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-question"></span>
hdg-head-question
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-atom"></span>
hdg-head-atom
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-target"></span>
hdg-head-target
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-brain"></span>
hdg-head-brain
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-gears"></span>
hdg-head-gears
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-recycle"></span>
hdg-head-recycle
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-idea"></span>
hdg-head-idea
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-exchange"></span>
hdg-head-exchange
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-hourglass"></span>
hdg-head-hourglass
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-check"></span>
hdg-head-check
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-head-compass"></span>
hdg-head-compass
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist01"></span>
hdg-scientist01
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-skill-share"></span>
hdg-skill-share
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-badge"></span>
hdg-badge
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist02"></span>
hdg-scientist02
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist03"></span>
hdg-scientist03
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist04"></span>
hdg-scientist04
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist05"></span>
hdg-scientist05
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist06"></span>
hdg-scientist06
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist07"></span>
hdg-scientist07
</div>
<div style="padding-bottom: 1rem" class="width-1-4">
<span style="display: block; font-size: 400%" class="brainy hdg-scientist08"></span>
hdg-scientist08
</div>
</div>

Version vom 4. September 2018, 11:56 Uhr

Brainy Icosn sind wie folgt einzubinden:

<span class="brainy hdg-space-shuttle"></span>

Weitere Infos hier

hdg-school

hdg-class

hdg-pupil

hdg-school-bus

hdg-school-bag

hdg-pocket

hdg-pencil

hdg-pen

hdg-quill

hdg-marker

hdg-ruler-compasses

hdg-ruler-pencil

hdg-pens-pencils

hdg-compasses

hdg-eraser

hdg-scissors

hdg-pin

hdg-paper-clip

hdg-paper-plane

hdg-lamp

hdg-calculator

hdg-printer

hdg-mouse

hdg-glasses

hdg-glasses02

hdg-aim

hdg-puzzle

hdg-lamp2

hdg-lamp-green

hdg-flash

hdg-bomb

hdg-clock

hdg-alarm

hdg-alarm02

hdg-hourglass

hdg-magnifying-glass

hdg-binoculars

hdg-briefcase

hdg-exclamation

hdg-question

hdg-headphones

hdg-spech-bubbles

hdg-apple

hdg-apple02

hdg-coffee

hdg-globe

hdg-globe02

hdg-abacus

hdg-calculator2

hdg-bell01

hdg-bell02

hdg-blackboard01

hdg-blackboard02

hdg-blackboard03

hdg-desk

hdg-chair

hdg-alphabet

hdg-book01

hdg-book02

hdg-book03

hdg-book04

hdg-book05

hdg-book06

hdg-notebook

hdg-bookshelf

hdg-folders

hdg-drawer

hdg-folder01

hdg-folder02

hdg-folder03

hdg-file01

hdg-file02

hdg-file03

hdg-file04

hdg-paper-a

hdg-paper-f

hdg-paper-pass

hdg-paper-fail

hdg-paper-five

hdg-paper-two

hdg-file05

hdg-checklist01

hdg-checklist02

hdg-file06

hdg-file07

hdg-file08

hdg-file09

hdg-calendar01

hdg-calendar02

hdg-calendar03

hdg-student01

hdg-student02

hdg-graduation-hat

hdg-torch

hdg-certificate

hdg-award01

hdg-award02

hdg-flag

hdg-award03

hdg-award04

hdg-psi

hdg-omega

hdg-star

hdg-scroll

hdg-owl

hdg-art

hdg-political-science

hdg-history

hdg-law

hdg-philosopy

hdg-theatre

hdg-languages

hdg-painting

hdg-music

hdg-music02

hdg-music03

hdg-music04

hdg-ball01

hdg-ball02

hdg-ball03

hdg-football-helmet

hdg-paleontology

hdg-screen01

hdg-screen02

hdg-screen03

hdg-screen04

hdg-laptop01

hdg-laptop02

hdg-laptop03

hdg-laptop04

hdg-laptop05

hdg-laptop06

hdg-tablet01

hdg-tablet02

hdg-tablet03

hdg-tablet04

hdg-tablet05

hdg-tablet06

hdg-smartphone01

hdg-smartphone02

hdg-smartphone03

hdg-folder-online

hdg-pie-chart

hdg-chart-analysis

hdg-pulse

hdg-chart01

hdg-chart02

hdg-chart03

hdg-chart04

hdg-chart05

hdg-newspaper

hdg-atom

hdg-radiation

hdg-molecule01

hdg-molecule02

hdg-molecule03

hdg-molecule04

hdg-molecule05

hdg-molecule06

hdg-molecule07

hdg-molecule08

hdg-light

hdg-magnet

hdg-battery

hdg-temperature

hdg-water

hdg-pi

hdg-formula01

hdg-formula02

hdg-formula03

hdg-formula04

hdg-formula05

hdg-formula06

hdg-geometry01

hdg-geometry02

hdg-d

hdg-lab-flask01

hdg-lab-flask02

hdg-lab-flask03

hdg-lab-flask04

hdg-test-tube01

hdg-test-tube02

hdg-test-tube03

hdg-eye-dropper

hdg-mortar

hdg-chemistry-formula

hdg-flask-burner

hdg-burner

hdg-fire

hdg-skull-bones

hdg-skull

hdg-biohazard

hdg-dna

hdg-dna02

hdg-dna03

hdg-genetics01

hdg-genetics02

hdg-microscope

hdg-cell

hdg-bacteria

hdg-mitosis

hdg-syringe

hdg-bottle

hdg-pills

hdg-mouse2

hdg-frog

hdg-scalpel

hdg-heart

hdg-brain

hdg-paw

hdg-flower

hdg-dinosaur

hdg-recycle

hdg-gears

hdg-tech

hdg-microchip

hdg-tools01

hdg-tools02

hdg-electricity

hdg-robot-hand

hdg-d-printer

hdg-d-scanner

hdg-rapid-prototyping

hdg-robot01

hdg-robot02

hdg-robot03

hdg-robot04

hdg-satellite

hdg-rocket

hdg-space-station

hdg-rocket02

hdg-space-shuttle

hdg-rover

hdg-flying-saucer01

hdg-flying-saucer02

hdg-flying-saucer03

hdg-alien01

hdg-alien02

hdg-alien03

hdg-spacemen

hdg-spacesuit

hdg-blaster

hdg-telescope01

hdg-telescope02

hdg-satellite-dish01

hdg-satellite-dish02

hdg-telescope03

hdg-sun

hdg-planet01

hdg-planet02

hdg-planet03

hdg-planet04

hdg-comet

hdg-planet05

hdg-planet06

hdg-planet07

hdg-constellation

hdg-planet072

hdg-head-exclamation

hdg-head-question

hdg-head-atom

hdg-head-target

hdg-head-brain

hdg-head-gears

hdg-head-recycle

hdg-head-idea

hdg-head-exchange

hdg-head-hourglass

hdg-head-check

hdg-head-compass

hdg-scientist01

hdg-skill-share

hdg-badge

hdg-scientist02

hdg-scientist03

hdg-scientist04

hdg-scientist05

hdg-scientist06

hdg-scientist07

hdg-scientist08