A simple and clean SVG icon pack with seamless integration for Rails, Node.js, Gulp, Grunt, and CDN.
Evil Icons is a free SVG icon pack designed for web projects, offering a simple 'plug and play' solution. It provides a set of clean, scalable icons that integrate seamlessly with various frameworks and tools like Rails, Node.js, Gulp, and Grunt. The project automates icon rendering, allowing developers to focus on using icons by name without managing SVG files manually.
Web developers and teams using Ruby on Rails, Sinatra, Middleman, Node.js, or build tools like Gulp and Grunt who need a lightweight, customizable icon set. It's also suitable for React developers via a dedicated component.
Developers choose Evil Icons for its straightforward integration, framework-specific helpers, and automation—icons are easily added via CDN or packages without complex setup. Its SVG sprite system ensures performance and scalability across browsers.
Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Includes dedicated helpers for Ruby on Rails, Sinatra, and Middleman, as shown in the README with code examples for easy icon rendering without manual SVG handling.
Uses a single SVG sprite file for all icons, reducing HTTP requests and improving load times, which is highlighted in the features section.
Icons can be sized with predefined options (S, M, L, XL, XXL) and colored via CSS, allowing for flexible styling directly in stylesheets.
Supports IE 9+ and all modern browsers, ensuring consistent display across different environments, as noted in the supported browsers section.
The roadmap admits that more styles are needed, indicating a smaller selection compared to comprehensive icon sets like Font Awesome or Material Icons.
For Sinatra, integration requires adding multiple gems and configuring asset pipelines, which can be tedious and error-prone, as detailed in the usage section.
The CDN and some integration methods rely on JavaScript for rendering, which might not align with projects aiming for minimal client-side JS or server-side rendering.