PHPackages                             neosloves/iconify - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. neosloves/iconify

ActiveNeos-package

neosloves/iconify
=================

v1.0.0(2y ago)1211PHP

Since Mar 5Pushed 2y ago1 watchersCompare

[ Source](https://github.com/NeosLoves/Iconify)[ Packagist](https://packagist.org/packages/neosloves/iconify)[ RSS](/packages/neosloves-iconify/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (3)Versions (2)Used By (1)

NeosLoves.Iconify
=================

[](#neoslovesiconify)

Insert icons from the [Iconify](https://iconify.design)-Framework as SVG in a fusion template

Usage
-----

[](#usage)

1. Go to  to find an icon
2. Copy the icon name including the collection name e.g. 'fa-brands:neos'
3. Use the provided generic component in fusion

```
  icon = NeosLoves.Iconify:Icon {
    name="fa-brands:neos"
  }

```

and within afx

```

```

4. or create your customized and reusable icon component

```
prototype(Neos.Neos:Icon) < prototype(NeosLoves.Iconify:Icon) {
  name="fa-brands:neos"
  color="#00adee"
}

```

### Prototype props

[](#prototype-props)

#### Mandatory

[](#mandatory)

- `name` : the icon name including the collection name e.g. 'fa-brands:neos'

#### Optional

[](#optional)

As described here

- `inline` : if true or "true" or "1" (string or boolean), code will include `vertical-align` style, making it behave like a glyph. See [inline vs block article](https://iconify.design/docs/inline-vs-block/).
- `width`, `height` : dimensions of icon. If only one attribute is set, another attribute will be set using icon's width/height ratio. Value can be string (such as "1em", "24px" or number). If value is "auto", icon's original dimensions will be used. If both width and height are not set, height defaults to "1em".
- `hFlip`, `vFlip` : if true or "true" or "1" (string or boolean), icon will be flipped horizontally and/or vertically.
- `flip` : alternative to "hFlip" and "vFlip", string. Value can be "horizontal", "vertical" or "horizontal,vertical"
- `rotate` : rotation. Value can be in degrees "90deg" (only 90, 180 and 270 rotations are available), percentages "25%" (25%, 50% and 75% are aliases of 90deg, 180deg and 270deg) or number 1-3 (1 - 90deg, 2 - 180deg, 3 - 270deg).
- `align` : alignment. This is useful if you have custom width and height set. Unlike other images, SVG keep aspect ratio (unless stated otherwise) when scaled. Value is comma or space separated string with possible strings (example: "left,top,crop"):
    - `left`, `right`, `center` : horizontal alignment
    - `top`, `middle`, `bottom` : vertical alignment
    - `crop` : crop parts that go outside of boundaries
    - `meet` : scale icon down to fit entire icon (opposite of crop)
- `color` : custom color string to replace currentColor. This is useful when using icon as background image because background image cannot use currentColor
- `box` : if true or "true" or "1" (string or boolean), icon will include extra rectangle matching its view box. This is useful to export icon to editor making icon easier to scale or place into its position in sketch because often editors ignore viewBox.

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

795d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/b0c4c2e910a7d2e4fd8cf1e4a2392d2c54622ae5ab12e8b338422d404fa8f21a?d=identicon)[kleisli](/maintainers/kleisli)

---

Top Contributors

[![Kleisli](https://avatars.githubusercontent.com/u/18674199?v=4)](https://github.com/Kleisli "Kleisli (3 commits)")

---

Tags

iconifyneos-cmsneos-flowneos-fusion

### Embed Badge

![Health badge](/badges/neosloves-iconify/health.svg)

```
[![Health](https://phpackages.com/badges/neosloves-iconify/health.svg)](https://phpackages.com/packages/neosloves-iconify)
```

###  Alternatives

[neos/neos

An open source Content Application Platform based on Flow. A set of core Content Management features is resting within a larger context that allows you to build a perfectly customized experience for your users.

116989.0k671](/packages/neos-neos)[neos/eel

The Embedded Expression Language (Eel) is a building block for creating Domain Specific Languages

122.0M27](/packages/neos-eel)[neos/media

The Media package

101.1M45](/packages/neos-media)[neos/flow-base-distribution

Flow Base Distribution

2159.5k](/packages/neos-flow-base-distribution)[studiometa/ui

A set of opiniated, unstyled and accessible components.

1113.8k2](/packages/studiometa-ui)[avency/neos-vardump

Neos VarDump Package

147.1k](/packages/avency-neos-vardump)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)