Installation

Let's get started! Download Pixels from here or install it as a Node dependency.

npm install pixel-icons
				

How to use

SASS source code

Include the following sass code into your stylesheet.

// Define path to icon font
$pixels-font-path: "~pixel-icons/dist/webfonts" !default;

// Include icons stylesheet
@import "~pixel-icons/dist/sass/Pixels.scss";
			

Compiled CSS

You can also use the compiled css stylesheet. Copy Pixels CSS & all font files to your project and include the stylesheet in your html head.

<link rel="stylesheet" type="text/css" href="/packages/Pixels/dist/css/Pixels.css" />
			

Icon usage

You can simply embed Pixels with CSS classes!

<!-- Alien Icon -->
<i class="px px-alien"></i>

<!-- Cloud Icon -->
<i class="px px-cloud"></i>

<!-- Heart Icon -->
<i class="px px-heart"></i>

<!-- Whiteboard Icon -->
<i class="px px-whiteboard"></i>