ProIcons v4.11.0
🌳 New: Tree-shaking
ProIcons packages now support tree-shaking in ESM, allowing you to eliminate unused icons when using a bundler such as Webpack or Rollup. This allows you to import only the icons you need for increased performance.
⚛️ New: React and Vue packages!
ProIcons packages for Vue and React are finally here! These new libraries also support tree-shaking. (Note: These packages are ESM only)
⚠️ Breaking Changes
proicons.icons.[icon] now returns ProIconInfo (renamed to ProIcon). Use .toSvg() or .raw to return the SVG content
API Changes
- Breaking update: Importing an icon now returns
ProIconInfoinstead of the raw SVG - Renamed
ProIconInfotoProIcon - Added
rawproperty andtoSvg()method toProIcon getIconInfo()now works in Node.js without throwing an error- Added
ProIconsOptionstype, whichProIconReplaceConfignow extends. - Added icon previews when importing icons in VSCode
- Added icon and category lists to
proiconspackage that don't import all icons - Added imports for all icons with pascal case or camel case names
- Reworked
proicons.replace()API
New icons
- Checkbox Indeterminate 2
- Checkbox Indeterminate
- Checkbox Checked
- Brackets
- Comment Exclamation
- Dollar Circle
- Regular Expression
- Ruler Diagonal
- TypeScript
- Slash Box
- Copyright
- Copyleft
- Keyboard Command
- Bell Off
- Bell Dot
- GitLab
- ReactJS
- Infinity
- Math
- Headphones Off
- Android
- Flag 2
- Server
Updated icons
- Add Square Multiple
- Copy
- Comment
- Comment Multiple
- Person Multiple
- Anchor
- Microphone
- Microphone Off
- Chrome Restore
- Open
- Window Multiple
- JavaScript
- Graph
- Bookmark
- Bookmark Add
- Bookmark Multiple
- Tag Multiple
- Svelte
Other Changes
- Deprecated variable icons (non-variable versions have been removed and 'Variable' has been removed from names of variable icons). These have also been aliased.