Vue-hero-icons - A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.

Last update: Dec 16, 2022

Related tags

Overview

vue-hero-icons

For Vue3, install the official package @heroicons/vue

A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.

Demo: https://vue-hero-icons.netlify.com/

Install

# Only outline icons
npm install @vue-hero-icons/outline

# Only solid icons
npm install @vue-hero-icons/solid

Usage

// Only import what you need!
import { AnnotationIcon, ArrowCircleUpIcon, ... } from '@vue-hero-icons/outline'

See all icons and usage here: https://vue-hero-icons.netlify.com

Sizing

By default, icons will be sized based on the font size of the parent element.

You can set a custom size using the size attribute. For multiple based sizing, pass the desired multiple followed by an x.

<AnnotationIcon size="1.5x" class="custom-class" />

You can also set a px size directly by just passing an integer

<AnnotationIcon size="25" class="custom-class" />

Tree shaking

By using ES imports like import { AnnotationIcon } from "@vue-hero-icons/outline" with webpack + minifier or Rollup, unused exports in this module will be automatically eliminated.

Inspiration

vue-feather-icons

Contributing

Fork it!
Create your feature branch: git checkout -b my-new-feature
Commit your changes: git commit -am 'Add some feature'
Push to the branch: git push origin my-new-feature
Submit a pull request :D

Credits

heroicons © Refactoring UI, Released under the MIT License.

Author

vue-hero-icons © matschik, Released under the MIT License.

GitHub @matschik · Twitter @matschik_

Comments

Is the Heroicons dependancy current?

I am getting some nasties

remote:        npm ERR! Error while executing:        
remote:        npm ERR! /usr/bin/git ls-remote -h -t ssh://[email protected]/refactoringui/heroicons.git        
remote:        npm ERR!         
remote:        npm ERR! Host key verification failed.        
remote:        npm ERR! fatal: Could not read from remote repository.        
remote:        npm ERR!         
remote:        npm ERR! Please make sure you have the correct access rights        
remote:        npm ERR! and the repository exists.        
remote:        npm ERR!         
remote:        npm ERR! exited with error code: 128        
remote:

And I wondered, is that repo still in play? It does work in my dev environment- but this is happening when I am building on Heroku.

I can see on this commit here, it seemed to change: https://github.com/matschik/vue-hero-icons/commit/685a44dab677a3f624c924cd997780e9e10f4f19

But I grabbed 1.6.3 from here: https://www.npmjs.com/package/@vue-hero-icons/outline, and my package.json has the following "dependencies": { "@vue-hero-icons/outline": "^1.6.3",

Thanks!

opened by kieron 3

ArrowsExpandIcon has a stroke colour of #374151

Thanks for the lovely library!

Just noticed that the ArrowsExpandIcon.js uses stroke="#374151", when the rest of the icons use currentColor.

opened by sambedingfield 1
Icon path/trace not visible

Note: Vue3 (w/composition API), TypeScript

I imported an icon like this: import XIcon from '@vue-hero-icons/solid'; and added to components.

Then I tried to use the icon in a template like this: <XIcon class="h-6 w-6 text-lg border-2 blue border-blue-300 text-indigo-600 bg-green-300" />

The border and background show up, but the icon is missing/invisible. Any help would be much appreciated.

Second Note: I put this into my type declarations file, but not sure if it's right: declare module "@vue-hero-icons/outline" declare module "@vue-hero-icons/solid"

opened by JayPalm 1

Undefined "babel-helper-vue-jsx-merge-props" version error during installation

I am getting the following error

npm install @vue-hero-icons/outline                                                                                                                                                                                                                                               10:10:57
npm ERR! code ETARGET
npm ERR! notarget No matching version found for babel-helper-vue-jsx-merge-props@undefined.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.
npm ERR! notarget
npm ERR! notarget It was specified as a dependency of '@vue-hero-icons/outline'

in a minimal package.json setup

