{"_id":"@ahmed-shareef-ogp/pgo-icons","_rev":"3-f0520eb400d7f3ab1815b0c9d415b8b6","name":"@ahmed-shareef-ogp/pgo-icons","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@ahmed-shareef-ogp/pgo-icons","version":"0.1.0","keywords":["icons","svg","pgo"],"license":"UNLICENSED","_id":"@ahmed-shareef-ogp/pgo-icons@0.1.0","maintainers":[{"name":"ahmed-shareef-ogp","email":"ahmed.shareef@pgoffice.gov.mv"}],"dist":{"shasum":"304e2e2dfc5fdf8e05a52549a872bfa54c499133","tarball":"https://registry.npmjs.org/@ahmed-shareef-ogp/pgo-icons/-/pgo-icons-0.1.0.tgz","fileCount":1203,"integrity":"sha512-VWjTRgdT/uddWSnSNlpCfIK9RguilqKxFo6nsAOXq1xq/dNyO3SylRHnOrPipi2UEcIJP0WUoT2gDDFM3DWVaA==","signatures":[{"sig":"MEYCIQCUhd7qi/HpE9OBDOa27shHSOnk2VIWQ3ofzDbZLX09HwIhAKIGfGyP/iAVIAUbLcXsKXjK1jT/vrHraYtb+on1D0QL","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1079848},"main":"./src/index.js","type":"module","exports":{".":"./src/index.js"},"scripts":{"generate":"node scripts/build-icons.mjs","prepublishOnly":"npm run generate"},"_npmUser":{"name":"ahmed-shareef-ogp","email":"ahmed.shareef@pgoffice.gov.mv"},"_npmVersion":"11.3.0","description":"Framework-agnostic SVG icon package for the PGO design system","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/pgo-icons_0.1.0_1779334639943_0.01652717849838048","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@ahmed-shareef-ogp/pgo-icons","version":"0.1.1","keywords":["icons","svg","pgo"],"license":"UNLICENSED","_id":"@ahmed-shareef-ogp/pgo-icons@0.1.1","maintainers":[{"name":"ahmed-shareef-ogp","email":"ahmed.shareef@pgoffice.gov.mv"}],"dist":{"shasum":"e6a47e1a468889d8b930b8eadf25ef155cb238bf","tarball":"https://registry.npmjs.org/@ahmed-shareef-ogp/pgo-icons/-/pgo-icons-0.1.1.tgz","fileCount":1203,"integrity":"sha512-jno+73durhDpZOFzuGK6F9NNCqVXnRiWeZgXHYBWE9EQLPc5VX7M3Aie3az9Uvdr5Jf5jVTFOLI2Luj1NQVtuA==","signatures":[{"sig":"MEUCIQC0vMkipMBHQLu5O+zsCqVw1iCZpM+5OX4RRDX+VP3LuAIgMfMXr7pmuCfrtLsbLIMRX5ihL+42qSDL0tCn5Su2H3Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1079864},"main":"./src/index.js","type":"module","exports":{".":"./src/index.js"},"scripts":{"generate":"node scripts/build-icons.mjs","prepublishOnly":"npm run generate"},"_npmUser":{"name":"ahmed-shareef-ogp","email":"ahmed.shareef@pgoffice.gov.mv"},"_npmVersion":"11.3.0","description":"Framework-agnostic SVG icon package for the PGO design system","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/pgo-icons_0.1.1_1779338521691_0.3051453277304308","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@ahmed-shareef-ogp/pgo-icons","version":"0.1.2","description":"Framework-agnostic SVG icon package for the PGO design system","type":"module","sideEffects":false,"main":"./src/index.js","exports":{".":"./src/index.js"},"scripts":{"generate":"node scripts/build-icons.mjs","prepublishOnly":"npm run generate"},"keywords":["icons","svg","pgo"],"license":"UNLICENSED","_id":"@ahmed-shareef-ogp/pgo-icons@0.1.2","_nodeVersion":"22.14.0","_npmVersion":"11.3.0","dist":{"integrity":"sha512-LeooocmTMCN3amzDeS2achW48sZinsbT4NGF9THPcvUnCHCPJLxZMzKT8DlJGUD58JJG1YlUltsQB8hfenETsw==","shasum":"305e384904a0889eb618f42383e8d41ac99c2c7b","tarball":"https://registry.npmjs.org/@ahmed-shareef-ogp/pgo-icons/-/pgo-icons-0.1.2.tgz","fileCount":1204,"unpackedSize":2664314,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCPsJaekHhaKO2kPRupPWYJXra470wEH4MjwsC2rTxwzQIgZjIVD37fW7klbSt9v6TANA55b7jBkYX77T1ov5NvQMA="}]},"_npmUser":{"name":"ahmed-shareef-ogp","email":"ahmed.shareef@pgoffice.gov.mv"},"directories":{},"maintainers":[{"name":"ahmed-shareef-ogp","email":"ahmed.shareef@pgoffice.gov.mv"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pgo-icons_0.1.2_1779344354013_0.7868039802417197"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-21T03:37:19.816Z","modified":"2026-05-21T06:19:14.333Z","0.1.0":"2026-05-21T03:37:20.122Z","0.1.1":"2026-05-21T04:42:01.864Z","0.1.2":"2026-05-21T06:19:14.190Z"},"license":"UNLICENSED","keywords":["icons","svg","pgo"],"description":"Framework-agnostic SVG icon package for the PGO design system","maintainers":[{"name":"ahmed-shareef-ogp","email":"ahmed.shareef@pgoffice.gov.mv"}],"readme":"# @ahmed-shareef-ogp/pgo-icons\n\nFramework-agnostic SVG icon package for the PGO design system. 1,178 icons across 20 categories, exported as plain JavaScript objects. Works with any framework or vanilla JS.\n\n---\n\n## Installation\n\n```bash\nnpm install @ahmed-shareef-ogp/pgo-icons\n```\n\n---\n\n## Usage\n\n### Named import (tree-shakeable)\n\nImport icons by name. Bundlers will only include what you use.\n\n```js\nimport { Edit03Icon, ArrowCircleUpIcon, renderIcon } from '@ahmed-shareef-ogp/pgo-icons';\n\nconst svg = renderIcon(Edit03Icon);\n// → ...\n```\n\n### Render options\n\n```js\nconst svg = renderIcon(Edit03Icon, {\n size: 32, // width & height in px (default: 24)\n color: '#5F0032', // CSS color property value (default: 'currentColor')\n strokeWidth: 1.5, // overrides all stroke-width (default: from source)\n class: 'my-icon', // adds class to the tag (default: none)\n});\n```\n\nSince icons use `stroke=\"currentColor\"`, you can also control color with the CSS `color` property on a parent element instead of the `color` option.\n\n### String lookup\n\nUseful when the icon name comes from data (e.g. a config file or API response):\n\n```js\nimport { getIcon, renderIcon } from '@ahmed-shareef-ogp/pgo-icons';\n\nconst icon = getIcon('edit-03'); // → Edit03Icon object, or undefined if not found\nconst svg = renderIcon(icon, { size: 20 });\n```\n\n### Full registry\n\n```js\nimport { icons } from '@ahmed-shareef-ogp/pgo-icons';\n\nObject.keys(icons); // → ['add-square', 'alert-circle', 'arrow-circle-up', ...]\nicons['edit-03']; // → { name, category, viewBox, content, type }\n```\n\n---\n\n## Vue example\n\n```vue\n\n\n\n\n```\n\n---\n\n## Icon object shape\n\nEvery icon export is a plain object:\n\n```js\n{\n name: 'edit-03', // kebab-case, matches the source filename\n category: 'general', // source folder name\n viewBox: '336.0 356.0 24 24', // preserved exactly from the Figma export\n content: '', // inner SVG markup — stroke=\"#1C1917\" replaced with currentColor\n type: 'stroke', // 'stroke' | 'fill' | 'mixed'\n}\n```\n\n> **Note on viewBox:** Figma exports use non-zero origins (e.g. `336.0 356.0 24 24`). This is intentional — the path coordinates match the offset and icons render correctly at any size.\n\n---\n\n## Naming convention\n\n| Source file | Named export | String key |\n|--------------------------|-----------------------|-----------------------|\n| `plus.svg` | `PlusIcon` | `'plus'` |\n| `user-01.svg` | `User01Icon` | `'user-01'` |\n| `arrow-right-01.svg` | `ArrowRight01Icon` | `'arrow-right-01'` |\n| `filter-funnel-01.svg` | `FilterFunnel01Icon` | `'filter-funnel-01'` |\n\n---\n\n## Icon Reference\n\n1,178 icons across 20 categories.\n\n### alerts-feedback (26)\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

alert-circle
alert-hexagon
alert-octagon
alert-square
alert-triangle
announcement-01

announcement-02
announcement-03
bell-01
bell-02
bell-03
bell-04

bell-minus
bell-off-01
bell-off-02
bell-off-03
bell-plus
bell-ringing-01

bell-ringing-02
bell-ringing-03
bell-ringing-04
notification-box
notification-message
notification-text

thumbs-down
thumbs-up
\n\n### arrows (92)\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

arrow-block-down
arrow-block-left
arrow-block-right
arrow-block-up
arrow-circle-broken-down
arrow-circle-broken-down-left

arrow-circle-broken-down-right
arrow-circle-broken-left
arrow-circle-broken-right
arrow-circle-broken-up
arrow-circle-broken-up-left
arrow-circle-broken-up-right

arrow-circle-down
arrow-circle-down-left
arrow-circle-down-right
arrow-circle-left
arrow-circle-right
arrow-circle-up

arrow-circle-up-left
arrow-circle-up-right
arrow-down
arrow-down-left
arrow-down-right
arrow-left

arrow-narrow-down
arrow-narrow-down-left
arrow-narrow-down-right
arrow-narrow-left
arrow-narrow-right
arrow-narrow-up

arrow-narrow-up-left
arrow-narrow-up-right
arrow-right
arrow-square-down
arrow-square-down-left
arrow-square-down-right

arrow-square-left
arrow-square-right
arrow-square-up
arrow-square-up-left
arrow-square-up-right
arrow-up

arrow-up-left
arrow-up-right
arrows-down
arrows-left
arrows-right
arrows-triangle

arrows-up
chevron-down
chevron-down-double
chevron-left
chevron-left-double
chevron-right

chevron-right-double
chevron-selector-horizontal
chevron-selector-vertical
chevron-up
chevron-up-double
corner-down-left

corner-down-right
corner-left-down
corner-left-up
corner-right-down