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

@icon/foundation-icons

Package Overview
Dependencies
Maintainers
2
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@icon/foundation-icons - npm Package Compare versions

Comparing version 3.0.0-1 to 3.0.0-2

2

manifest.json

@@ -5,3 +5,3 @@ {

"description": "Foundation icon fonts",
"version": "3.0.0-1",
"version": "3.0.0-2",
"class": "fi",

@@ -8,0 +8,0 @@ "prefix": "fi-",

{
"version": "3.0.0-1",
"version": "3.0.0-2",
"name": "@icon/foundation-icons",

@@ -4,0 +4,0 @@ "description": "Foundation icon fonts",

@@ -21,12 +21,12 @@ # @icon/foundation-icons

1. If you want to use just a few icons. Find the icons you need in "icons" folder. Then use them as regular images:
1 . If you want to use just a few icons. Find the icons you need in "icons" folder. Then use them as regular images:
```
<img height="32" width="32" src="@icon/foundation-icons/icons/heart.svg" />
<img height="32" width="32" src="@icon/foundation-icons/icons/heart.svg" />
```
2. Icons can be served from a CDN such as [Unpkg][Unpkg]. Simply use the `@icon/foundation-icons` npm package in the URL like the following:
2 . Icons can be served from a CDN such as [Unpkg][Unpkg]. Simply use the `@icon/foundation-icons` npm package in the URL like the following:
```
<img height="32" width="32" src="https://unpkg.com/@icon/foundation-icons/icons/heart.svg" />
<img height="32" width="32" src="https://unpkg.com/@icon/foundation-icons/icons/heart.svg" />
```

@@ -36,20 +36,20 @@

1. Install `@icon/foundation-icons` with this command. In the `<head>` of your html, reference the location to your `foundation-icons.css`.
1 . Install `@icon/foundation-icons` with this command. In the `<head>` of your html, reference the location to your `foundation-icons.css`.
```
<head>
...
<link rel="stylesheet" href="@icon/foundation-icons/foundation-icons.css">
...
</head>
<head>
...
<link rel="stylesheet" href="@icon/foundation-icons/foundation-icons.css">
...
</head>
```
2. Use [unpkg.com][Unpkg] to load directly foundation-icons without installing anything:
2 . Use [unpkg.com][Unpkg] to load directly foundation-icons without installing anything:
```
<head>
...
<link rel="stylesheet" href="https://unpkg.com/@icon/foundation-icons/foundation-icons.css">
...
</head>
<head>
...
<link rel="stylesheet" href="https://unpkg.com/@icon/foundation-icons/foundation-icons.css">
...
</head>
```

@@ -60,3 +60,3 @@

```
<i class="fi fi-heart"></i>
<i class="fi fi-heart"></i>
```

@@ -63,0 +63,0 @@

Sorry, the diff of this file is not supported yet

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