{
  "name": "test-icons",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Note: running npm cache clean --force didn't help

opened by ralf57 1

wrong import /babel-helper-vue-jsx-merge-props

ERROR in ./node_modules/@vue-hero-icons/outline/lib/index.es.js 1:0-62 Module not found: Error: Can't resolve 'babel-helper-vue-jsx-merge-props' in '...\node_modules@vue-hero-icons\outline\lib'

opened by ChiKaLiO 1
helper function for iteration inside template
Hello, I'm trying to implement a standard component to return the icon tag dynamically.

data: () => ({ dashboard_links: [ { icon: "AnnotationIcon", text: "Annotation", route: "/" }, { icon: "MailIcon", text: "Mail", route: "/projects" }, ], });

Then, I would want to use a v-for and iterate out these links inside the <template>.

What would be the best way to accomplish this? I looked into <component :is> but that didn't work. v-html also didn't work.

I think a generic component with a prop would work, that would have some v-ifs inside, but that doesn't sound productive. Is there a way to access the render functions within the node_modules while outputting inside the template?
opened by basaran 1
chore(deps-dev): bump @babel/core from 7.11.4 to 7.11.6
Bumps @babel/core from 7.11.4 to 7.11.6.

Release notes

Sourced from @babel/core's releases.

v7.11.6 (2020-09-03)

Thanks @janbrasna for their first PR!

:house: Internal

#12028 Run prepublish build after versioning (@JLHwung)

:leftwards_arrow_with_hook: Revert

babel-cli, babel-core, babel-generator, babel-helper-transform-fixture-test-runner

#12027 Revert #12014 (@JLHwung)

Committers: 2

Huáng Jùnliàng (@JLHwung)

Jan Brašna (@janbrasna)

v7.11.5 (2020-08-31)

Thanks @giovannicalo, @johanholmerin, @uhyo for their first PRs!

:bug: Bug Fix

babel-helper-builder-react-jsx-experimental, babel-plugin-transform-react-jsx-development

#12017 Fix jsxDEV for generated elements (@Timer)

babel-parser

#11931 fix: ExpressionBody should respect [In] parameter (@JLHwung)

#11987 Set generator to true during error recovery of accessor (@existentialism)

@babel/eslint-plugin

#11993 Added linting support for private class methods (@giovannicalo)

babel-plugin-proposal-function-bind

#12000 fix(plugin-proposal-function-bind): fix invalid code emitted for ::super.foo (@uhyo)

:nail_care: Polish

babel-traverse

#11832 Forward deopt node path (@johanholmerin)

:house: Internal

Other

#12013 Remove unused enhanced-resolve and normalize lock resolutions (@JLHwung)

#12010 chore: use Rollup 2 (@JLHwung)

#12002 Restructure CI workflow (@JLHwung)

#11781 chore: improve Yarn 2 cache on CI (@JLHwung)

All packages

#11962 Use Yarn 2 (@JLHwung)

Committers: 6

Brian Ng (@existentialism)

Giovanni Calò (@giovannicalo)

Huáng Jùnliàng (@JLHwung)

Joe Haddad (@Timer)

Johan Holmerin (@johanholmerin)

uhyo (@uhyo)

Changelog

Sourced from @babel/core's changelog.

v7.11.6 (2020-09-03)

:house: Internal

#12028 Run prepublish build after versioning (@JLHwung)

:leftwards_arrow_with_hook: Revert

babel-cli, babel-core, babel-generator, babel-helper-transform-fixture-test-runner

#12027 Revert #12014 (@JLHwung)

v7.11.5 (2020-08-31)

:bug: Bug Fix

babel-helper-builder-react-jsx-experimental, babel-plugin-transform-react-jsx-development

#12017 Fix jsxDEV for generated elements (@Timer)

babel-parser

#11931 fix: ExpressionBody should respect [In] parameter (@JLHwung)

#11987 Set generator to true during error recovery of accessor (@existentialism)

Other

#11993 Added linting support for private class methods (@giovannicalo)

babel-plugin-proposal-function-bind

#12000 fix(plugin-proposal-function-bind): fix invalid code emitted for ::super.foo (@uhyo)

:nail_care: Polish

babel-traverse

#11832 Forward deopt node path (@johanholmerin)

:house: Internal

Other

#12013 Remove unused enhanced-resolve and normalize lock resolutions (@JLHwung)

#12010 chore: use Rollup 2 (@JLHwung)

#12002 Restructure CI workflow (@JLHwung)

#11781 chore: improve Yarn 2 cache on CI (@JLHwung)

Every package

#11962 Use Yarn 2 (@JLHwung)

Commits

e51139d v7.11.6

a91fdeb Revert #12014 (#12027)

af64ccb v7.11.5

d5bcc08 chore: bump source-map to 0.6.1 (#12014)

3fad7ea Use Yarn 2 (#11962)

See full diff in compare view

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)

@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)

dependencies
opened by dependabot-preview[bot] 1
chore(deps): bump heroicons from `a64e81b` to `1cef5f1`
Bumps heroicons from a64e81b to 1cef5f1.

Commits

1cef5f1 0.4.2

bc66ab6 Merge pull request #122 from tailwindlabs/fix-windows-build

91c9b68 replace prepare with prepublishOnly

40787a8 0.4.1

See full diff in compare view

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)

