{"_id":"@axieinfinity/dango-icons","_rev":"3-22de0b9277bc0290076531358faa846a","name":"@axieinfinity/dango-icons","dist-tags":{"latest":"1.0.17-beta.2"},"versions":{"1.0.17-beta.0":{"name":"@axieinfinity/dango-icons","version":"1.0.17-beta.0","author":{"name":"Sky Mavis"},"license":"MIT","_id":"@axieinfinity/dango-icons@1.0.17-beta.0","maintainers":[{"name":"ngthanhtrung","email":"arvernorix@gmail.com"},{"name":"minhfinity","email":"minh.le@skymavis.com"},{"name":"andy_skymavis","email":"andy@skymavis.com"},{"name":"hoangnguyentino","email":"hoangnguyentino@gmail.com"}],"homepage":"https://github.com/axieinfinity/dango#readme","bugs":{"url":"https://github.com/axieinfinity/dango/issues"},"dist":{"shasum":"4eb36806f5835361399143982d85dfe091be7f81","tarball":"https://registry.npmjs.org/@axieinfinity/dango-icons/-/dango-icons-1.0.17-beta.0.tgz","fileCount":8316,"integrity":"sha512-LYUXL8BXozLWnuHKwJs0OoCDGv3gXC/sg8SScHbjmYdzy1Azc36szbmVB7ZpLn0QOBzRqqEYo5/+eWoxR/tu9w==","signatures":[{"sig":"MEYCIQCseuwqkYxA8e8AGp/tyqZwcfFsZ2QEHfZOpb1Lp0qzrgIhAI3J9A8saqCiY+0+/BunJKi4wqQ7s3KdZBYIXSB1EagZ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5597189},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"f67e346358dcacd3020a8fdf431aa8a1c262e06d","scripts":{"build":"rm -rf dist && rollup -c","setup":"yarn install && yarn allow-scripts auto","transform":"yarn transform-general-icons &&  yarn transform-part-icons","transform-part-icons":"npm pkg delete type && rm -rf src/parts-generated && npx @svgr/cli src/part-svgs  -d src/parts-generated --replace-attr-values [] --index-template templates/indexTemplate.js && npm pkg set type='module'","transform-general-icons":"npm pkg delete type && rm -rf src/generated && npx @svgr/cli src/svgs -d src/generated --index-template templates/indexTemplate.js && npm pkg set type='module'"},"_npmUser":{"name":"hoangnguyentino","email":"hoangnguyentino@gmail.com"},"repository":{"url":"git+ssh://git@github.com/axieinfinity/dango.git","type":"git","directory":"packages/dango-icons"},"_npmVersion":"10.8.2","description":"Dango Icons","directories":{},"sideEffects":false,"_nodeVersion":"18.20.8","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"path":"0.12.7","react":"18.1.0","rollup":"2.77.3","@svgr/cli":"6.2.1","react-dom":"18.2.0","typescript":"4.7.3","@babel/core":"7.18.2","@types/react":"18.0.12","babel-loader":"8.2.5","rollup-plugin-dts":"4.2.2","rollup-plugin-delete":"2.0.0","rollup-plugin-terser":"7.0.2","@rollup/plugin-commonjs":"22.0.0","rollup-plugin-typescript2":"0.29.0","@rollup/plugin-multi-entry":"4.1.0","@rollup/plugin-node-resolve":"13.3.0","rollup-plugin-peer-deps-external":"2.2.4","rollup-plugin-rename-node-modules":"1.3.1"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/dango-icons_1.0.17-beta.0_1786000668461_0.9392175345958167","host":"s3://npm-registry-packages-npm-production"}},"1.0.17-beta.1":{"name":"@axieinfinity/dango-icons","version":"1.0.17-beta.1","keywords":["dango","axie","icons","react","svg"],"author":{"name":"Sky Mavis"},"license":"MIT","_id":"@axieinfinity/dango-icons@1.0.17-beta.1","maintainers":[{"name":"ngthanhtrung","email":"arvernorix@gmail.com"},{"name":"minhfinity","email":"minh.le@skymavis.com"},{"name":"andy_skymavis","email":"andy@skymavis.com"},{"name":"hoangnguyentino","email":"hoangnguyentino@gmail.com"}],"homepage":"https://github.com/axieinfinity/dango#readme","bugs":{"url":"https://github.com/axieinfinity/dango/issues"},"dist":{"shasum":"76c55563642318aa5168df2b3003c536e7228e57","tarball":"https://registry.npmjs.org/@axieinfinity/dango-icons/-/dango-icons-1.0.17-beta.1.tgz","fileCount":5543,"integrity":"sha512-1RBbb+EvuFmbNtzLWlvIUY2egzQePVT0Wr68wzJbGorF4DPjJIP4kFycbYzUxy6ty1d8O32RZN0B63oPV68hgQ==","signatures":[{"sig":"MEUCIQDHBVrt7yz1H7MMNUvK1QiirNd173qThhfFlCUVJMc2CgIgOFWerEBAhu8RmlFGs+cSxvFhw9PBsNPi2mlLd10A8m8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2206646},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"f2acd7291faeafb5d751d8b82d5e658232eb934e","scripts":{"build":"rm -rf dist && rollup -c","setup":"yarn install && yarn allow-scripts auto","transform":"yarn transform-general-icons &&  yarn transform-part-icons","transform-part-icons":"npm pkg delete type && rm -rf src/parts-generated && npx @svgr/cli src/part-svgs  -d src/parts-generated --replace-attr-values [] --index-template templates/indexTemplate.js && npm pkg set type='module'","transform-general-icons":"npm pkg delete type && rm -rf src/generated && npx @svgr/cli src/svgs -d src/generated --index-template templates/indexTemplate.js && npm pkg set type='module'"},"_npmUser":{"name":"hoangnguyentino","email":"hoangnguyentino@gmail.com"},"repository":{"url":"git+ssh://git@github.com/axieinfinity/dango.git","type":"git","directory":"packages/dango-icons"},"_npmVersion":"10.8.2","description":"Dango Icons","directories":{},"sideEffects":false,"_nodeVersion":"18.20.8","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"path":"0.12.7","react":"18.1.0","rollup":"2.77.3","@svgr/cli":"6.2.1","react-dom":"18.2.0","typescript":"4.7.3","@babel/core":"7.18.2","@types/react":"18.0.12","babel-loader":"8.2.5","rollup-plugin-dts":"4.2.2","rollup-plugin-delete":"2.0.0","rollup-plugin-terser":"7.0.2","@rollup/plugin-commonjs":"22.0.0","rollup-plugin-typescript2":"0.29.0","@rollup/plugin-multi-entry":"4.1.0","@rollup/plugin-node-resolve":"13.3.0","rollup-plugin-peer-deps-external":"2.2.4","rollup-plugin-rename-node-modules":"1.3.1"},"peerDependencies":{"react":"^17.0.2 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.2 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dango-icons_1.0.17-beta.1_1786003497351_0.9156734041485992","host":"s3://npm-registry-packages-npm-production"}},"1.0.17-beta.2":{"name":"@axieinfinity/dango-icons","version":"1.0.17-beta.2","description":"Dango Icons","keywords":["dango","axie","icons","react","svg"],"main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./package.json":"./package.json","./dist/*":["./dist/*","./dist/*.js"]},"repository":{"type":"git","url":"git+ssh://git@github.com/axieinfinity/dango.git","directory":"packages/dango-icons"},"scripts":{"setup":"yarn install && yarn allow-scripts auto","build":"rm -rf dist && rollup -c","transform-general-icons":"npm pkg delete type && rm -rf src/generated && npx @svgr/cli src/svgs -d src/generated --index-template templates/indexTemplate.js && npm pkg set type='module'","transform-part-icons":"npm pkg delete type && rm -rf src/parts-generated && npx @svgr/cli src/part-svgs  -d src/parts-generated --replace-attr-values [] --index-template templates/indexTemplate.js && npm pkg set type='module'","transform":"yarn transform-general-icons &&  yarn transform-part-icons"},"author":{"name":"Sky Mavis"},"license":"MIT","devDependencies":{"@babel/core":"7.18.2","@rollup/plugin-commonjs":"22.0.0","@rollup/plugin-multi-entry":"4.1.0","@rollup/plugin-node-resolve":"13.3.0","@svgr/cli":"6.2.1","@types/react":"18.0.12","babel-loader":"8.2.5","path":"0.12.7","react":"18.1.0","react-dom":"18.2.0","rollup":"2.77.3","rollup-plugin-delete":"2.0.0","rollup-plugin-dts":"4.2.2","rollup-plugin-peer-deps-external":"2.2.4","rollup-plugin-rename-node-modules":"1.3.1","rollup-plugin-terser":"7.0.2","rollup-plugin-typescript2":"0.29.0","typescript":"4.7.3"},"peerDependencies":{"react":"^17.0.2 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.2 || ^18.0.0 || ^19.0.0"},"sideEffects":false,"publishConfig":{"access":"public"},"type":"module","_id":"@axieinfinity/dango-icons@1.0.17-beta.2","gitHead":"2f632d44ae270896681b130de22fd1556e11d5aa","bugs":{"url":"https://github.com/axieinfinity/dango/issues"},"homepage":"https://github.com/axieinfinity/dango#readme","_nodeVersion":"18.20.8","_npmVersion":"10.8.2","dist":{"integrity":"sha512-dYV82FlJv6T5Oardh5fgn6r6QwxUNtqL387EAICmCXwno1G4aCioZQvn35x++Ddj7ZC25EJXYnE9CoK6glyNiQ==","shasum":"9301f028b1bd1ad555f92211133a08acd6025623","tarball":"https://registry.npmjs.org/@axieinfinity/dango-icons/-/dango-icons-1.0.17-beta.2.tgz","fileCount":5544,"unpackedSize":2209777,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCAZlztiK9NtbmJJFKC3INIykgo5T0t8M/G+QFSdhNRzAIgJczYOdu0jf1SFV8bjZsLmyDhK8gPG1fG8+JTs4Jiz8Y="}]},"_npmUser":{"name":"hoangnguyentino","email":"hoangnguyentino@gmail.com"},"directories":{},"maintainers":[{"name":"ngthanhtrung","email":"arvernorix@gmail.com"},{"name":"minhfinity","email":"minh.le@skymavis.com"},{"name":"andy_skymavis","email":"andy@skymavis.com"},{"name":"hoangnguyentino","email":"hoangnguyentino@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dango-icons_1.0.17-beta.2_1787115125677_0.40154622896279735"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-06T07:17:48.291Z","modified":"2026-08-19T04:52:05.967Z","1.0.17-beta.0":"2026-08-06T07:17:48.668Z","1.0.17-beta.1":"2026-08-06T08:04:57.586Z","1.0.17-beta.2":"2026-08-19T04:52:05.819Z"},"bugs":{"url":"https://github.com/axieinfinity/dango/issues"},"author":{"name":"Sky Mavis"},"license":"MIT","homepage":"https://github.com/axieinfinity/dango#readme","keywords":["dango","axie","icons","react","svg"],"repository":{"type":"git","url":"git+ssh://git@github.com/axieinfinity/dango.git","directory":"packages/dango-icons"},"description":"Dango Icons","maintainers":[{"name":"ngthanhtrung","email":"arvernorix@gmail.com"},{"name":"minhfinity","email":"minh.le@skymavis.com"},{"name":"andy_skymavis","email":"andy@skymavis.com"},{"name":"hoangnguyentino","email":"hoangnguyentino@gmail.com"}],"readme":"# @axieinfinity/dango-icons\n\n![npm version](https://img.shields.io/npm/v/@axieinfinity/dango-icons)\n\nSVG icon library for Axie Infinity products. 1300+ general icons and ~50 part icons, all as React components.\n\n## Install\n\nFrom [npmjs.org](https://www.npmjs.com/org/axieinfinity) — no `.npmrc` required:\n\n```bash\nnpm install @axieinfinity/dango-icons\n```\n\n## Peer dependencies\n\nSupports React **17, 18, or 19**:\n\n```json\n{\n  \"react\": \"^17.0.2 || ^18.0.0 || ^19.0.0\",\n  \"react-dom\": \"^17.0.2 || ^18.0.0 || ^19.0.0\"\n}\n```\n\n## Usage\n\n### General icons\n\n24×24 SVG icons that inherit `currentColor` from their parent. Named `{Name}Icon`:\n\n```tsx\nimport { TickIcon, Home08Icon, StarIcon } from '@axieinfinity/dango-icons';\n\n<TickIcon size={16} />\n<Home08Icon size={24} color=\"#FF9345\" />\n```\n\n### With Dango components\n\nMany Dango components accept icon props:\n\n```tsx\nimport { Button, Intent } from '@axieinfinity/dango';\nimport { StarIcon } from '@axieinfinity/dango-icons';\nimport '@axieinfinity/dango/dist/bundle.css';\n\n<Button text=\"Favorite\" intent={Intent.Primary} icon={StarIcon} />\n```\n\n### Part icons\n\n48×48 Axie part icons with preserved original colors:\n\n```tsx\nimport { BackAquaticIcon } from '@axieinfinity/dango-icons';\n\n<BackAquaticIcon size={48} />\n```\n\n### PartIcon (CDN PNG)\n\nFor Axie part images served from CDN:\n\n```tsx\nimport { PartIcon, PartColor, PartType } from '@axieinfinity/dango-icons';\n\n<PartIcon color={PartColor.Aquatic} type={PartType.Back} size={48} />\n```\n\n## Icon props\n\nAll icons extend `SvgIconProps`:\n\n```typescript\ninterface SvgIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number; // default: 16\n}\n```\n\nPass any standard SVG attribute (`color`, `className`, `onClick`, etc.).\n\n## Icon types\n\n| Type | Count | ViewBox | Color behavior |\n|------|-------|---------|----------------|\n| General | 1300+ | 24×24 | `currentColor` — inherits from CSS |\n| Part | ~50 | 48×48 | Original hex colors preserved |\n\nDiscover icon names via IDE autocomplete after `import { … } from '@axieinfinity/dango-icons'`, or browse `src/generated/` in the monorepo during development.\n\n## License\n\nMIT\n\n## Accessibility\n\nTwo rules, no exceptions.\n\n**An icon sitting next to text is decorative.** The text already says it. Hide the icon so\nscreen readers do not announce the same thing twice:\n\n```tsx\n<Button text=\"Download\" icon={DownloadIcon} />\n// or, standalone:\n<TaskDownloadIcon aria-hidden=\"true\" />\n```\n\n**An icon on its own needs the label on the control, not the icon.** An icon-only button\nis still a button, and its name is what gets announced:\n\n```tsx\n<IconButton icon={RefreshIcon} aria-label=\"Refresh results\" />\n```\n\nDo not put `aria-label` on the icon and leave the button unnamed — the accessible name\nbelongs to the thing being activated.\n\n### Part icons\n\n`PartIcon` renders an `<img>`, so it needs real alt text. Write it the way a player would\nsay it, not as a filename:\n\n```tsx\n<PartIcon color={PartColor.Beast} type={PartType.Horn} alt=\"Beast horn\" />\n```\n\nIf a part icon is purely decorative and the part is already named nearby, pass `alt=\"\"` —\nan empty alt is a deliberate signal to skip it, which is different from omitting it.\n\n> **Known limitation:** `PartIconProps` extends `HTMLAttributes<HTMLImageElement>`, which\n> does not include `alt`. Passing it is a type error today. This needs fixing before the\n> policy above can actually be followed.\n","readmeFilename":"README.md"}