Docs
Everything you need to find, copy and customize coolicons.
- Getting startedAn open source icon set in five styles and three corner radii. Copy icons or install a package for React, Vue or SVG.
- React@coolicons/react has one component per icon, with an entry for every style and corner radius.
- Vue@coolicons/vue has one Vue 3 component per icon, with the same entries and props as the React package.
- SVG files@coolicons/svg has every icon as a plain SVG file, plus a manifest, for any other stack.
- shadcn/uiAdd single icons with the shadcn CLI. Each one lands in your project as code you own, without a dependency.
- Coding agentsAgents often guess icon names wrong. Give Claude Code, Cursor or Codex the real set through MCP, a CLI or a skill.
- CustomizeSet color, size and stroke width with CSS or props, and mark icons up for screen readers.
- Icons by nameRender an icon from a string, for icon pickers and content from a CMS.