@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)

dependencies
opened by dependabot-preview[bot] 1
chore(deps-dev): bump rollup from 2.26.6 to 2.26.9
Bumps rollup from 2.26.6 to 2.26.9.

Release notes

Sourced from rollup's releases.

v2.26.9

2020-09-01

Bug Fixes

Add regular expression support to watch include/exclude types (#3754)

Pull Requests

#3754: Add RegExp to the include and exclude fields of the WatcherOptions type (@dagda1)

#3756: Update FAQ: I think it was meant "external" instead of "other-entry.js" (@madacol)

v2.26.8

2020-08-29

Bug Fixes

Make sure that both unresolved and resolved ids are passed to the external option in all cases (#3753)

Pull Requests

#3753: Also pass resolved ids to external if they use the object for (@lukastaegert)

v2.26.7

2020-08-28

Bug Fixes

Avoid invalid code when rendering hoisted variable declarations from dead branches (#3752)

Mark the options parameter of this.parse as optional for TypeScript plugins (#3750)

Pull Requests

#3750: Make options of PluginContext#parse optional (@intrnl)

#3752: Extract hoisted variables from dead branches (@lukastaegert)

Changelog

Sourced from rollup's changelog.

2.26.9

2020-09-01

Bug Fixes

Add regular expression support to watch include/exclude types (#3754)

Pull Requests

#3754: Add RegExp to the include and exclude fields of the WatcherOptions type (@dagda1)

#3756: Update FAQ: I think it was meant "external" instead of "other-entry.js" (@madacol)

2.26.8

2020-08-29

Bug Fixes

Make sure that both unresolved and resolved ids are passed to the external option in all cases (#3753)

Pull Requests

#3753: Also pass resolved ids to external if they use the object for (@lukastaegert)

2.26.7

2020-08-28

Bug Fixes

Avoid invalid code when rendering hoisted variable declarations from dead branches (#3752)

Mark the options parameter of this.parse as optional for TypeScript plugins (#3750)

Pull Requests

#3750: Make options of PluginContext#parse optional (@intrnl)

#3752: Extract hoisted variables from dead branches (@lukastaegert)

Commits

266fd88 2.26.9

f0bf707 Update changelog

35bdac7 add RegExp to the include and exclude fields of the WatcherOptions type (#3754)

379f2d6 Update changelog

426c076 Update FAQ: I think it was meant "external" instead of "other-entry.js" (#3756)

8a5a638 2.26.8

78b0dc7 Update changelog

21fcec3 Also pass resolved ids to external if they use the object form (#3753)

7e2cbc5 2.26.7

3b090c5 Update changelog

Additional commits viewable in compare view

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)

@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)

dependencies
opened by dependabot-preview[bot] 1
chore(deps-dev): bump @babel/core from 7.11.4 to 7.11.5
Bumps @babel/core from 7.11.4 to 7.11.5.

Release notes

Sourced from @babel/core's releases.

v7.11.5 (2020-08-31)

Thanks @giovannicalo, @johanholmerin, @uhyo for their first PRs!

:bug: Bug Fix

babel-helper-builder-react-jsx-experimental, babel-plugin-transform-react-jsx-development

#12017 Fix jsxDEV for generated elements (@Timer)

babel-parser

#11931 fix: ExpressionBody should respect [In] parameter (@JLHwung)

#11987 Set generator to true during error recovery of accessor (@existentialism)

@babel/eslint-plugin

#11993 Added linting support for private class methods (@giovannicalo)

babel-plugin-proposal-function-bind

#12000 fix(plugin-proposal-function-bind): fix invalid code emitted for ::super.foo (@uhyo)

:nail_care: Polish

babel-traverse

#11832 Forward deopt node path (@johanholmerin)

:house: Internal

Other

#12013 Remove unused enhanced-resolve and normalize lock resolutions (@JLHwung)

#12010 chore: use Rollup 2 (@JLHwung)

#12002 Restructure CI workflow (@JLHwung)

#11781 chore: improve Yarn 2 cache on CI (@JLHwung)

All packages

#11962 Use Yarn 2 (@JLHwung)

Committers: 6

Brian Ng (@existentialism)

Giovanni Calò (@giovannicalo)

Huáng Jùnliàng (@JLHwung)

Joe Haddad (@Timer)

Johan Holmerin (@johanholmerin)

uhyo (@uhyo)

Changelog

Sourced from @babel/core's changelog.

v7.11.5 (2020-08-31)

:bug: Bug Fix

babel-helper-builder-react-jsx-experimental, babel-plugin-transform-react-jsx-development

#12017 Fix jsxDEV for generated elements (@Timer)

babel-parser

#11931 fix: ExpressionBody should respect [In] parameter (@JLHwung)

#11987 Set generator to true during error recovery of accessor (@existentialism)

Other

#11993 Added linting support for private class methods (@giovannicalo)

babel-plugin-proposal-function-bind

#12000 fix(plugin-proposal-function-bind): fix invalid code emitted for ::super.foo (@uhyo)

:nail_care: Polish

babel-traverse

#11832 Forward deopt node path (@johanholmerin)

:house: Internal

Other

#12013 Remove unused enhanced-resolve and normalize lock resolutions (@JLHwung)

#12010 chore: use Rollup 2 (@JLHwung)

#12002 Restructure CI workflow (@JLHwung)

#11781 chore: improve Yarn 2 cache on CI (@JLHwung)

Every package

#11962 Use Yarn 2 (@JLHwung)

Commits

af64ccb v7.11.5

d5bcc08 chore: bump source-map to 0.6.1 (#12014)

3fad7ea Use Yarn 2 (#11962)

See full diff in compare view

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)

@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)

dependencies
opened by dependabot-preview[bot] 1
chore(deps-dev): bump tailwindcss from 1.7.5 to 1.7.6
Bumps tailwindcss from 1.7.5 to 1.7.6.

Release notes

Sourced from tailwindcss's releases.

v1.7.6

Fix bug where the new experimental @apply implementation broke when applying a variant class with the important option globally enabled

Commits

a2956f8 1.7.6

2f81bf8 Update yarn.lock

681e4d8 Merge pull request #2269 from tailwindlabs/fix-promise-finally

ce75f65 use explicit .then and .catch instead of .finally for node 8.x

62eaac4 suppress console.warn logs in tests

ad7fec4 improve custom toMatchCss matcher

44dbde8 Don't return when updating declaration important

5974f24 Add test for applying hover class with !important

0174bb7 Merge pull request #2260 from pkboom/missing-return

15bcb8b fix missing return

See full diff in compare view

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)

@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)

dependencies
opened by dependabot-preview[bot] 1
Stroke width

Hi! and thanks for the cool icon library! @matschik At the attributes by default uses stroke-width="2" Can autor add supporting props as example :stroke-width="1", fill and currentColor works fine, but stroke nope. If it possible. I'm using this lib with tailwindcss and nuxt, and it will be great. Also, this article says that we need to change it into CSS like: svg path { stroke-width: 1; } It works. Or hereis another solution. But I prefer to follow by methodology or add some details into props.

Sorry if I duplicated the question.

opened by oscarhandsome 0

Releases(1.6.2)

1.6.2(Aug 9, 2020)

Official icons got issues and it just got fixed ! https://github.com/tailwindlabs/heroicons/issues/90 Please upgrade to 1.6.2 to get clean icons !
Source code(tar.gz)
Source code(zip)
1.6.1(Aug 7, 2020)

102 heroicons are added from commit: https://github.com/tailwindlabs/heroicons/commit/ecfba30b87166c07993ed8162ce47073752e41f9

Unfortunately some icons got issues and TailwindLabs is aware of that: https://github.com/tailwindlabs/heroicons/issues/90
Source code(tar.gz)
Source code(zip)
1.6.0(Aug 6, 2020)

Source code(tar.gz)
Source code(zip)
v1.5.0(Jul 23, 2020)

Source code(tar.gz)
Source code(zip)
v1.4.0(May 27, 2020)
Commit from official repo: https://github.com/refactoringui/heroicons/commit/60e6750e1cee2477e62f62f54f4023690de7336c

Added icons for solid and outline sets

fire

shopping-bag

thumb-up

thumb-down

hand

arrows-expand

view-grid

puzzle

folder-download

folder-add

folder-remove

Source code(tar.gz)
Source code(zip)
v1.2.0(Apr 26, 2020)

vue-hero-icons is now up to date with official heroicons: https://github.com/refactoringui/heroicons
Source code(tar.gz)
Source code(zip)
v1.1.0(Apr 11, 2020)

Vue-Heroicons are now up to date with official heroicons: https://github.com/refactoringui/heroicons
Source code(tar.gz)
Source code(zip)

Owner

Mathieu Schimmerling

Freelance JavaScript/Node.js Software Engineer, Blockchain enthusiast

GitHub https://vue-hero-icons.netlify.com

Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

Airframe React High Quality Dashboard / Admin / Analytics template that works great on any smartphone, tablet or desktop. Available as Open Source as

6 Jun 5, 2022

JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. 🚀

JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.

7.2k Jan 9, 2023

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

9k Jan 1, 2023

🎉 Sensoro Design SVG Icons

Sensoro Design Icons 语义化矢量图形库，提供了描述图标的抽象节点来满足对各种框架的适配。 ✨ 特性 ?? 内置了丰富的图标资源 ?? 支持对 React、Vue、React Native、Angular 各种框架的适配 ?? 使用 TypeScript 开发，提供完整的类型定义文

3 Dec 15, 2022

React UI Components for macOS High Sierra and Windows 10

React UI Components for macOS High Sierra and Windows 10. npm install react-desktop --save Help wanted! I am looking for developers to help me develop

9.4k Dec 24, 2022

🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

downshift ?? Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. Read the docs | See

11.1k Dec 28, 2022

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude

10.3k Jan 2, 2023

A set of React components implementing Google's Material Design specification with the power of CSS Modules

React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra

8.7k Dec 30, 2022

nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integr

10.9k Dec 31, 2022

Minimal Design, a set of components for Angular 9+

Alyle UI Minimal Design, a set of components for Angular. Docs Install Alyle UI Installation Components Feature State Responsive Docs avatar ✔️ ✔️ Doc

281 Dec 25, 2022

The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power apps.

Power CAT code components The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power a

70 Jan 2, 2023

Tina is an open source editor that brings visual editing into React websites. Tina empowers developers to give their teams a contextual and intuitive editing experience without sacrificing code quality.

Tina is an open-source toolkit for building content management directly into your website. Community Forum Getting Started Checkout the tutorial to ge

8.2k Jan 1, 2023

A React utility belt for function components and higher-order components.

A Note from the Author (acdlite, Oct 25 2018): Hi! I created Recompose about three years ago. About a year after that, I joined the React team. Today,

14.8k Jan 4, 2023

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

6 Aug 12, 2022

Vue-hero-icons - A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.

Related tags

Overview

vue-hero-icons

Install

Usage

Sizing

Tree shaking

Inspiration

Contributing

Credits

Author

Comments

v7.11.6 (2020-09-03)

:house: Internal

:leftwards_arrow_with_hook: Revert

Committers: 2

v7.11.5 (2020-08-31)

:bug: Bug Fix

:nail_care: Polish

:house: Internal

Committers: 6

v7.11.6 (2020-09-03)

:house: Internal

:leftwards_arrow_with_hook: Revert

v7.11.5 (2020-08-31)

:bug: Bug Fix

:nail_care: Polish

:house: Internal

v2.26.9

Bug Fixes

Pull Requests

v2.26.8

Bug Fixes

Pull Requests

v2.26.7

Bug Fixes

Pull Requests

2.26.9

Bug Fixes

Pull Requests

2.26.8

Bug Fixes

Pull Requests

2.26.7

Bug Fixes

Pull Requests

v7.11.5 (2020-08-31)

:bug: Bug Fix

:nail_care: Polish

:house: Internal

Committers: 6

v7.11.5 (2020-08-31)

:bug: Bug Fix

:nail_care: Polish

:house: Internal

v1.7.6

Releases(1.6.2)

1.6.2(Aug 9, 2020)

1.6.1(Aug 7, 2020)

1.6.0(Aug 6, 2020)

v1.5.0(Jul 23, 2020)

v1.4.0(May 27, 2020)

v1.2.0(Apr 26, 2020)

v1.1.0(Apr 11, 2020)

Owner

Mathieu Schimmerling

Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. 🚀

svg react icons of popular icon packs

🎉 Sensoro Design SVG Icons

React UI Components for macOS High Sierra and Windows 10

🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

A set of React components implementing Google's Material Design specification with the power of CSS Modules

nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

Minimal Design, a set of components for Angular 9+

The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power apps.

Tina is an open source editor that brings visual editing into React websites. Tina empowers developers to give their teams a contextual and intuitive editing experience without sacrificing code quality.

A React utility belt for function components and higher-order components.