inticons

Install

``sh
npm install inticons
`

Usage

$3

#### CSS

`css
@import url('inticons/fonts/inticons.bundle.min.css');
`

#### Vue

`html

`

$3

Each icon can be referenced by their name prefixed with ii-. For example, You can get the arrow-right icon with using ii-arrow-right. You can use font-size and color properties to change the icon appearance.

`html

`

$3

Inticons contains many helper classes to quickly modify the look of the icons.

#### Rotate

- ii-rotate-45: Rotate icon 45 Degrees.
- ii-rotate-90: Rotate icon 90 Degrees.
- ii-rotate-135: Rotate icon 135 Degrees.
- ii-rotate-180: Rotate icon 180 Degrees.
- ii-rotate-225: Rotate icon 225 Degrees.
- ii-rotate-270: Rotate icon 270 Degrees.
- ii-rotate-315: Rotate icon 315 Degrees.

`html

`

#### Flip

- ii-flip-h: Flip icon horizontal.
- ii-flip-v: Flip icon vertical.

`html

`

> ii-rotate- and ii-flip- classes cannot be used on the same element at the same time.

#### Size

- ii-2x: Doubles the size.
- ii-3x: Triples the size.
- ii-4x: Quadraples the size.

`html

`

#### Spin

- ii-spin: Spinning icon.

`html

`

#### Weight

Some icons has ii-weight-600 class, which thicken the icon.

- ii-weight-600: Thicken the icon.

`html

``

Contributor

$3

- garudanish
- HyungwonJang0327

📝 License

Inticons's code (all files, except fonts and svg icons) is distributed under MIT license.

Embedded fonts and svg icons are distributed under UI8 primary licenses. See icons info on UI8 website for licensing agreement.