---

table of content

• Use iconify as script
• Use iconify in vuepress

Use iconify as script

1. insert the script block to the index page or template

 <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script> 

2. find the required icon from iconify (opens new window)

 https://iconify.design/icon-sets/ 

3. copy the snippet and insert the code, where you needed

 <span class="iconify" data-icon="fa-solid:icons" data-inline="false"></span> 

Use iconify in vuepress

 // config.js
   head: [
    [
      'script',
      {
        src: `https://code.iconify.design/1/1.0.7/iconify.min.js`,
      },
    ],
  ],