# IconPlanet   ## Source and search You can find thousands uicon in [IconPlanet website](https://iconplanet.app/). ## About Install the latest version of Uicons – which includes each individual icon in SVG format, CSS stylesheets and font files – and easily keep your project up to date with the latest icons and enhancements through the npm package manager. ## npm package You can find this package page on ```npm``` [here](https://www.npmjs.com/package/@iconplanet/uicons). ## Github repository Also can give us new star ⭐️ on [```IconPlanet GitHub repo```](https://github.com/iconplanetapp/uicons) to support us.
# Get Started ## Installation Install latest version of IconPlanet uicons package with ```npm``` package manager: ``` js npm i @iconplanet/uicons ``` In short, with this method you get the same result as with the downloadable format but in an easier-to-update package. This package contains the following directories and files: | Path | What it is | |----------|------------------------------| | /css | Stylesheets for Web Fonts | | /svg | Individual SVG for each icon | | /webfont | Web Font files used with CSS |
## CSS @import ### 1. Import all packages You can import all available packages with importing this file: ``` css @import '@iconplanet/uicons/css/ip-all'; ```
### 2. Single style Or just import certain packages individually: ``` css @import '@iconplanet/uicons/css/ip-[PACKAGE-NAME]'; @import '@iconplanet/uicons/css/ip-brands'; ``` | **Package Name** | **Prefix** | **Example** | |-------------------|------------|----------------------------------------| | brands | ip-brands | <i class="ip-brands-instagram"> | | awesome-regular | ip-ar | <i class="ip-ar-user"> | | flat-bold-rounded | ip-fbr | <i class="ip-fbr-home"> | ## Use icons ``` html My Iconic Project ```