Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

iconly

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

iconly - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

2

package.json
{
"name": "iconly",
"version": "1.5.0",
"version": "1.5.1",
"description": "Iconly is designed to load and cache SVG icons in the browser, using IndexedDB to store the data. It retrieves the icons from a given SVG file, stores them in IndexedDB, and inserts them into the DOM for easy access and use.",

@@ -5,0 +5,0 @@ "author": "ux-ui.pro",

@@ -19,3 +19,3 @@ <div align="center">

&#10148; **Installation**
&#10148; **Install**

@@ -32,3 +32,6 @@ ```console

```
<br>
&#10148; **Usage**
```javascript

@@ -43,12 +46,15 @@ const iconly = new Iconly({

```
<br>
&#10148; **File with icons**
```HTML
<svg>
<symbol id="icon-one" viewBox="0 0 100 100">
<use href="#icon-name"></use>
</svg>
```
<sub>File with icons</sub>
```HTML
<svg preserveAspectRatio="none" fill="none">
<symbol id="icon-one" viewBox="0 0 300 300">
<path ... />
</symbol>
<symbol id="icon-two" viewBox="0 0 100 100">
<symbol id="icon-two" viewBox="0 0 300 300">
<path ... />

@@ -61,9 +67,10 @@ </symbol>

&#10148; **Usage**
&#10148; **Options**
```HTML
<svg>
<use href="#icon-name"></use>
</svg>
```
| Option | Type | Default | Description |
|:-----------:|:-----------------------:|:---------------:|:--------------------------------------------------------------------------------------------------------|
| `file` | `string` | `'./icons.svg'` | The URL of the SVG file containing the icons. |
| `version` | `string` | `'1.0'` | The version of the icon set. |
| `debug` | `boolean` | `false` | If `true`, debug information and errors will be logged to the console. |
| `container` | `string \| HTMLElement` | `document.body` | The container element where the icons will be injected. Can be a CSS selector string or an HTMLElement. |
<br>

@@ -70,0 +77,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc