tailwindlabs/heroicons
### [`v2.0.4`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.3...v2.0.4)
[Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.3...v2.0.4)
### [`v2.0.3`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.2...v2.0.3)
[Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.2...v2.0.3)
### [`v2.0.2`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.1...v2.0.2)
[Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.1...v2.0.2)
### [`v2.0.1`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.0...v2.0.1)
[Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.0...v2.0.1)
### [`v2.0.0`](https://togithub.com/tailwindlabs/heroicons/releases/tag/v2.0.0)
[Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v1.0.6...v2.0.0)
##### The all new Heroicons v2.0 is here!
All the icons have been redrawn from scratch, and are now available in three styles:
1. An `outline` style with a `1.5px` stroke in a `24px` bounding box
2. A `solid` style in a `24px` bounding box
3. A mini `solid` style in a `20px` bounding box
Check them out on the website: https://heroicons.com
##### Upgrade Guide
To upgrade to v2, you can install the new icon package using the `@latest` flag:
- `npm install @heroicons/react@latest`
- `npm install @heroicons/vue@latest`
- `npm install heroicons@latest`
Once installed you'll need to update your icon imports as they have changed slightly to support multiple sizes per style.
```diff
##### React (solid)
- import { ... } from '@heroicons/react/solid'
+ import { ... } from '@heroicons/react/20/solid'
##### React (outline)
- import { ... } from '@heroicons/react/outline'
+ import { ... } from '@heroicons/react/24/outline'
##### Vue (solid)
- import { ... } from '@heroicons/vue/solid'
+ import { ... } from '@heroicons/vue/20/solid'
##### Vue (outline)
- import { ... } from '@heroicons/vue/outline'
+ import { ... } from '@heroicons/vue/24/outline'
```
A number of icons have also been renamed. For example, the "mail" icon has been renamed to "envelope" and the "search" icon has been renamed to "magnifying glass". This naming more accurately describes what the icon is without making assumptions about how it's being used.
##### Using v1
If you'd like to continue using the v1 icons, you can install them using the `@v1` flag:
- `npm install @heroicons/react@v1`
- `npm install @heroicons/vue@v1`
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, click this checkbox.
This PR has been generated by Mend Renovate. View repository job log here.
This PR contains the following updates:
1.0.6->2.0.4Release Notes
tailwindlabs/heroicons
### [`v2.0.4`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.3...v2.0.4) [Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.3...v2.0.4) ### [`v2.0.3`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.2...v2.0.3) [Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.2...v2.0.3) ### [`v2.0.2`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.1...v2.0.2) [Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.1...v2.0.2) ### [`v2.0.1`](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.0...v2.0.1) [Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v2.0.0...v2.0.1) ### [`v2.0.0`](https://togithub.com/tailwindlabs/heroicons/releases/tag/v2.0.0) [Compare Source](https://togithub.com/tailwindlabs/heroicons/compare/v1.0.6...v2.0.0) ##### The all new Heroicons v2.0 is here! All the icons have been redrawn from scratch, and are now available in three styles: 1. An `outline` style with a `1.5px` stroke in a `24px` bounding box 2. A `solid` style in a `24px` bounding box 3. A mini `solid` style in a `20px` bounding box Check them out on the website: https://heroicons.com ##### Upgrade Guide To upgrade to v2, you can install the new icon package using the `@latest` flag: - `npm install @heroicons/react@latest` - `npm install @heroicons/vue@latest` - `npm install heroicons@latest` Once installed you'll need to update your icon imports as they have changed slightly to support multiple sizes per style. ```diff ##### React (solid) - import { ... } from '@heroicons/react/solid' + import { ... } from '@heroicons/react/20/solid' ##### React (outline) - import { ... } from '@heroicons/react/outline' + import { ... } from '@heroicons/react/24/outline' ##### Vue (solid) - import { ... } from '@heroicons/vue/solid' + import { ... } from '@heroicons/vue/20/solid' ##### Vue (outline) - import { ... } from '@heroicons/vue/outline' + import { ... } from '@heroicons/vue/24/outline' ``` A number of icons have also been renamed. For example, the "mail" icon has been renamed to "envelope" and the "search" icon has been renamed to "magnifying glass". This naming more accurately describes what the icon is without making assumptions about how it's being used. ##### Using v1 If you'd like to continue using the v1 icons, you can install them using the `@v1` flag: - `npm install @heroicons/react@v1` - `npm install @heroicons/vue@v1`Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Mend Renovate. View repository job log here.