Add Pathwright icons (Pathicons)

Customize your features list with our unique Pathwright icons.

Laurie Garcia avatar
Written by Laurie Garcia
Updated over a week ago

Add our icons on your course About page to help illustrate the benefits of your course to potential learners using our native visual vocabulary. 

**Be aware that this particular format for implementing icons will not be supported in the future. We'll replace it with a new version.

How to add Pathwright icons 

  1. Open to the "About" page of the course (this is one of the three tabs at the top of your course). Click the gear icon on the Cohort that you want to add features to. Select "Edit cohort description" Write a list of features, using a bullet list item anywhere you wish to add an icon. 

  2. Switch to edit HMTL view and follow these steps:
    ▪ You should already see <li> tags around the text of each bullet point like so: <li>lorem ipsum</li>
    ▪ Add your desired icon class to the first <li> tag, like so: <li class="pwai-example">lorem ipsum</li>

  3. Save changes and exit. The bullet points will be replaced by cool icons. 

What icons can I use? 

Search all icons by clicking the button below.

Here is the exact code from the example above. Try substituting other icons from the search above.  

<ul>
<li class="pwai-expert">Watch hours of instructional videos from experts in their field.</li>
<li class="pwai-avatar">Track your progress with your own personal account.</li>
<li class="pwai-feedback">Receive feedback on all assignments.</li>
<li class="pwai-discussion">Enrich your learning by interacting with moderators and other learners in exciting discussions.</li>
<li class="pwai-download">Download all your notes when the course is over.</li>
<li class="pwai-path">Enjoy the freedom to complete each step at your own pace.</li>
<li class="pwai-achievement">Receive a certificate of completion when you meet all class requirements.</li>
</ul>

Did this answer your question?