https://github.com/lumeland/icon-plugins

Lume plugins to get icons from different collections
https://github.com/lumeland/icon-plugins

icons lume lume-plugin

Last synced: about 2 months ago
JSON representation

Lume plugins to get icons from different collections

• Host: GitHub
• URL: https://github.com/lumeland/icon-plugins
• Owner: lumeland
• License: mit
• Created: 2024-06-15T11:57:21.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-07-11T17:34:25.000Z (2 months ago)
• Last Synced: 2024-07-29T23:24:16.734Z (about 2 months ago)
• Topics: icons, lume, lume-plugin
• Language: TypeScript
• Homepage: https://deno.land/x/lume_icon_plugins
• Size: 22.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-lume - Icon plugins

README

        
# Lume icon plugins

Plugins to work with different icon collections in Lume.

## Usage

### [SimpleIcon](https://simpleicons.org/)

```ts

import lume from "lume/mod.ts";

import simpleIcons from "lume_icon_plugins/simpleicons.ts";

const site = lume();

site.use(simpleIcons());

export site;

```

In your templates:

```

{{ "facebook" |> simpleicons }} # SVG code of the icon

{{ "facebook" |> simpleicons("hex") }} # Returns icon info (hex color in this example)

```

### [Phosphor](https://phosphoricons.com/)

```ts

import lume from "lume/mod.ts";

import phosphor from "lume_icon_plugins/phosphor.ts";

const site = lume();

site.use(phosphor());

export site;

```

In your templates:

```

{{ "acorn" |> phosphor }} # SVG code of the icon

{{ "acorn" |> phosphor("duotone") }} # Returns the icon in duotone format

```

### [Heroicons](https://heroicons.com/)

```ts

import lume from "lume/mod.ts";

import heroicons from "lume_icon_plugins/heroicons.ts";

const site = lume();

site.use(heroicons());

export site;

```

In your templates:

```

{{ "face-smile" |> heroicons }} # SVG code of the icon

{{ "face-smile" |> heroicons("outline") }} # Returns the icon in outline format

```