@iconix/icons 1.1.0 → 1.1.1

package/CHANGELOG.md

@@ -1,9 +1,14 @@
 # Changelog
 
+## 1.1.1 – 2026-11-06
+
+- Website with every icon, a customizer and copy-ready code: https://bartek-figat.github.io/iconix-site/
+- `homepage` and `funding` fields in package.json; website link at the top of the README.
+
 ## 1.1.0 – 2026-11-06
 
-- 500 new icons (1695 total).
-- 10 new categories (45 total): water-wastewater, instrumentation, networking, charts-data, marine, aviation, kitchen, office, shapes, gaming.
+- 533 new icons (1728 total).
+- 11 new categories (46 total): web, water-wastewater, instrumentation, networking, charts-data, marine, aviation, kitchen, office, shapes, gaming.
 - At least 10 new icons in every existing category.
 
 ## 1.0.0 – 2026-11-04

package/README.md

@@ -1,6 +1,12 @@
 # Iconix
 
-**1695 clean, consistent SVG icons for websites and apps, from everyday UI to industrial automation, electrical and electronics.**
+**1728 clean, consistent SVG icons for websites and apps, from everyday UI to industrial automation, electrical and electronics.**
+
+**[Browse all icons on the website →](https://bartek-figat.github.io/iconix-site/)**
+
+Search, customize and copy any icon with ready code for React, Next.js, Vue, HTML and CSS.
+
+[Website](https://bartek-figat.github.io/iconix-site/) · [npm](https://www.npmjs.com/package/@iconix/icons) · [Buy me a coffee](https://buymeacoffee.com/bartek1983d)
 
 ```bash
 npm install @iconix/icons
@@ -8,7 +14,7 @@ npm install @iconix/icons
 
 Iconix gives you icons as code. Each one is a crisp SVG that scales to any size, follows your text color and can be styled in one line. Use them in plain HTML, React, Vue, Next.js or any server, or export them as ordinary `.svg` files.
 
-- **1695 icons in 45 categories**, including rare ones like `ladder-logic`, `contactor`, `plc`, `vfd-drive`, `resistor` and `op-amp`.
+- **1728 icons in 46 categories**, including rare ones like `ladder-logic`, `contactor`, `plc`, `vfd-drive`, `resistor` and `op-amp`.
 - **One consistent style**: 24×24 grid, 2px rounded lines. Icons always look good together.
 - **Easy to customize**: size, color, line thickness, circle and square badges, background, rotation, mirroring and animation.
 - **Small bundles**: you only ship the icons you use (~6 KB for the first icon).
@@ -501,7 +507,7 @@ The quickest way is the command line:
 ```bash
 npx @iconix/icons search valve          # by name
 npx @iconix/icons list --category automation
-npx @iconix/icons categories            # all 45 categories with counts
+npx @iconix/icons categories            # all 46 categories with counts
 ```
 
 Or in code:
@@ -511,7 +517,7 @@ import { searchIcons, getIconsByCategory, iconNames } from '@iconix/icons';
 
 searchIcons('folder').map((i) => i.name);   // ['folder', 'folder-check', 'folder-clock', ...]
 getIconsByCategory('electrical').length;     // 32
-iconNames.length;                            // 1695
+iconNames.length;                            // 1728
 ```
 
 In TypeScript editors (VS Code, WebStorm), start typing an icon name inside `toSvg('` or `<Icon name="` and you get the full list as autocomplete.
@@ -541,8 +547,8 @@ Import from `@iconix/icons`. Functions marked "name or icon" accept either a str
 | `searchIcons(query, { category?, limit? })` | Best matches first: exact name, then prefix, word and substring matches |
 | `getIconsByCategory(category)` | All icons in a category |
 | `suggestIcons(name, limit?)` | Closest names, useful for "did you mean…" |
-| `iconNames` | All 1695 names, sorted |
-| `categories` | All 45 category names |
+| `iconNames` | All 1728 names, sorted |
+| `categories` | All 46 category names |
 | `icons` | `{ [name]: iconObject }` registry |
 | `iconHome`, `iconPlc`, … | Each icon as its own export (`icon` + PascalCase name) |
 
@@ -696,7 +702,7 @@ const logo: IconLike = { name: 'logo', nodes: [['circle', { cx: 12, cy: 12, r: 6
 toSvg(logo, badge);
 ```
 
-Main types: `IconName` (union of all 1695 names), `IconCategory`, `IconData`, `IconLike`, `IconNode`, `IconOptions`, `IconVariant`, `IconFlip`, `IconixTree`; in React `IconProps` and `IconixIcon`; in Vue `IconVueProps` and `IconixVueIcon`. Hovering over any option in your editor shows its description.
+Main types: `IconName` (union of all 1728 names), `IconCategory`, `IconData`, `IconLike`, `IconNode`, `IconOptions`, `IconVariant`, `IconFlip`, `IconixTree`; in React `IconProps` and `IconixIcon`; in Vue `IconVueProps` and `IconixVueIcon`. Hovering over any option in your editor shows its description.
 
 Works with every `moduleResolution` setting (`bundler`, `node16`/`nodenext`, `node10`), from both ESM and CommonJS.
 
@@ -709,11 +715,11 @@ Works with every `moduleResolution` setting (`bundler`, `node16`/`nodenext`, `no
 | `import { IconHome } from '@iconix/icons/react'` | ~6 KB (shared renderer + 1 icon) |
 | `import { toSvg, iconHome } from '@iconix/icons/lite'` | ~5.5 KB |
 | each additional icon | ~0.2–0.5 KB |
-| `toSvg('home')`, `<Icon name>`, `replace()`, `<iconix-icon>` (by name) | ~350 KB (all 1695 icons) |
+| `toSvg('home')`, `<Icon name>`, `replace()`, `<iconix-icon>` (by name) | ~350 KB (all 1728 icons) |
 
 Rule of thumb: **import icons by component or object (`IconHome`, `iconHome`) and only the ones you use end up in your bundle.** Name-based APIs are convenient for CMS content, user-chosen icons or quick prototypes, but they include every icon.
 
-Rendering is fast: all 1695 icons in all three variants render as strings in well under a second.
+Rendering is fast: all 1728 icons in all three variants render as strings in well under a second.
 
 ---
 
@@ -794,11 +800,18 @@ The sprite must be served from the same origin as your page. External sprites do
 | travel-maps | 48 | `map-pin`, `plane`, `bike`, `hotel`, `compass` |
 | water-wastewater | 14 | `water-tower`, `fire-hydrant`, `manhole`, `pump-station`, `clarifier` |
 | weather-nature | 70 | `sun`, `cloud-rain`, `leaf`, `tree`, `mountain` |
+| web | 33 | `cookie-consent`, `responsive`, `seo`, `ssl`, `landing-page` |
 
 The full machine-readable list (name, category, component name, export name) is in `@iconix/icons/icons.json`.
 
 ---
 
+## Support
+
+Iconix is free and MIT licensed. If it saves you time, you can [buy me a coffee](https://buymeacoffee.com/bartek1983d).
+
+---
+
 ## Development
 
 Requires Node.js 22.18+ (the `.ts` build scripts run directly). The published library runs on Node 18+.

package/data/meta.json

@@ -1,5 +1,5 @@
 {
- "count": 1695,
+ "count": 1728,
  "categories": {
   "agriculture": [
    "barn",
@@ -1785,6 +1785,41 @@
    "wind",
    "windsock",
    "zap"
+  ],
+  "web": [
+   "accordion",
+   "address-bar",
+   "cache",
+   "carousel",
+   "cdn",
+   "chatbot",
+   "click",
+   "cms",
+   "cookie-consent",
+   "cta-button",
+   "domain",
+   "faq",
+   "landing-page",
+   "layout-footer",
+   "layout-header",
+   "mobile-menu",
+   "newsletter",
+   "page-error",
+   "page-speed",
+   "password-reset",
+   "pricing-table",
+   "radio-button",
+   "responsive",
+   "scroll-mouse",
+   "seo",
+   "skeleton",
+   "ssl",
+   "tabs",
+   "toast",
+   "web-analytics",
+   "web-form",
+   "web-search",
+   "webhook"
   ]
  },
  "icons": [
@@ -1824,6 +1859,12 @@
    "component": "IconAccessibility",
    "export": "iconAccessibility"
   },
+  {
+   "name": "accordion",
+   "category": "web",
+   "component": "IconAccordion",
+   "export": "iconAccordion"
+  },
   {
    "name": "acorn",
    "category": "weather-nature",
@@ -1836,6 +1877,12 @@
    "component": "IconActivity",
    "export": "iconActivity"
   },
+  {
+   "name": "address-bar",
+   "category": "web",
+   "component": "IconAddressBar",
+   "export": "iconAddressBar"
+  },
   {
    "name": "address-book",
    "category": "people",
@@ -3036,6 +3083,12 @@
    "component": "IconCableTray",
    "export": "iconCableTray"
   },
+  {
+   "name": "cache",
+   "category": "web",
+   "component": "IconCache",
+   "export": "iconCache"
+  },
   {
    "name": "cactus",
    "category": "weather-nature",
@@ -3306,6 +3359,12 @@
    "component": "IconCare",
    "export": "iconCare"
   },
+  {
+   "name": "carousel",
+   "category": "web",
+   "component": "IconCarousel",
+   "export": "iconCarousel"
+  },
   {
    "name": "carrot",
    "category": "agriculture",
@@ -3390,6 +3449,12 @@
    "component": "IconCctv",
    "export": "iconCctv"
   },
+  {
+   "name": "cdn",
+   "category": "web",
+   "component": "IconCdn",
+   "export": "iconCdn"
+  },
   {
    "name": "ceiling-fan",
    "category": "household",
@@ -3522,6 +3587,12 @@
    "component": "IconChartTreemap",
    "export": "iconChartTreemap"
   },
+  {
+   "name": "chatbot",
+   "category": "web",
+   "component": "IconChatbot",
+   "export": "iconChatbot"
+  },
   {
    "name": "check",
    "category": "interface",
@@ -3780,6 +3851,12 @@
    "component": "IconClassroom",
    "export": "iconClassroom"
   },
+  {
+   "name": "click",
+   "category": "web",
+   "component": "IconClick",
+   "export": "iconClick"
+  },
   {
    "name": "clipboard",
    "category": "files",
@@ -3936,6 +4013,12 @@
    "component": "IconClub",
    "export": "iconClub"
   },
+  {
+   "name": "cms",
+   "category": "web",
+   "component": "IconCms",
+   "export": "iconCms"
+  },
   {
    "name": "cnc-machine",
    "category": "industry",
@@ -4218,6 +4301,12 @@
    "component": "IconCookie",
    "export": "iconCookie"
   },
+  {
+   "name": "cookie-consent",
+   "category": "web",
+   "component": "IconCookieConsent",
+   "export": "iconCookieConsent"
+  },
   {
    "name": "cooking-pot",
    "category": "health-sport-food",
@@ -4368,6 +4457,12 @@
    "component": "IconCrystal",
    "export": "iconCrystal"
   },
+  {
+   "name": "cta-button",
+   "category": "web",
+   "component": "IconCtaButton",
+   "export": "iconCtaButton"
+  },
   {
    "name": "cube",
    "category": "shapes",
@@ -4662,6 +4757,12 @@
    "component": "IconDollar",
    "export": "iconDollar"
   },
+  {
+   "name": "domain",
+   "category": "web",
+   "component": "IconDomain",
+   "export": "iconDomain"
+  },
   {
    "name": "donut",
    "category": "health-sport-food",
@@ -5052,6 +5153,12 @@
    "component": "IconFan",
    "export": "iconFan"
   },
+  {
+   "name": "faq",
+   "category": "web",
+   "component": "IconFaq",
+   "export": "iconFaq"
+  },
   {
    "name": "farmer",
    "category": "agriculture",
@@ -6822,6 +6929,12 @@
    "component": "IconLampSymbol",
    "export": "iconLampSymbol"
   },
+  {
+   "name": "landing-page",
+   "category": "web",
+   "component": "IconLandingPage",
+   "export": "iconLandingPage"
+  },
   {
    "name": "lantern",
    "category": "holidays",
@@ -6882,6 +6995,18 @@
    "component": "IconLayout",
    "export": "iconLayout"
   },
+  {
+   "name": "layout-footer",
+   "category": "web",
+   "component": "IconLayoutFooter",
+   "export": "iconLayoutFooter"
+  },
+  {
+   "name": "layout-header",
+   "category": "web",
+   "component": "IconLayoutHeader",
+   "export": "iconLayoutHeader"
+  },
   {
    "name": "ldr",
    "category": "electronics",
@@ -7566,6 +7691,12 @@
    "component": "IconMixerTruck",
    "export": "iconMixerTruck"
   },
+  {
+   "name": "mobile-menu",
+   "category": "web",
+   "component": "IconMobileMenu",
+   "export": "iconMobileMenu"
+  },
   {
    "name": "mobile-pay",
    "category": "shopping",
@@ -7800,6 +7931,12 @@
    "component": "IconNetworkSwitch",
    "export": "iconNetworkSwitch"
   },
+  {
+   "name": "newsletter",
+   "category": "web",
+   "component": "IconNewsletter",
+   "export": "iconNewsletter"
+  },
   {
    "name": "newspaper",
    "category": "files",
@@ -7980,6 +8117,18 @@
    "component": "IconPageBreak",
    "export": "iconPageBreak"
   },
+  {
+   "name": "page-error",
+   "category": "web",
+   "component": "IconPageError",
+   "export": "iconPageError"
+  },
+  {
+   "name": "page-speed",
+   "category": "web",
+   "component": "IconPageSpeed",
+   "export": "iconPageSpeed"
+  },
   {
    "name": "pager",
    "category": "communication",
@@ -8142,6 +8291,12 @@
    "component": "IconPassword",
    "export": "iconPassword"
   },
+  {
+   "name": "password-reset",
+   "category": "web",
+   "component": "IconPasswordReset",
+   "export": "iconPasswordReset"
+  },
   {
    "name": "pause",
    "category": "media",
@@ -8730,6 +8885,12 @@
    "component": "IconPressureSwitch",
    "export": "iconPressureSwitch"
   },
+  {
+   "name": "pricing-table",
+   "category": "web",
+   "component": "IconPricingTable",
+   "export": "iconPricingTable"
+  },
   {
    "name": "printer",
    "category": "files",
@@ -8910,6 +9071,12 @@
    "component": "IconRadio",
    "export": "iconRadio"
   },
+  {
+   "name": "radio-button",
+   "category": "web",
+   "component": "IconRadioButton",
+   "export": "iconRadioButton"
+  },
   {
    "name": "rail-freight",
    "category": "logistics",
@@ -9108,6 +9275,12 @@
    "component": "IconResistor",
    "export": "iconResistor"
   },
+  {
+   "name": "responsive",
+   "category": "web",
+   "component": "IconResponsive",
+   "export": "iconResponsive"
+  },
   {
    "name": "returns",
    "category": "shopping",
@@ -9468,6 +9641,12 @@
    "component": "IconScroll",
    "export": "iconScroll"
   },
+  {
+   "name": "scroll-mouse",
+   "category": "web",
+   "component": "IconScrollMouse",
+   "export": "iconScrollMouse"
+  },
   {
    "name": "sd-card",
    "category": "technology",
@@ -9546,6 +9725,12 @@
    "component": "IconSensor",
    "export": "iconSensor"
   },
+  {
+   "name": "seo",
+   "category": "web",
+   "component": "IconSeo",
+   "export": "iconSeo"
+  },
   {
    "name": "server",
    "category": "technology",
@@ -9888,6 +10073,12 @@
    "component": "IconSkateboard",
    "export": "iconSkateboard"
   },
+  {
+   "name": "skeleton",
+   "category": "web",
+   "component": "IconSkeleton",
+   "export": "iconSkeleton"
+  },
   {
    "name": "skip-back",
    "category": "media",
@@ -10278,6 +10469,12 @@
    "component": "IconSquareX",
    "export": "iconSquareX"
   },
+  {
+   "name": "ssl",
+   "category": "web",
+   "component": "IconSsl",
+   "export": "iconSsl"
+  },
   {
    "name": "stack-light",
    "category": "automation",
@@ -10608,6 +10805,12 @@
    "component": "IconTablet",
    "export": "iconTablet"
   },
+  {
+   "name": "tabs",
+   "category": "web",
+   "component": "IconTabs",
+   "export": "iconTabs"
+  },
   {
    "name": "tag",
    "category": "finance",
@@ -10908,6 +11111,12 @@
    "component": "IconTirePressure",
    "export": "iconTirePressure"
   },
+  {
+   "name": "toast",
+   "category": "web",
+   "component": "IconToast",
+   "export": "iconToast"
+  },
   {
    "name": "toaster",
    "category": "kitchen",
@@ -11724,18 +11933,42 @@
    "component": "IconWaves",
    "export": "iconWaves"
   },
+  {
+   "name": "web-analytics",
+   "category": "web",
+   "component": "IconWebAnalytics",
+   "export": "iconWebAnalytics"
+  },
   {
    "name": "web-code",
    "category": "development",
    "component": "IconWebCode",
    "export": "iconWebCode"
   },
+  {
+   "name": "web-form",
+   "category": "web",
+   "component": "IconWebForm",
+   "export": "iconWebForm"
+  },
+  {
+   "name": "web-search",
+   "category": "web",
+   "component": "IconWebSearch",
+   "export": "iconWebSearch"
+  },
   {
    "name": "webcam",
    "category": "technology",
    "component": "IconWebcam",
    "export": "iconWebcam"
   },
+  {
+   "name": "webhook",
+   "category": "web",
+   "component": "IconWebhook",
+   "export": "iconWebhook"
+  },
   {
    "name": "wedding-rings",
    "category": "holidays",