Calling Icons

Calling an icon

You can see the complete code list at neuicons.com.

<i class="neu-activity"></i>

You can change the activity with other icons name.

HTML doc example.

<!DOCTYPE html>

<html lang="en">

  <title>Neu Test</title>
  
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/neuicons/css/neu.min.css">

  <body>
    <!-- example icon -->
    <i class="neu-squid" style="font-size: 24px;"></i> 
  </body>

</html>

Or play around with this Codepen template.

Icon style

Currently, Neuicons have 2 option styles to match your project. Line and Solid are your best friend.

Line

Simply call the icon names on your project with prefix neu-.

For example, neu-factory it will call the factory Line style icon on your project.

Solid

For the Solid style, the name itself for all of the icons are remains the same. The difference is how you call it.

You can just add the so- prefix after neu-. For example, neu-so-factory it will call the factory Solid style icon on your project.

When you call the icon name the same as the Line one using the prefix so- but it does not show up. That means the Solid icon style is not available yet at this moment. Feel free to check all of the available icons on the Neuicons website.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly