SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)

Last update: May 12, 2022

xicons License: MIT

English · 中文

Include vicons(vue3), ricons(react), sicons(svg) & v2icons(vue2).

SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon.

Util icon component for customizing color & size is also provided.

Icons Preview & Search

https://www.xicons.org

Installation

Icons Installation

# Install packages on your demand
# For react
npm i -D @ricons/fluent
npm i -D @ricons/ionicons4
npm i -D @ricons/ionicons5
npm i -D @ricons/antd
npm i -D @ricons/material
npm i -D @ricons/fa # font awesome
npm i -D @ricons/tabler
npm i -D @ricons/carbon
# For vue3
npm i -D @vicons/fluent
npm i -D @vicons/ionicons4
npm i -D @vicons/ionicons5
npm i -D @vicons/antd
npm i -D @vicons/material
npm i -D @vicons/fa # font awesome
npm i -D @vicons/tabler
npm i -D @vicons/carbon
# For vue2
npm i -D @v2icons/fluent
npm i -D @v2icons/ionicons4
npm i -D @v2icons/ionicons5
npm i -D @v2icons/antd
npm i -D @v2icons/material
npm i -D @v2icons/fa # font awesome
npm i -D @v2icons/tabler
npm i -D @v2icons/carbon
# For SVG file
npm i -D @sicons/fluent
npm i -D @sicons/ionicons4
npm i -D @sicons/ionicons5
npm i -D @sicons/antd
npm i -D @sicons/material
npm i -D @sicons/fa # font awesome
npm i -D @sicons/tabler
npm i -D @sicons/carbon

Icon Utils Installation

Icon utils provide a icon wrapper component for customizing color & size of the inner SVG icon.

npm i -D @ricons/utils  # react
npm i -D @vicons/utils  # vue3
npm i -D @v2icons/utils # vue2

Usage

For Vue3

vue3 demo

<script>
  import { Money16Regular } from '@vicons/fluent'
  // or
  import Money16Regular from '@vicons/fluent/Money16Regular'

  // You can directly use the SVG component
  // or wrap it in an Icon component from @vicons/utils

  import { Icon } from '@vicons/utils'

  export default {
    components: {
      Icon,
      Money16Regular
    }
  }
script>

<template>
  <Icon>
    <Money16Regular />
  Icon>
template>

Q & A

  • (Vue3) How to create a function that accepts an icon component as input in TypeScript?
import type { Component } from 'vue'

function f(iconComponent: Component) {
  // ...
}

For React

react demo

import { Money16Regular } from '@ricons/fluent'
// or
import Money16Regular from '@ricons/fluent/Money16Regular'

// You can directly use the SVG component
// or wrap it in an Icon component from @ricons/utils
import { Icon } from '@ricons/utils'

function App() {
  return (
    <Icon>
      <Money16Regular />
    </Icon>
  )
}

For Vue2

vue2 demo

<script>
  import { Money16Regular } from '@v2icons/fluent'
  // or
  import Money16Regular from '@v2icons/fluent/Money16Regular'

  // You can directly use the SVG component
  // or wrap it in an Icon component from @v2icons/utils

  import { Icon } from '@v2icons/utils'

  export default {
    components: {
      Icon,
      Money16Regular
    }
  }
script>

<template>
  <Icon>
    <Money16Regular />
  Icon>
template>

For SVG

">
<img src="@sicons/fluent/Money16Regular.svg" />

Utils API

Icon API

An icon component (in @vicons/utils, @ricons/utils, @v2icons/utils) is provided for customizing color & size of the inner SVG icon.

prop type default description
size string | number - Size of the icon.
color string - Color of the icon.
tag string span Tag to be rendered as.

For example:

">
import { Icon } from '@ricons/utils' // react
import { Icon } from '@vicons/utils' // vue3
import { Icon } from '@v2icons/utils' // vue2

// render it
;<Icon color="green" size="48">
  <SomeIcon />
</Icon>

IconConfigProvider API

IconConfigProvider will affect all the descendant Icons' default prop value.

prop type default description
size string | number - Size of the icon.
color string - Color of the icon.
tag string span Tag to be rendered as.

For example:

">
import { IconConfigProvider, Icon } from '@ricons/utils'  // react
import { IconConfigProvider, Icon } from '@vicons/utils'  // vue3
import { IconConfigProvider, Icon } from '@v2icons/utils' // vue2

// render it
;<IconConfigProvider color="green" size="48">
  <App>
    <Icon>
      <SomeIcon />
    </Icon>
  <App/>
</IconConfigProvider>

Common Issues

too many open files

This is because the count of opened files exceeds the limit of operation system.

Use ulimit -n to check the limit.

You can only increase the limit or import icons by path:

import Money16Regular from '@ricons/fluent/Money16Regular'

Icon Utils Packages

package version description
@ricons/utils npm version Util icon components for react.
@vicons/utils npm version Util icon components for vue3.
@v2icons/utils npm version Util icon components for vue2.

Icon Packages

Vue3

package version
@vicons/fluent npm version
@vicons/ionicons4 npm version
@vicons/ionicons5 npm version
@vicons/antd npm version
@vicons/material npm version
@vicons/fa npm version
@vicons/tabler npm version
@vicons/carbon npm version

React

package version
@ricons/fluent npm version
@ricons/ionicons4 npm version
@ricons/ionicons5 npm version
@ricons/antd npm version
@ricons/material npm version
@ricons/fa npm version
@ricons/tabler npm version
@ricons/carbon npm version

Vue2

package version
@v2icons/fluent npm version
@v2icons/ionicons4 npm version
@v2icons/ionicons5 npm version
@v2icons/antd npm version
@v2icons/material npm version
@v2icons/fa npm version
@v2icons/tabler npm version
@v2icons/carbon npm version

SVG

package version
@sicons/fluent npm version
@sicons/ionicons4 npm version
@sicons/ionicons5 npm version
@sicons/antd npm version
@sicons/material npm version
@sicons/fa npm version
@sicons/tabler npm version
@sicons/carbon npm version

Credit

Icon Set License
ant-design-icons MIT
fluentui-system-icons MIT
Font-Awesome CC BY 4.0 License
ionicons MIT
material-design-icons Apache 2
tabler-icons MIT
carbon Apache 2

GitHub

https://github.com/07akioni/xicons
Comments
  • 1. build(deps-dev): bump execa from 4.1.0 to 5.0.0

    Bumps execa from 4.1.0 to 5.0.0.

    Release notes

    Sourced from execa's releases.

    v5.0.0

    Breaking

    • Remove faulty emulated ENOENT error on Windows (#447) bdbd975 This is only a breaking change if you depend on the exact error message.

    Improvements

    • Upgrade dependencies 5d64878

    https://github.com/sindresorhus/execa/compare/v4.1.0...v5.0.0

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2020-12-03 07:11
  • 2. Use Iconify as icon source

    Awesome work on this! Interesting to see the usage of different icons types!

    This project seems to included 7 iconsets, which I think it's already great. I also do understand adapting more icon libraries would require much more effort. So instead of requesting for new icon collections support, how about considering use Iconify's collection as the data source?

    https://github.com/iconify/collections-json

    @cyberalien has working really hard on collecting over 90+ icon collections into a uniformed json collection.

    On top of Iconify, I also built a few tools you might be interested

    That said, I would be love to see this project adapting to reuse Iconify's collection to support much more icon collections with less effort. While providing a unified ecosystem and developer experience.

    Thanks!

    Reviewed by antfu at 2021-06-11 12:45
  • 3. build(deps-dev): bump css-render from 0.12.0 to 0.13.0

    Bumps css-render from 0.12.0 to 0.13.0.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2021-02-25 06:33
  • 4. build(deps-dev): bump vooks from 0.0.1 to 0.0.6

    Bumps vooks from 0.0.1 to 0.0.6.

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Note: This repo was added to Dependabot recently, so you'll receive a maximum of 5 PRs for your first few update runs. Once an update run creates fewer than 5 PRs we'll remove that limit.

    You can always request more updates by clicking Bump now in your Dependabot dashboard.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
    • @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme

    Additionally, you can set the following in your Dependabot dashboard:

    • Update frequency (including time of day and day of week)
    • Pull request limits (per update run and/or open at any time)
    • Out-of-range updates (receive only lockfile updates, if desired)
    • Security updates (receive only security updates, if desired)
    Reviewed by dependabot-preview[bot] at 2020-12-02 10:11
  • 5. build(deps-dev): bump vitest from 0.2.8 to 0.12.3 in /packages/v2icons-utils

    Bumps vitest from 0.2.8 to 0.12.3.

    Release notes

    Sourced from vitest's releases.

    v0.12.3

    Bug Fixes

    • try disable atomics for workers (154db71)

    v0.12.2

    Bug Fixes

    • make exports prop of proxy point to exports object (#1260) (cd4bed5)

    Features

    • support custom env in config (4701e0b)

    v0.12.1

    Bug Fixes

    • fix require reference (5da8b00)
    • console: ignore empty stdout/stderr (d3fb532)
    • clear mock from callstack, if mocked with factory (#1276) (7459ff8)
    • don't show __vite_ssr prefix on imported variables (#1272) (a2f17b0)

    Features

    • allow passing config to sinon/fake-timers (#1261) (d4e8060)

    v0.12.0

    Bug Fixes

    • calling global functions in happy-dom, refactor sharing global state (#1262) (555aba6)

    Features

    • allow passing passWithNoTests, allowOnly inside config (#1264) (dd3c5a1)
    • initialize environment only once for no-threads (#1263) (2d3f8d5)

    v0.11.0

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-10 05:09
  • 6. build(deps-dev): bump @iconify/json from 2.0.33 to 2.1.39 in /packages/xicons

    Bumps @iconify/json from 2.0.33 to 2.1.39.

    Commits
    • 5d34a7a Update 6 icon sets
    • 8653a1a Update 4 icon sets: IconPark Outline, IconPark Solid, IconPark TwoTone, IconPark
    • 304d65c Update 5 icon sets
    • 2d0798d Update 4 icon sets: Circle Flags, Flag Icons, Lucide, System UIcons
    • b8b63ac Update 5 icon sets
    • a54ea6a Update 4 icon sets: Arcticons, Circle Flags, Flag Icons, Material Symbols
    • 9a9933a Update 7 icon sets
    • 5dbee64 Update 5 icon sets
    • 757bc80 Update 2 icon sets: Lucide, Tabler Icons
    • 5dc8edd Update 4 icon sets: Carbon, Codicons, Lucide, VSCode Icons
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-09 05:11
  • 7. build(deps-dev): bump vitest from 0.2.8 to 0.12.0 in /packages/v2icons-utils

    Bumps vitest from 0.2.8 to 0.12.0.

    Release notes

    Sourced from vitest's releases.

    v0.12.0

    Bug Fixes

    • calling global functions in happy-dom, refactor sharing global state (#1262) (555aba6)

    Features

    • allow passing passWithNoTests, allowOnly inside config (#1264) (dd3c5a1)
    • initialize environment only once for no-threads (#1263) (2d3f8d5)

    v0.11.0

    Bug Fixes

    Features

    • self/window/global share state with globalThis (#1256) (fbd7974)
    • vite-node: replace minimist with cac (#1249) (d9ad044)

    v0.10.5

    Bug Fixes

    • correctly order arguments in Jest diff util (#1245) (70bc30b)

    Features

    • remove shebang when executing the code via vite-node (#1224) (5dcfea7)

    v0.10.4

    Bug Fixes

    v0.10.3

    ... (truncated)

    Commits
    • 82d13bd release v0.12.0
    • f4b53db chore: upgrade pnpm
    • 07eeb28 chore: repro --no-threads issues (#1060)
    • dd3c5a1 feat: allow passing passWithNoTests, allowOnly inside config (#1264)
    • 555aba6 fix: calling global functions in happy-dom, refactor sharing global state (#1...
    • 2d3f8d5 feat: initialize environment only once for no-threads (#1263)
    • 5750cf0 docs: add vue snapshot section in migration guide (#1265)
    • 336e4af release v0.11.0
    • bf961fc chore: downgrade pathe
    • 3220d35 chore: downgrade pathe
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-09 05:10
  • 8. build(deps-dev): bump vitest from 0.2.8 to 0.10.4 in /packages/v2icons-utils

    Bumps vitest from 0.2.8 to 0.10.4.

    Release notes

    Sourced from vitest's releases.

    v0.10.4

    Bug Fixes

    v0.10.3

    Bug Fixes

    • default to faled tests and unchecked snapshots when updating snapshots (#1238) (3d8e846)
    • show custom error message if snapshot failed (#1237) (a955655)
    • use console._stdout, if available (#1235) (d15d47f)
    • inline-snapshots: detect linebreaks (#1232) (4de5da7)

    v0.10.2

    Features

    v0.10.1

    Bug Fixes

    Features

    v0.10.0

    Breaking Changes

    From Vitest v0.10.0, the callback style of declaring tests is deprecated. You can rewrite them to use async/await functions, or use Promise to mimic the callback style.

    - it('should work', (done) => {
    + it('should work', () => new Promise(done => {
    </tr></table> 
    

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-06 05:05
  • 9. build(deps-dev): bump @iconify/json from 2.0.33 to 2.1.36 in /packages/xicons

    Bumps @iconify/json from 2.0.33 to 2.1.36.

    Commits
    • 2d0798d Update 4 icon sets: Circle Flags, Flag Icons, Lucide, System UIcons
    • b8b63ac Update 5 icon sets
    • a54ea6a Update 4 icon sets: Arcticons, Circle Flags, Flag Icons, Material Symbols
    • 9a9933a Update 7 icon sets
    • 5dbee64 Update 5 icon sets
    • 757bc80 Update 2 icon sets: Lucide, Tabler Icons
    • 5dc8edd Update 4 icon sets: Carbon, Codicons, Lucide, VSCode Icons
    • abc3b6e Update 6 icon sets
    • a1f81b9 Update 4 icon sets: Arcticons, Lucide, Pepicons, Tabler Icons
    • 844016d Update 4 icon sets: Fluent UI System Icons, Iconoir, SVG Logos, Simple Icons
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-04 05:11
  • 10. build(deps-dev): bump vitest from 0.2.8 to 0.10.2 in /packages/v2icons-utils

    Bumps vitest from 0.2.8 to 0.10.2.

    Release notes

    Sourced from vitest's releases.

    v0.10.2

    Features

    v0.10.1

    Bug Fixes

    Features

    v0.10.0

    Breaking Changes

    From Vitest v0.10.0, the callback style of declaring tests is deprecated. You can rewrite them to use async/await functions, or use Promise to mimic the callback style.

    - it('should work', (done) => {
    + it('should work', () => new Promise(done => {
        // ...
        done()
    - })
    + }))
    

    Features

    beforeAll / beforeEach cleanup callback

    beforeAll / beforeEach now accepts an optional cleanup function as the return value (equivalent to afterAll / afterEach).

    import { beforeAll } from 'vitest'
    

    beforeEach(async () => { // called once before each test run </tr></table>

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-04 05:11
  • 11. build(deps-dev): bump @iconify/json from 2.0.33 to 2.1.35 in /packages/xicons

    Bumps @iconify/json from 2.0.33 to 2.1.35.

    Commits
    • b8b63ac Update 5 icon sets
    • a54ea6a Update 4 icon sets: Arcticons, Circle Flags, Flag Icons, Material Symbols
    • 9a9933a Update 7 icon sets
    • 5dbee64 Update 5 icon sets
    • 757bc80 Update 2 icon sets: Lucide, Tabler Icons
    • 5dc8edd Update 4 icon sets: Carbon, Codicons, Lucide, VSCode Icons
    • abc3b6e Update 6 icon sets
    • a1f81b9 Update 4 icon sets: Arcticons, Lucide, Pepicons, Tabler Icons
    • 844016d Update 4 icon sets: Fluent UI System Icons, Iconoir, SVG Logos, Simple Icons
    • 81c2caa Update 6 icon sets
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-03 05:08
  • 12. build(deps-dev): bump @iconify/json from 2.0.33 to 2.1.41 in /packages/xicons

    Bumps @iconify/json from 2.0.33 to 2.1.41.

    Commits
    • 68f05f7 Update Codicons
    • f1dae6a Update 4 icon sets: Bootstrap Icons, Material Line Icons, Lucide, OpenMoji
    • 5d34a7a Update 6 icon sets
    • 8653a1a Update 4 icon sets: IconPark Outline, IconPark Solid, IconPark TwoTone, IconPark
    • 304d65c Update 5 icon sets
    • 2d0798d Update 4 icon sets: Circle Flags, Flag Icons, Lucide, System UIcons
    • b8b63ac Update 5 icon sets
    • a54ea6a Update 4 icon sets: Arcticons, Circle Flags, Flag Icons, Material Symbols
    • 9a9933a Update 7 icon sets
    • 5dbee64 Update 5 icon sets
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-11 05:07
  • 13. build(deps-dev): bump vitest from 0.2.8 to 0.12.4 in /packages/v2icons-utils

    Bumps vitest from 0.2.8 to 0.12.4.

    Release notes

    Sourced from vitest's releases.

    v0.12.4

    Bug Fixes

    • snapshot: only add indent when the line is not empty (6a5dfe8)

    Features

    • onConsoleLog options to filter logs (35c1b52)
    • press f to rerun only failed tests (#1283) (3c6f991)

    v0.12.3

    Bug Fixes

    • try disable atomics for workers (154db71)

    v0.12.2

    Bug Fixes

    • make exports prop of proxy point to exports object (#1260) (cd4bed5)

    Features

    • support custom env in config (4701e0b)

    v0.12.1

    Bug Fixes

    • fix require reference (5da8b00)
    • console: ignore empty stdout/stderr (d3fb532)
    • clear mock from callstack, if mocked with factory (#1276) (7459ff8)
    • don't show __vite_ssr prefix on imported variables (#1272) (a2f17b0)

    Features

    • allow passing config to sinon/fake-timers (#1261) (d4e8060)

    v0.12.0

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-11 05:07
  • 14. build(deps-dev): bump @types/react from 17.0.45 to 18.0.9 in /packages/xicons

    Bumps @types/react from 17.0.45 to 18.0.9.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-09 05:11
  • 15. build(deps-dev): bump @types/react from 17.0.45 to 18.0.9 in /packages/ricons-utils

    Bumps @types/react from 17.0.45 to 18.0.9.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-09 05:10
Related tags
React component for font awesome
React component for font awesome

react-icon React component for font awesome Installation npm install sitb-react-icon Usage Dependencies Depend on the style of the font-awesome libra

Oct 23, 2017
Font Awesome React component

react-fontawesome Font Awesome 5 React component using SVG with JS Documentation How to Help Contributors Releasing this project (only project owners

May 10, 2022
React Material Design Icons – built with Pixo, Styled Components, and Styled System

React Material Design Icons Built with Pixo, Styled Components, and Styled System https://jxnblk.com/rmdi npm i rmdi // import icons individually for

Dec 31, 2021
A React SVG components library of Framework7 Icons with better usability.
A React SVG components library of Framework7 Icons with better usability.

A React SVG components library of Framework7 Icons > npm install react-f7-icons import F7Icon from 'react-f7-icons' export default function Component

Sep 9, 2021
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.

React-CRUD-Icons · React-CRUD-Icons is a set of SVG icons for CRUD (Create, Read, Update, Delete) apps, implemented as a React component with light &

Apr 10, 2022
svg react icons of popular icon packs

React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons

May 17, 2022
svg social icons in react
svg social icons in react

react-social-icons A set of beautiful svg social icons. Easily used in React. No images or external css dependencies. Svg paths provided by Squarespac

May 4, 2022
SVG icons for Ocean DS

Ocean Icons This project is composed of many npm packages for building icons to the Ocean design-system. Installation yarn add @useblu/ocean-icons-rea

Apr 28, 2022
Akar icons library as React components.
Akar icons library as React components.

akar-icons A perfectly rounded icon library made for designers, developers, and pretty much everyone. Explore all of our icons at akaricons.com. Get S

May 7, 2022
📦 This package provides the Simple Icons packaged as a set of React components.

react-simple-icons This package provides a React component for simple-icons. Installation Install the package in your project directory with: // with

May 2, 2022
Bytesize Icons as React Components.

Bytesize icons as React components. All the icons were designed by Dan Klammer. Find the original SVG icons here. How to install? npm install --save r

Apr 9, 2022
SVG library for React Native, React Native Web, and plain React web projects.
SVG library for React Native, React Native Web, and plain React web projects.

react-native-svg react-native-svg provides SVG support to React Native on iOS and Android, and a compatibility layer for the web. Check out the demo L

May 12, 2022
Transform SVG to React Chakra UI
Transform SVG to React Chakra UI <Icon /> ✨

Transform SVG to React Chakra UI ✨ from SVG file to CODE Features Transform <SVG/> to Chakra-UI Icon Component or Functional createIcon(...). <Icon />

May 9, 2022
Accessible SVG icon component for React

react-svg-icon Accessible SVG icon component for React. Check out the online demo! Usage npm install --save react-svg-icon import Icon from 'react-svg

Jan 9, 2020
React FontIconPicker Component to pick icon or SVG from a selection.
React FontIconPicker Component to pick icon or SVG from a selection.

React FontIconPicker Component A react version of fontIconPicker. This is rewritten and is not a wrapper around jQuery version. With FontIconPicker co

May 10, 2022
An svg icon from clipboard.js site assets, packaged as a React stateless component
An svg icon from clipboard.js site assets, packaged as a React stateless component

react-clipboard-icon is an svg icon from clipboard.js site assets, packaged as a React stateless component Installation | Usage | Development | Licens

Mar 26, 2019
React-useanimations is a collection of free animated open source icons for React.js.
React-useanimations is a collection of free animated open source icons for React.js.

React UseAnimations Icons What is react-useanimations? React-useanimations is a collection of free animated open source icons for React.js. Collection

May 15, 2022
A small and simple component to create icons from a rating
A small and simple component to create icons from a rating

Pretty rating React A small and simple library that transform you rating in icons for you web Status Getting started To install as npm dependency npm

Nov 13, 2021
🌈 React component for Iconly icons

?? React Iconly Icons React component for Iconly icons react-iconly is a collection of simply beautiful open source icons for React.js. Each icon is d

May 10, 2022