siimple-icons

4.3.1 • Public • Published

Siimple header

NPM Version Get help MIT License

siimple-icons: a collection of Pure CSS and Open-Source icons for the siimple CSS toolkit.

Links

Install

Add siimple-icons to your project running the following command:

$ npm install --save siimple-icons

Or include the icons stylesheet in your HTML file using our CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/siimple-icons/siimple-icons.css">

Usage

Using CSS classes

You can use the CSS classes defined in siimple-icons.css to reference icons in your HTML:

<i class="si-star"></i>

You can use font-size and color style properties for customizing the icon:

<i class="si-tools" style="color:#025cca;font-size:24px;"></i>

Using SVG Sprite

Use the SVG sprite siimple-icons.svg to insert any icon through the <use> element and using the icon ID as the fragment identifier. You can customize the icon color using the stroke attribute or the icon size using width and height:

<svg width="32" height="32" stroke="currentColor">
    <use xlink:href="siimple-icons.svg#image" />
</svg>

License

MIT License.

Readme

Keywords

Package Sidebar

Install

npm i siimple-icons

Weekly Downloads

5

Version

4.3.1

License

MIT

Unpacked Size

343 kB

Total Files

6

Last publish

Collaborators

  • jmjuanes