Introducing HackerNoon’s Pixel Icon Library (now available as a standalone site @ PixelIconLibrary.com), an open-source collection of 1440+ Pixelated Icons. Meticulously designed on a 24px grid, ensuring perfect alignment and consistency to enrich your web/app/product/page/life experience.

380+ Unique Pixelated Vector Icons. 4 variations per icon to better match your project aesthetic. Light SVG Files - 176.6 KB for the entire collection. PNG files in 12px, 16 px, 24px, and 48px for both Light/Dark Mode

486 careful handmade pixel art icons based on a 24x24 grid and currentColor fills. All icons were made individually using rectangles to recreate a non-anti-aliased look. It makes use of subtle padding for each icon.

Mar 12, 2025 · A designer without prior coding experience used Cursor AI to build the Pixel Icon Library website from a Figma design. With AI assistance, they set up the project with HTML, Tailwind CSS, and Node.js, implemented search functionality using JSON, and deployed it …

Introducing HackerNoon's Pixel Icon Library, an open-source collection of Pixelated Icons. Meticulously designed on a 24px grid, ensuring perfect alignment and consistency to enrich your web/app/product/page/life experience.

Aug 31, 2023 · Multiple Ways to Use - Install via NPM Package, Directly via HTML & CSS, or via Figma Component Library. Vibe-Coded & Fully Open Sourced. Learn about HackerNoon's Pixel Icon Library, an open-source collection of pixelated icons, designed on a …

Aug 31, 2023 · We’re thrilled to launch our very own icon library for the community: “The Pixel Icon Library by HackerNoon” - an open-source collection of pixelated icons. Meticulously designed on a 24px grid, ensuring perfect alignment and consistency to enrich your web/app/product/page/life experience.

Introducing HackerNoon’s Pixel Icon Library, an open-source collection of 1440+ Pixelated Icons. Meticulously designed on a 24px grid, ensuring perfect alignment and consistency to enrich your web/app/product/page/life experience. Inspired by HackerNoon’s retro design vibe, these icons capture the essence of the internet's good old days.

How To Add Icons. To insert an icon, add the name of the icon class to any inline HTML element. The <i> and <span> elements are widely used to add icons. All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.)

Sep 5, 2023 · HackerNoon's Pixel Icon Library contains 120+ Pixel Icons as light SVG Files, with the entire collection totaling 64.7 KB. The PNG files are available in 12px, 16px, 24px, and 48px for...