icon-packs
Include icons from popular icon projects to your project. Icons are exported as ES2015 exports so only include the icons as you need, which reduces bundle size.
Installation
Icon-packs can by installed using npm or yarn.
npm install icon-packs --save
yarn add icon-packs
Usage
import { accountBookFill } from 'icons-packs/ant';
import { add } from 'icon-packs/blueprint';
import { alarmFill } from 'icon-packs/bootstrap';
import { accessibility1Line } from 'icon-packs/clarity';
import { add } from 'icon-packs/cssgg';
import { android } from 'icon-packs/devicons';
import { _500Px } from 'icon-packs/fa';
import { activity } from 'icon-packs/feather';
import { _3DHammer } from 'icon-packs/game';
import { iosAdd } from 'icon-packs/ionicons';
import { alarmClock } from 'icon-packs/jam';
import { accessibleIcon } from 'icon-packs/la';
import { _3DRotation24 } from 'icon-packs/material';
import { alert } from 'icon-packs/octicons';
import { _4KFill } from 'icon-packs/remix';
import { aboutMe } from 'icon-packs/simple';
import { adjustBrightness } from 'icon-packs/typicons';
import { wiAlien } from 'icon-packs/weather';
// render your icons with preferred framework
Format
Icons are formatted as plain objects and can be used with any framework:
{
tag: 'svg',
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
viewBox: `0 0 24 24`
},
children: [{
tag: 'desc',
attrs: {},
children: 'Icon Description'
}, {
tag: 'path',
attrs: {
x1: 0,
y1: 0,
x2: 23,
y: 24
}
}]
}
API
All packs export:
-
VERSION
- current version of icon pack -
allIconNames
- array of all available icon names in current icon pack
Icons with reserved filenames like delete
or export
are postfixed with an underscore: delete_
or export_
.
Icons starting with a number like 4K
are prefixed with an underscore: _4K
.
Icon Packs exports all icons as es6 modules to enable tree shaking by default in most bundlers. Some environments only work with CommonJS. Icon Packs also exports icons in CommonJS format in the cjs directory: e.g.
import { activity } from 'icon-packs/cjs/feather
Icons
- Ant Design Icons License: MIT License
- Blueprint Icons License: Apache License Version 2.0
- Bootstrap Icons License: MIT License
- Clarity Icons License: MIT License
- css.gg Icons License: MIT License
- Devicons License: MIT License
- Feather Icons License: MIT License
- Font Awesome Free License: CC BY 4.0
- Game Icons License: CC BY 3.0
- GitHub Octicons :License MIT License
- Ionicons License MIT License
- JAM Icons License MIT License
- Line Awesome Icons License MIT License
- Material Icons License Apache License Version 2.0
- Remix Icon License: Apache License Version 2.0
- Simple Icons License CC0 1.0 Universal
- Typicons License CC BY-SA 3.0
- Weather Icons License SIL OFL 1.1
License
The icon-packs package is available with the MIT license. Different icon projects come with different lisences be sure to check the lisence for used icons.