Side by side
Octicons vs Vivid.js
Both stand on icon libraries. Which one you can start free with, which one lets you read the code, and what each costs once you pay.
Free plan Web
Octicons provides GitHub’s categorized SVG icon library with documented React, Rails, Figma, and direct-use paths. Its sizing, color, and accessibility guidance helps teams apply the icons consistently across interfaces.
Visit Octicons Free plan Web
Vivid.js provides a focused icon library for web projects, with per-icon styling and custom bundle options. Its free MIT licensing and multiple installation paths make it practical for developers who want control over SVG assets.
Visit Vivid.jsThe facts
| Octicons | Vivid.js | |
|---|---|---|
| Free plan | Yes | Yes |
| Open source | Not published | Not published |
| Runs on | Web | Web |
| Lowest paid plan | Not published | Free or on request |
| Plans published | None | 1 |
| Maker | Not published | Not published |
| Website | primer.style | webkul.github.io |
| On icon libraries | #42 of 46 | #38 of 46 |
Octicons: what it does well
- Free MIT-licensed icon set
- SVGs can be rendered manually
- React and Rails integrations are documented
- Icons inherit surrounding `currentColor`
- Commercial use is supported
What to know first
- User-selectable icon use is strongly discouraged
- Meaningful icons require accessible names
- Non-decorative icons need 3:1 contrast
- No security policy is detected
Vivid.js: what it does well
- 90+ customizable SVG icons
- HTML controls for size and colors
- No development dependencies required
- Custom bundles can add or remove icons
- Free MIT-licensed commercial use
What to know first
- Requires a JavaScript-capable browser
- Web platform only
- No paid tiers or usage limits stated
Alternatives to Octicons Alternatives to Vivid.js The whole list