IOP Nucleus

Icons 

<p class="iop-text-lg">

    <i class="iop-icon iop-icon--burger-menu"></i>

    <i class="iop-icon iop-icon--calendar"></i>

    <i class="iop-icon iop-icon--career"></i>

    <i class="iop-icon iop-icon--checked"></i>

    <i class="iop-icon iop-icon--close"></i>

    <i class="iop-icon iop-icon--collection"></i>

    <i class="iop-icon iop-icon--dot-menu"></i>

    <i class="iop-icon iop-icon--feed"></i>

    <i class="iop-icon iop-icon--kebab-menu"></i>

    <i class="iop-icon iop-icon--play"></i>

    <i class="iop-icon iop-icon--profile"></i>

    <i class="iop-icon iop-icon--search"></i>

    <i class="iop-icon iop-icon--chevron-up"></i>

    <i class="iop-icon iop-icon--unchecked"></i>

    <i class="iop-icon iop-icon--article"></i>

    <i class="iop-icon iop-icon--apprentice"></i>

    <i class="iop-icon iop-icon--indus-pro"></i>

    <i class="iop-icon iop-icon--influencers"></i>

    <i class="iop-icon iop-icon--student"></i>

    <i class="iop-icon iop-icon--teacher"></i>

    <i class="iop-icon iop-icon--settings"></i>

    <i class="iop-icon iop-icon--youtube"></i>

    <i class="iop-icon iop-icon--classroom"></i>

    <i class="iop-icon iop-icon--mass-on-spring"></i>

    <i class="iop-icon iop-icon--chevron-down"></i>

    <i class="iop-icon iop-icon--age-5"></i>

    <i class="iop-icon iop-icon--age-11"></i>

    <i class="iop-icon iop-icon--age-14"></i>

    <i class="iop-icon iop-icon--age-16"></i>

    <i class="iop-icon iop-icon--big-ideas"></i>

    <i class="iop-icon iop-icon--earth"></i>

    <i class="iop-icon iop-icon--energy"></i>

    <i class="iop-icon iop-icon--electricity"></i>

    <i class="iop-icon iop-icon--activities"></i>

    <i class="iop-icon iop-icon--force"></i>

    <i class="iop-icon iop-icon--glossary"></i>

    <i class="iop-icon iop-icon--stories"></i>

    <i class="iop-icon iop-icon--practical"></i>

    <i class="iop-icon iop-icon--matter"></i>

    <i class="iop-icon iop-icon--quantum"></i>

    <i class="iop-icon iop-icon--support"></i>

    <i class="iop-icon iop-icon--teaching"></i>

    <i class="iop-icon iop-icon--share"></i>

    <i class="iop-icon iop-icon--upvote"></i>

    <i class="iop-icon iop-icon--light"></i>

</p>
 
<p class="iop-text-lg">
  {% for icon in icons %}
    <i class="iop-icon iop-icon--{{ icon }}"></i>
  {% endfor %}
</p>
 
{
  "icons": [
    "burger-menu",
    "calendar",
    "career",
    "checked",
    "close",
    "collection",
    "dot-menu",
    "feed",
    "kebab-menu",
    "play",
    "profile",
    "search",
    "chevron-up",
    "unchecked",
    "article",
    "apprentice",
    "indus-pro",
    "influencers",
    "student",
    "teacher",
    "settings",
    "youtube",
    "classroom",
    "mass-on-spring",
    "chevron-down",
    "age-5",
    "age-11",
    "age-14",
    "age-16",
    "big-ideas",
    "earth",
    "energy",
    "electricity",
    "activities",
    "force",
    "glossary",
    "stories",
    "practical",
    "matter",
    "quantum",
    "support",
    "teaching",
    "share",
    "upvote",
    "light"
  ]
}

There are no notes for this item.