@ng-icons/akar-icons 12.6.0 → 13.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,12 +1,14 @@
1
1
  # Ng Icons
2
2
 
3
3
  The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
4
- Containing over 6000+ icons for you to use in your projects.
4
+ Containing over 17000+ icons for you to use in your projects.
5
5
 
6
6
  Currently, we support the following libraries:
7
7
 
8
8
  - [Bootstrap Icons](https://icons.getbootstrap.com/)
9
9
  - [Heroicons](https://heroicons.com/)
10
+ - [Ionicons](https://ionic.io/ionicons)
11
+ - [Material Icons](https://fonts.google.com/icons?selected=Material+Icons)
10
12
  - [CSS.gg](https://css.gg/)
11
13
  - [Feather Icons](https://feathericons.com/)
12
14
  - [Jam Icons](https://jam-icons.com/)
@@ -17,20 +19,17 @@ Currently, we support the following libraries:
17
19
 
18
20
  Got suggestions for additional iconsets? Create an issue and we can consider adding them!
19
21
 
20
- ## Installation
22
+ ## Supported Versions
23
+
24
+ | Angular Version | Ng Icon Version |
25
+ | --------------- | ------------------ |
26
+ | 11.x.x | 12.x.x |
27
+ | 12.x.x | 13.x.x (or 12.x.x) |
28
+ | 13.x.x | 13.x.x |
21
29
 
22
- Ng Icons consists of multiple packages:
30
+ > Note: Ng Icons relies on modern browser features and is designed to work on evergreen browsers. We do not support older browsers such as IE11.
23
31
 
24
- - `@ng-icons/core` - This contains the icon component and the `NgIconsModule` that is used to register the icons you want to include in your application.
25
- - `@ng-icons/bootstrap-icons` - The Bootstrap iconset including both outline and solid variants.
26
- - `@ng-icons/heroicons` - The Heroicons iconset including both outline and solid variants.
27
- - `@ng-icons/css.gg` - The CSS.gg iconset.
28
- - `@ng-icons/feather-icons` - The Feather Icons iconset.
29
- - `@ng-icons/jam-icons` - The Jam Icons iconset.
30
- - `@ng-icons/octicons` - The Octicons iconset.
31
- - `@ng-icons/radix-icons` - The Radix UI iconset.
32
- - `@ng-icons/tabler-icons` - The Tabler iconset.
33
- - `@ng-icons/akar-icons` - The Akar iconset.
32
+ ## Installation
34
33
 
35
34
  You must install the `@ng-icons/core` package, however you only need to install the iconset libraries you intend to use.
36
35
 
@@ -46,6 +45,25 @@ or
46
45
  yarn add @ng-icons/core @ng-icons/heroicons ...
47
46
  ```
48
47
 
48
+ ## Packages
49
+
50
+ The following packages are available:
51
+
52
+ | Package | License |
53
+ | --------------------------- | ---------- |
54
+ | `@ng-icons/core` | MIT |
55
+ | `@ng-icons/bootstrap-icons` | MIT |
56
+ | `@ng-icons/heroicons` | MIT |
57
+ | `@ng-icons/ionicons` | MIT |
58
+ | `@ng-icons/material-icons` | Apache 2.0 |
59
+ | `@ng-icons/css.gg` | MIT |
60
+ | `@ng-icons/feather-icons` | MIT |
61
+ | `@ng-icons/jam-icons` | MIT |
62
+ | `@ng-icons/octicons` | MIT |
63
+ | `@ng-icons/radix-icons` | MIT |
64
+ | `@ng-icons/tabler-icons` | MIT |
65
+ | `@ng-icons/akar-icons` | MIT |
66
+
49
67
  ## Usage
50
68
 
51
69
  Import the `NgIconsModule` and register the icons you wish to use:
@@ -72,7 +90,8 @@ You can then use the icon in your templates:
72
90
  <ng-icon name="feather-airplay"></ng-icon>
73
91
  ```
74
92
 
75
- | Name | Type | Description |
76
- | ----------- | ---------------- | ------------------------------------ |
77
- | size | string | Define the size of the icon. |
78
- | strokeWidth | string \| number | Define the stroke-width of the icon. |
93
+ | Name | Type | Description |
94
+ | ----------- | -------------------- | ---------------------------------------------------------------------------------- |
95
+ | size | `string` | Define the size of the icon. This defaults to the current font size. |
96
+ | color | `string` | Define the color of the icon. This defaults to the current text color. |
97
+ | strokeWidth | `string` \| `number` | Define the stroke-width of the icon. This only works on iconsets that use strokes. |
File without changes
@@ -372,4 +372,3 @@ const AkarZoomOut = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.o
372
372
  */
373
373
 
374
374
  export { AkarAir, AkarAirplayAudio, AkarAirplayVideo, AkarAirpods, AkarAlarm, AkarAlignBottom, AkarAlignHorizontalCenter, AkarAlignLeft, AkarAlignRight, AkarAlignToBottom, AkarAlignToMiddle, AkarAlignToTop, AkarAlignTop, AkarAlignVerticalCenter, AkarAndroidFill, AkarAngularFill, AkarArrowBack, AkarArrowBackThick, AkarArrowBackThickFill, AkarArrowClockwise, AkarArrowCounterClockwise, AkarArrowCycle, AkarArrowDown, AkarArrowDownLeft, AkarArrowDownRight, AkarArrowDownThick, AkarArrowForward, AkarArrowForwardThick, AkarArrowForwardThickFill, AkarArrowLeft, AkarArrowLeftThick, AkarArrowRepeat, AkarArrowRight, AkarArrowRightLeft, AkarArrowRightThick, AkarArrowShuffle, AkarArrowUp, AkarArrowUpDown, AkarArrowUpLeft, AkarArrowUpRight, AkarArrowUpThick, AkarAttach, AkarBackspace, AkarBackspaceFill, AkarBasket, AkarBatteryCharging, AkarBatteryEmpty, AkarBatteryFull, AkarBatteryLow, AkarBatteryMedium, AkarBell, AkarBicycle, AkarBitcoinFill, AkarBlock, AkarBluetooth, AkarBoat, AkarBook, AkarBootstrapFill, AkarBox, AkarBriefcase, AkarBug, AkarCalculator, AkarCalendar, AkarCamera, AkarCart, AkarChatAdd, AkarChatApprove, AkarChatBubble, AkarChatDots, AkarChatEdit, AkarChatError, AkarChatQuestion, AkarChatReject, AkarChatRemove, AkarCheck, AkarCheckBox, AkarCheckBoxFill, AkarCheckIn, AkarChess, AkarChevronDown, AkarChevronHorizontal, AkarChevronLeft, AkarChevronRight, AkarChevronUp, AkarChevronVertical, AkarCircle, AkarCircleAlert, AkarCircleAlertFill, AkarCircleCheck, AkarCircleCheckFill, AkarCircleChevronDown, AkarCircleChevronDownFill, AkarCircleChevronLeft, AkarCircleChevronLeftFill, AkarCircleChevronRight, AkarCircleChevronRightFill, AkarCircleChevronUp, AkarCircleChevronUpFill, AkarCircleFill, AkarCircleMinus, AkarCircleMinusFill, AkarCirclePlus, AkarCirclePlusFill, AkarCircleTriangleDown, AkarCircleTriangleDownFill, AkarCircleTriangleLeft, AkarCircleTriangleLeftFill, AkarCircleTriangleRight, AkarCircleTriangleRightFill, AkarCircleTriangleUp, AkarCircleTriangleUpFill, AkarCircleX, AkarCircleXFill, AkarClipboard, AkarClock, AkarCloud, AkarCloudDownload, AkarCloudUpload, AkarCodepenFill, AkarCoffee, AkarCoin, AkarCommand, AkarComputing, AkarCopy, AkarCreditCard, AkarCross, AkarCrown, AkarCssFill, AkarCursor, AkarCut, AkarDesktopDevice, AkarDevices, AkarDiamond, AkarDiscordFill, AkarDjangoFill, AkarDoor, AkarDotGrid, AkarDotGridFill, AkarDoubleCheck, AkarDoubleSword, AkarDownload, AkarDraft, AkarDragHorizontalFill, AkarDragVerticalFill, AkarDribbbleFill, AkarDropboxFill, AkarEdit, AkarEnlarge, AkarEnvelope, AkarEyeClosed, AkarEyeOpen, AkarEyeSlashed, AkarFaceHappy, AkarFaceNeutral, AkarFaceSad, AkarFaceVeryHappy, AkarFaceVerySad, AkarFaceWink, AkarFacebookFill, AkarFigmaFill, AkarFile, AkarFire, AkarFlag, AkarFlashlight, AkarFolder, AkarFolderAdd, AkarFrame, AkarFullScreen, AkarGameController, AkarGatsbyFill, AkarGear, AkarGift, AkarGithubFill, AkarGlasses, AkarGlobe, AkarGoogleContainedFill, AkarGoogleFill, AkarGraphqlFill, AkarGrid, AkarHand, AkarHashtag, AkarHeadphone, AkarHealth, AkarHeart, AkarHeight, AkarHeptagon, AkarHeptagonFill, AkarHexagon, AkarHexagonFill, AkarHome, AkarHtmlFill, AkarIcon, AkarImage, AkarInbox, AkarInfinite, AkarInfinity, AkarInfo, AkarInfoFill, AkarInstagramFill, AkarJar, AkarJavascriptFill, AkarJqueryFill, AkarKeyCap, AkarLaptopDevice, AkarLeaf, AkarLifesaver, AkarLightBulb, AkarLinkChain, AkarLinkOff, AkarLinkOn, AkarLinkOut, AkarLinkedInV1Fill, AkarLinkedInV2Fill, AkarLocation, AkarLockOff, AkarLockOn, AkarMap, AkarMediumFill, AkarMention, AkarMicrophone, AkarMiniplayer, AkarMinus, AkarMobileDevice, AkarMoney, AkarMoon, AkarMoonFill, AkarMoreHorizontalFill, AkarMoreVerticalFill, AkarNetwork, AkarNewspaper, AkarNextjsFill, AkarNodeFill, AkarNormalScreen, AkarNpmFill, AkarOctagon, AkarOctagonFill, AkarOctocatFill, AkarOpenEnvelope, AkarOval, AkarPaper, AkarParallelogram, AkarPause, AkarPencil, AkarPentagon, AkarPentagonFill, AkarPeopleGroup, AkarPeopleMultiple, AkarPercentage, AkarPerson, AkarPersonAdd, AkarPersonCheck, AkarPersonCross, AkarPhone, AkarPhpFill, AkarPin, AkarPinterestFill, AkarPlane, AkarPlaneFill, AkarPlanet, AkarPlant, AkarPlay, AkarPlus, AkarPointerDownFill, AkarPointerLeftFill, AkarPointerRightFill, AkarPointerUpFill, AkarPointingUp, AkarPythonFill, AkarQuestion, AkarQuestionFill, AkarRadish, AkarReactFill, AkarRedditFill, AkarReduce, AkarReduxFill, AkarRibbon, AkarRockOn, AkarRss, AkarSassFill, AkarSchedule, AkarScissor, AkarSearch, AkarSend, AkarShareBox, AkarShield, AkarShippingBoxV1, AkarShippingBoxV2, AkarShoppingBag, AkarSignOut, AkarSlackFill, AkarSlice, AkarSnapchatFill, AkarSoundDown, AkarSoundOff, AkarSoundOn, AkarSoundUp, AkarSoundcloudFill, AkarSpotifyFill, AkarSquare, AkarSquareFill, AkarStackOverflowFill, AkarStar, AkarStop, AkarStopFill, AkarSun, AkarSunFill, AkarSword, AkarTabletDevice, AkarTag, AkarTelegramFill, AkarTelescope, AkarTetragon, AkarTetragonFill, AkarTextAlignCenter, AkarTextAlignJustified, AkarTextAlignLeft, AkarTextAlignRight, AkarThreeLineHorizontal, AkarThreeLineVertical, AkarThumbsDown, AkarThumbsUp, AkarThunder, AkarTicket, AkarToggleOff, AkarToggleOffFill, AkarToggleOn, AkarToggleOnFill, AkarTogoCup, AkarTrashBin, AkarTrashCan, AkarTriangle, AkarTriangleAlert, AkarTriangleAlertFill, AkarTriangleDown, AkarTriangleFill, AkarTriangleLeft, AkarTriangleRight, AkarTriangleUp, AkarTrophy, AkarTruck, AkarTumblrFill, AkarTwitchFill, AkarTwitterFill, AkarTwoLineHorizontal, AkarTwoLineVertical, AkarUmbrella, AkarUtensils, AkarVapeKit, AkarVercelFill, AkarVictoryHand, AkarVideo, AkarVimeoFill, AkarVkFill, AkarVrAr, AkarVscodeFill, AkarVueFill, AkarWallet, AkarWatchDevice, AkarWater, AkarWhatsappFill, AkarWidth, AkarWifi, AkarWineGlass, AkarYarnFill, AkarYoutubeFill, AkarZoomFill, AkarZoomIn, AkarZoomOut };
375
- //# sourceMappingURL=ng-icons-akar-icons.js.map