@iconbox/snapp v2.0.5

How to use iconbox?

Icons are available in svg format, react components and a special way of sprite file, which allows you to sprite svg icons in a pack. e.g. if you are using webpack you could use svg-sprite-loader

React svg components

Choose your icon from our webapp then import it where ever you want:

import { MoodSadIcon } from '@iconbox/tabler';

const Component = () => {
  return <MoodSadIcon />;
}

If you want to improve bundle size and jusgt complie used svg files:

[
  'transform-imports',
  {
    '@iconbox\/?(((\\w*)?\/?)*)': {
      'transform': isClient ? '@iconbox/${1}/esm/${member}' : '@iconbox/${1}/${member}',
    },
  }
]

the isClient could decide between SSR and CSR and load svg files cjs version in server.

Sprite svg components

Choose your icon from our webapp then import it where ever you want:

import { MoodSadIcon } from '@iconbox/tabler/sprite';

const Component = () => {
  return <MoodSadIcon />;
}

If you want to improve bundle size and jusgt complie used svg files:

[
  'transform-imports',
  {
    '@iconbox\/?(((\\w*)?\/?)*)\/sprite': {
      'transform': isClient ? '@iconbox/${1}/esm/${member}/sprite' : '@iconbox/${1}/${member}/sprite',
    },
  }
]

the isClient could decide between SSR and CSR and load svg files cjs version in server.

which file should I use?

You can use whatever version you want, we provide various versions of icons for every pack. But we advice reading this article about FontIcons vs Svg Icons compare by CssTricks first.

license

This repo is just a wrapper to exist icon packs, so please respect every icon pack license you use.

• Clothes: free icon pack from flat icons
• Eid: free icon pack from flat icons
• Emoji: free icon pack from flat icons
• Eva Icons: MIT
• Feather Icons: MIT and open source by feather icons
• Font awesome4 icons : CC BY 4.0 License
• Font awesome5 icons : CC BY 4.0 License
• Foundation: MIT
• IcoMoon: GPL / CC BY 4.0, GPL / CC BY 4.0
• Iconly: MIT by piqo design
• Ion Icons: MIT
• Linear Icons: CC BY-SA 4.0
• Material Design Icons: Apache license version 2.0.
• Medical Icons: free icon pack from flat icons
• Oct Icons: MIT
• SnappMarket Icons: MIT by SnappMarket
• Support Icons: free icon pack from flat icons
• Tabler Icons: MIT by Tabler Icons