Meteocons ported into Iconify

Nice looking animated flatten design SVG icons and Icon Collection. See them all on one page at Meteocons.
Contributions, corrections & requests can be made on their GitHub repository.

This enables you to use Meteocons in UnoCSS or any Iconify compatible scenario.

Note

This project is part of (and also associate to) the Project AIRI, we aim to build a LLM-driven VTuber like Neuro-sama (subscribe if you didn't!) if you are interested in, please do give it a try on live demo.

Installation

Pick the package manager of your choice:

ni @proj-airi/iconify-meteocons -D # from @antfu/ni, can be installed via `npm i -g @antfu/ni`
pnpm i @proj-airi/iconify-meteocons @iconify/utils -D
yarn i @proj-airi/iconify-meteocons @iconify/utils -D
npm i @proj-airi/iconify-meteocons @iconify/utils -D

UnoCSS usage

import { createExternalPackageIconLoader } from '@iconify/utils/lib/loader/external-pkg'
import { presetIcons } from 'unocss'

export default defineConfig({
  presets: [
    // Other presets
    presetIcons({
      scale: 1.2,
      collections: {
        ...createExternalPackageIconLoader('@proj-airi/iconify-meteocons'),
      },
    }),
  ],
})

Now you can use it with UnoCSS's i- syntax:

<div class i-meteocons:overcast-day-haze-fill></div>