{"_id":"astro-iconify","_rev":"6-7cc71e67af0548338f97860e15e78f27","name":"astro-iconify","dist-tags":{"latest":"1.3.1"},"versions":{"1.0.0":{"name":"astro-iconify","version":"1.0.0","keywords":["astro","astro-component","image","images","icon","icons","iconify","optimization"],"author":{"url":"https://twitter.com/n_moore","name":"Nate Moore","email":"nate@natemoo.re"},"license":"MIT","_id":"astro-iconify@1.0.0","maintainers":[{"name":"manuelmeister","email":"manuel@meister.io"}],"contributors":[{"url":"https://meister.io/","name":"Manuel Meister","email":"news.manuelsworld@gmail.com"}],"homepage":"https://github.com/natemoo-re/astro-icon#readme","bugs":{"url":"https://github.com/natemoo-re/astro-icon/issues"},"dist":{"shasum":"01db259c08b8ab577218797b568254618ffdeb98","tarball":"https://registry.npmjs.org/astro-iconify/-/astro-iconify-1.0.0.tgz","fileCount":16,"integrity":"sha512-H/kx1OprEkV45asPcxrjAZSOchO/qDUHkooEXQ6R/Hyfszx/j1nHqiZoI+JjNgus47XwOInay6Lr5wuDjAhprg==","signatures":[{"sig":"MEUCIQCbjtQW0TTF8YJNOW+qVm5pTVoxyl2RX+Hvv1bMeNfoBgIgc13w/LkCqZI5/QrHjY/OqpfH606ZgXouOUJf5o7KvG4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPvbfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs3w/9EDx0V+4uOmqAW77Yl/ls5tsevM+xy8TJLfN7VmwcbEb7z2gT\r\nMbu9v3GfcLje3FE7YlFI6LAMKuvMkl+5SSa+CSq/A7cfYmNHD3DqYyqoTlDO\r\nXwnXK9L3LmV3y1Wd0UMBr5VyyGGcICzwoWU/TOUwADIMK9oWLeVlvlDacMXN\r\nxUw+y7Y2jPPhIPflOlyuLOV9VfOvry8/pceDJMqgMeYrFnZl25Qr6Us9QFR1\r\nf1JqKWnwncurYSgdfDFNHv9IuUkhFoTGB7LQbRJv7adzceQu57m9gayMcoYd\r\nqvsCJ42mlfMDR5B73yYU3qZr2w1TSU0zbIAgvbkVpFUOXqjXu5gGhXPZiBTR\r\nbz6zhsWuqxfUCAjYd6qUV7QfEcZ53iu/Vm1n3efsVIZrLCrmeFvpCN3p7RNu\r\n7TsNdxRBE29T6xCwzMfsM+m3+d45dwI/AX4xudfkxsjLE7ju5MplhfqzXstt\r\nq2rpB8ShHEZ1XSgumdQGE/plgqPBIYmdzeFsUiM8AyS+RRTKMwq/cGI3Bv5A\r\nv3+nf1f7t65oHtGc5ymD+Tb24/OSjGaEhe3xiU8dj8dDBq12Zlsmec0Klw0p\r\nUfS6AJf68VJZMq7WocXTtrfOdC5RTBBY+3PDmxPYDipt8xTUyRk49BBCXye0\r\n1eS9oMee5tThZqKQqRi+fvN2AJ3nA5kKVaw=\r\n=7uWX\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","exports":{".":"./index.ts","./pack":"./lib/createIconPack.ts"},"_npmUser":{"name":"manuelmeister","email":"manuel@meister.io"},"repository":{"url":"git+https://github.com/natemoo-re/astro-icon.git","type":"git","directory":"packages/core"},"description":"Easily use iconify service with the astro icon component","directories":{},"dependencies":{"svgo":"^2.8.0","node-fetch":"^3.1.0","resolve-pkg":"^2.0.0","@iconify/tools":"latest"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/astro-iconify_1.0.0_1665070815382_0.19521722089219073","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"astro-iconify","version":"1.1.0","keywords":["astro","astro-component","image","images","icon","icons","iconify","optimization"],"author":{"url":"https://twitter.com/n_moore","name":"Nate Moore","email":"nate@natemoo.re"},"license":"MIT","_id":"astro-iconify@1.1.0","maintainers":[{"name":"manuelmeister","email":"manuel@meister.io"}],"contributors":[{"url":"https://meister.io/","name":"Manuel Meister","email":"news.manuelsworld@gmail.com"}],"homepage":"https://github.com/natemoo-re/astro-icon#readme","bugs":{"url":"https://github.com/natemoo-re/astro-icon/issues"},"dist":{"shasum":"c793318532cde50aaebb64deec4699cdd3402b30","tarball":"https://registry.npmjs.org/astro-iconify/-/astro-iconify-1.1.0.tgz","fileCount":16,"integrity":"sha512-8M9Iusxryi4O2eemp/RoY18Lr+sHYyIZ1E1Upx7pYW9u8LexQbibWlzaPq/7cU4YYIFBMv3/MH/4bHclunESyg==","signatures":[{"sig":"MEUCIC/rXLeU/HvUFTylg0AeUZVgQybMRiPT13ybJ31Q+zfiAiEA5JaOq+VCrm5cVQmzi4oMZRu2g3lh1JjUkQVPk5Irk5Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjb5PAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPdxAAh4uROjcFBXNRlIbCljfkAOierN83wYNKy4LyNVY1DGM9ZGEi\r\nKSDVHsDe1VtalYtD+U85+lc5jWg/d5mqWOuFWDWDuR1aKhF/mc+3TuRtq0Gc\r\np5h3qHoB7q7cFUK1mZejvP0FjPMrdIJuNeOY/RW8VzX4K3DPwtrWkYYQuXWD\r\niIRJsWdTVKE/LXTtCId/sDJSsGInn3IBdce1JLoyFrT8pdGGn4VEBixNsUpE\r\nf+E/sRMvXPEda/qaiTMVR7wNG0l9onAx6TYOX6htyZcPHbhoKqewr9890/s9\r\nIi6qzbt5hLpEUDTfXTnP+RbgDobJIG25CQ2hVWh1dL1B/yCQVdsJ3GqBm1Yr\r\nF8OFjFR2PifR/63WXijk9Aw2tk2/GCNzpejHJpZVuifrIXFe0TwMean2XIsP\r\nLnvTp60W1cK07pgmDFs8P7rp91aWkMnPl2BAcE53J5BPzr8vQsrvPLUUweKg\r\nhMU3IrV5BdtCDZHmTD8aB7r5BP9VpQejHSFy215jTjNglbfXrWTWS2ET8x74\r\nxQK8lGhsyKdu77hD4IMWrpB70ZXDhSxWXV9MzzwmWcowF1XuKwSpO04yNIWc\r\nlJaZ/34rIj2EX5owYdUG/XxPhfVXpbDEmJxa2gj4f/ry7n2QUm7S6jM6JyPK\r\nHFVGOjpRoGM+DCDE7kjf9ZyzREKll5tPgB4=\r\n=zJSe\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","exports":{".":"./index.ts","./pack":"./lib/createIconPack.ts"},"_npmUser":{"name":"manuelmeister","email":"manuel@meister.io"},"repository":{"url":"git+https://github.com/natemoo-re/astro-icon.git","type":"git","directory":"packages/core"},"description":"Fork of astro-icon. Lets you easily use the up to date iconify service as a straight forward astro icon component.","directories":{},"dependencies":{"svgo":"^2.8.0","node-fetch":"^3.1.0","resolve-pkg":"^2.0.0","@iconify/tools":"latest"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/astro-iconify_1.1.0_1668256703931_0.4113907627136155","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"astro-iconify","version":"1.1.1","keywords":["astro","astro-component","image","images","icon","icons","iconify","optimization"],"author":{"url":"https://twitter.com/n_moore","name":"Nate Moore","email":"nate@natemoo.re"},"license":"MIT","_id":"astro-iconify@1.1.1","maintainers":[{"name":"manuelmeister","email":"manuel@meister.io"}],"contributors":[{"url":"https://meister.io/","name":"Manuel Meister","email":"news.manuelsworld@gmail.com"}],"homepage":"https://github.com/manuelmeister/astro-iconify#readme","bugs":{"url":"https://github.com/manuelmeister/astro-iconify/issues"},"dist":{"shasum":"45a7c9ca35e6e0cbad2d2d016126f02278ecc307","tarball":"https://registry.npmjs.org/astro-iconify/-/astro-iconify-1.1.1.tgz","fileCount":16,"integrity":"sha512-jUVjvdMZgZyp8Cwcg7qdkYJhGnF1+xenPCQ76hO0ihQ3TtZxrD6hmzbLgiBFxIdSetk5JRcPkUBKbtFljUYCpQ==","signatures":[{"sig":"MEQCIFrdcNN/GPGjtSJ09sCyy2lKVFZeNy7R1I61SNZ9n8z1AiBujzAZKZz9BGz+Sa3eUA+ZXBCDVQY65lR8ABvW+ICd+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjb5STACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOGQ//Vn6DAoq+NSDGlNTI0XnfK5LX9CeJPHpXstnIjcRhwdpBpaMR\r\nEs3+hIzpT76En5DfGgkHF09tSENHO0OV3Od/7BR90a2Y2mUfckVsqVxOjwcz\r\n+NqiqM9Vt7+P/Lnq8onfkwHAKS1ROvWNwxxJ5MC/gREREX0gLkjrdkisPUau\r\nH9/hd4KN4m+eC5Dj/0EV0TQNS6OuS11nGO0ZF+jUcFrVM3faE/Rtr1DbsWut\r\nIdSvQ2k3tI5lta7AayD8bbiIAh1nvns15qoLXgSDk8SO4/fImyoPd/buhSSG\r\nNTdsDyDN9lbl7kp8g97j/LAq0FxmVwTNCzyF1Ff03AI83iRZ8AdLP6vfBvar\r\nnyw0K16y4sfpDTauw3NcZltjLkxVs9Nrl8TXS0LzPUNFiR+RyGrpDnB2HnqZ\r\nnQA+ROc0Np3X1ILEasupk1u62DI9Hk5XDETPaKwJkhUqBfWJGfwvtDP5P2aM\r\n47WfO9uTM+/gaTBtuWo/gWkYhUPg4ZrPvYkD7W6jErcseM6h0wBi3P+jZ53J\r\nEZPHAHU10LOUnHzyS6n8st1M7E+AzWdhcGhGFn5b5I7KKtCW1QGpb9Gg8vR8\r\nOzm6qCN81UnUk0xwMqsmJEnLCTEHIVNwyPHtjef/NDqdImHFxTmSPnYXZxJj\r\n2tFg7R0bjMtFM2+mUVoO+i7PhNRjwqrTtB0=\r\n=7FdL\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","exports":{".":"./index.ts","./pack":"./lib/createIconPack.ts"},"_npmUser":{"name":"manuelmeister","email":"manuel@meister.io"},"repository":{"url":"git+https://github.com/manuelmeister/astro-iconify.git","type":"git","directory":"src"},"description":"Fork of astro-icon. Lets you easily use the up to date iconify service as a straight forward astro icon component.","directories":{},"dependencies":{"svgo":"^2.8.0","node-fetch":"^3.1.0","resolve-pkg":"^2.0.0","@iconify/tools":"latest"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/astro-iconify_1.1.1_1668256915114_0.3084813494180312","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"astro-iconify","version":"1.2.0","keywords":["astro","astro-component","image","images","icon","icons","iconify","optimization"],"author":{"url":"https://twitter.com/n_moore","name":"Nate Moore","email":"nate@natemoo.re"},"license":"MIT","_id":"astro-iconify@1.2.0","maintainers":[{"name":"manuelmeister","email":"manuel@meister.io"}],"contributors":[{"url":"https://meister.io/","name":"Manuel Meister","email":"news.manuelsworld@gmail.com"}],"homepage":"https://github.com/manuelmeister/astro-iconify#readme","bugs":{"url":"https://github.com/manuelmeister/astro-iconify/issues"},"dist":{"shasum":"79aaf3bf3d1247bd21f934e07dacb190ea6b80e7","tarball":"https://registry.npmjs.org/astro-iconify/-/astro-iconify-1.2.0.tgz","fileCount":16,"integrity":"sha512-arLDiSop3DAHHS30raZysspkz5MO9moJJZ4rJk1Ty+4W1jZDa00Jme0LrnRJRDB6BB2EDTxC553fo20yz3MeYw==","signatures":[{"sig":"MEUCIQCKQpqrrg0GDLmK9YP2IJBYY/Tmz6bTW1ZLSXaUnbqmXAIgFf1z1OBbJ4R5nSBkbPfuwRDKG+bbkcBDDfI3UOjmACE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjb5ipACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwKg/8CTWKkvqXhdZOgWhPdKC0llGe4Vh/6v9lC9hiRw/2vrzG+alw\r\nMD74gSogeaUh+uThapJjYDW4acvqiWTPy1OEJsYEgkdRQSAY1UUvEFfMqcE3\r\nawWcA9rwgnBDYlGgRY0lem0Ts6ZTnrX7who7EWKED6tJzgjOCtbo33pUDk3E\r\nBjqWm2VZy/BMQiEfmWNRkEcDSH4MSfPAMUC4IIcRLZrMdAsf55+kXmMoi+na\r\nVCHxMAmnQGR1bPZhdvOp9BhTU2AqCcAKFj/kzIkYAD5kJwgk9cezZxC4hqEz\r\n8Nr2hTeFkjnonLqp7fKA+VoYsQEf7kLSADrpWa1qnYRdDXqD8wXqBAdcAGhY\r\nmOQNBBnaMAZR42gUXSsZ9jX9eaLe6Z4psI5s0efwSyMvIN7t1jHpVc/5yEUn\r\n9J6cBlbcLlw3ia5+KEg2ErJioOwn/S6tb0HWoYMoqo36kvNSr677eyWZ36Qd\r\nWq8DQz8zNQuisl+cpWQaAXSVAIGungYexh54XVcIG0RKWkIhgYj7du1BigD0\r\npSbmZqO9NDeq3pxhla4Cwl56uRHDqhN0/yRm2K+dAlIYXhpBr4G/+ahlIiRZ\r\nlnDPzWqoNsB334Uu4l+9XcuaLfS1olIac6rpg8aNMeNSF8KLBxkf7+S+t0Pw\r\n6YrVYArigtM5Egc19bHHZIDYIo93dGrDJt8=\r\n=Y9CT\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","exports":{".":"./index.ts","./pack":"./lib/createIconPack.ts"},"_npmUser":{"name":"manuelmeister","email":"manuel@meister.io"},"repository":{"url":"git+https://github.com/manuelmeister/astro-iconify.git","type":"git","directory":"src"},"description":"Fork of astro-icon. Lets you easily use the up to date iconify service as a straight forward astro icon component.","directories":{},"dependencies":{"svgo":"^3.0.1","node-fetch":"^3.1.0","resolve-pkg":"^2.0.0","@iconify/tools":"latest"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/astro-iconify_1.2.0_1668257961618_0.05530429000330517","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"astro-iconify","version":"1.3.0","keywords":["astro","astro-component","image","images","icon","icons","iconify","optimization"],"author":{"url":"https://twitter.com/n_moore","name":"Nate Moore","email":"nate@natemoo.re"},"license":"MIT","_id":"astro-iconify@1.3.0","maintainers":[{"name":"manuelmeister","email":"manuel@meister.io"}],"contributors":[{"url":"https://meister.io/","name":"Manuel Meister","email":"news.manuelsworld@gmail.com"}],"homepage":"https://github.com/manuelmeister/astro-iconify#readme","bugs":{"url":"https://github.com/manuelmeister/astro-iconify/issues"},"dist":{"shasum":"0a28d243274f6f17b9e58ea22f08b170501672a0","tarball":"https://registry.npmjs.org/astro-iconify/-/astro-iconify-1.3.0.tgz","fileCount":13,"integrity":"sha512-tbuaMClFYKmirohKvzFRtRqubOUuiCYSiKTxii0ZhEuHemPQpRkc2YgUbctXe4impkYq/m/rzMTx3TKCmm9ryg==","signatures":[{"sig":"MEUCIE7u5TZa8UJXD3kMUQDLCRbBhk+7HAPwOCB2OPHjSNnRAiEAiXesoYTxyQNBasZFJdIuzyOJmIloW6d8+sFkETHfdPE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29644},"type":"module","exports":{".":"./index.ts","./pack":"./lib/createIconPack.ts"},"gitHead":"bb5f031ee9254768531920d05157de3c3f0d86ef","_npmUser":{"name":"manuelmeister","email":"manuel@meister.io"},"repository":{"url":"git+https://github.com/manuelmeister/astro-iconify.git","type":"git","directory":"src"},"_npmVersion":"10.9.2","description":"Fork of astro-icon. Lets you easily use the up to date iconify service as a straight forward astro icon component.","directories":{},"_nodeVersion":"22.13.1","dependencies":{"svgo":"^3.0.1","node-fetch":"^3.1.0","resolve-pkg":"^2.0.0","@iconify/tools":"latest"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/astro-iconify_1.3.0_1775844995059_0.4788494413711508","host":"s3://npm-registry-packages-npm-production"}},"1.3.1":{"name":"astro-iconify","description":"Fork of astro-icon. Lets you easily use the up to date iconify service as a straight forward astro icon component.","version":"1.3.1","type":"module","exports":{".":"./index.ts","./pack":"./lib/createIconPack.ts"},"author":{"name":"Nate Moore","email":"nate@natemoo.re","url":"https://twitter.com/n_moore"},"contributors":[{"name":"Manuel Meister","email":"news.manuelsworld@gmail.com","url":"https://meister.io/"}],"keywords":["astro","astro-component","image","images","icon","icons","iconify","optimization"],"repository":{"type":"git","url":"git+https://github.com/manuelmeister/astro-iconify.git","directory":"src"},"license":"MIT","bugs":{"url":"https://github.com/manuelmeister/astro-iconify/issues"},"homepage":"https://github.com/manuelmeister/astro-iconify#readme","dependencies":{"@iconify/tools":"latest","node-fetch":"^3.1.0","resolve-pkg":"^2.0.0","svgo":"^3.0.1"},"_id":"astro-iconify@1.3.1","dist":{"shasum":"14adc5c94f0bda5e23e21425ec6c96118c0a38f0","integrity":"sha512-UziHBMBvGV/5In+WgZj8YQtb6fh6BZ/kFlfubGadNBZ4dEKN/YMdy35XsRfH+i33ycK5sP/vtZyyvt0sUGlAUw==","tarball":"https://registry.npmjs.org/astro-iconify/-/astro-iconify-1.3.1.tgz","fileCount":16,"unpackedSize":37157,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDuybV0y5sVf8f/rZJngXzPZA/U0X2UEXf/q3hLFF3wRAiBvUFkZl7BvUNvbkI/hJnyjTnRk7W98DJqhXkJNKiWW2g=="}]},"_npmUser":{"name":"manuelmeister","email":"manuel@meister.io"},"directories":{},"maintainers":[{"name":"manuelmeister","email":"manuel@meister.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/astro-iconify_1.3.1_1775845489153_0.28025026111620566"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-06T15:40:15.382Z","modified":"2026-04-10T18:24:49.400Z","1.0.0":"2022-10-06T15:40:15.573Z","1.1.0":"2022-11-12T12:38:24.081Z","1.1.1":"2022-11-12T12:41:55.395Z","1.2.0":"2022-11-12T12:59:21.757Z","1.3.0":"2026-04-10T18:16:35.239Z","1.3.1":"2026-04-10T18:24:49.297Z"},"bugs":{"url":"https://github.com/manuelmeister/astro-iconify/issues"},"author":{"name":"Nate Moore","email":"nate@natemoo.re","url":"https://twitter.com/n_moore"},"license":"MIT","homepage":"https://github.com/manuelmeister/astro-iconify#readme","keywords":["astro","astro-component","image","images","icon","icons","iconify","optimization"],"repository":{"type":"git","url":"git+https://github.com/manuelmeister/astro-iconify.git","directory":"src"},"description":"Fork of astro-icon. Lets you easily use the up to date iconify service as a straight forward astro icon component.","contributors":[{"name":"Manuel Meister","email":"news.manuelsworld@gmail.com","url":"https://meister.io/"}],"maintainers":[{"name":"manuelmeister","email":"manuel@meister.io"}],"readme":"# Astro Iconify\n\nFork of [astro-icon](https://www.astroicon.dev/). Lets you easily use the up to date iconify service as a straight forward [astro](https://astro.build) icon component.\n\n## Install `astro-iconify`.\n\n```bash\nnpm i astro-iconify\n# or\nyarn add astro-iconify\n```\n\n## Icon Packs\n\n`astro-iconify` automatically includes all of the most common icon packs, powered by [Iconify](https://iconify.design/)!\n\nTo browse supported icons, check the official [Icon Sets reference](https://icon-sets.iconify.design/) or visit [Icônes](https://icones.js.org/).\n\n### Usage\n\n**Icon** will inline the SVG directly in your HTML.\n\n```astro\n---\nimport { Icon } from 'astro-iconify'\n---\n\n<!-- Automatically fetches and inlines Material Design Icon's \"account\" SVG -->\n<Icon pack=\"mdi\" name=\"account\" />\n\n<!-- Equivalent shorthand -->\n<Icon name=\"mdi:account\" />\n```\n\n**Sprite** will reference the SVG from a spritesheet via [`<use>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use).\n\n```astro\n---\nimport { Sprite } from 'astro-iconify'\n---\n\n<!-- Required ONCE per page as a parent of any <Sprite> components! Creates `<symbol>` for each icon -->\n<!-- Can also be included in your Layout component! -->\n<Sprite.Provider>\n  <!-- Automatically fetches and inlines Material Design Icon's \"account\" SVG -->\n  <Sprite pack=\"mdi\" name=\"account\" />\n\n  <!-- Equivalent shorthand -->\n  <Sprite name=\"mdi:account\" />\n\n</Sprite.Provider>\n```\n\nYou may also create [Local Icon Packs](#local-icon-packs).\n\n## Local Icons\n\nBy default, `astro-iconify` supports custom local `svg` icons. They are optimized with [`svgo`](https://github.com/svg/svgo) automatically with no extra build step. See [\"A Pretty Good SVG Icon System\"](https://css-tricks.com/pretty-good-svg-icon-system/#just-include-the-icons-inline) from CSS Tricks.\n\n### Usage\n\n1. Create a directory inside of `src/` named `icons/`.\n2. Add each desired icon as an individual `.svg` file to `src/icons/`\n3. Reference a specific icon file using the `name` prop.\n\n**Icon** will inline the SVG directly in your HTML.\n\n```astro\n---\nimport { Icon } from 'astro-iconify';\n---\n\n<!-- Loads the SVG in `/src/icons/filename.svg` -->\n<Icon name=\"filename\" />\n```\n\n**Sprite** will reference the SVG from a spritesheet via [`<use>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use).\n\n```astro\n---\nimport { Sprite } from 'astro-iconify';\n---\n\n<!-- Required ONCE per page as a parent of any <Sprite> components! Creates `<symbol>` for each icon -->\n<!-- Can also be included in your Layout component! -->\n<Sprite.Provider>\n  <!-- Uses the sprite from `/src/icons/filename.svg` -->\n  <Sprite name=\"filename\" />\n</Sprite.Provider>\n```\n\n## Local Icon Packs\n\n`astro-iconify` supports custom local icon packs. These are also referenced with the `pack` and/or `name` props.\n\n1. Create a directory inside of `src/` named `icons/`.\n2. Create a JS/TS file with your `pack` name inside of that directory, eg `src/icons/my-pack.ts`\n3. Use the `createIconPack` utility to handle most common situations.\n\n```ts\nimport { createIconPack } from \"astro-iconify\";\n\n// Resolves `heroicons` dependency and reads SVG files from the `heroicons/outline` directory\nexport default createIconPack({ package: \"heroicons\", dir: \"outline\" });\n\n// Resolves `name` from a remote server, like GitHub!\nexport default createIconPack({\n  url: \"https://raw.githubusercontent.com/radix-ui/icons/master/packages/radix-icons/icons/\",\n});\n```\n\nIf you have custom constraints, you can always create the resolver yourself. Export a `default` function that resolves the `name` argument to an SVG string.\n\n```ts\nimport { loadMyPackSvg } from \"my-pack\";\nexport default async (name: string): Promise<string> => {\n  const svgString = await loadMyPackSvg(name);\n  return svgString;\n};\n```\n\n## Styling\n\nStyling your `astro-iconify` is straightforward. Any styles can be targeted to the `[astro-icon]` attribute selector. If you want to target a specific icon, you may target it by name using `[astro-icon=\"filename\"]`.\n\n```astro\n---\nimport { Icon } from 'astro-icon';\n---\n\n<style lang=\"css\">\n    [astro-icon] {\n        color: blue;\n        /* OR */\n        fill: blue;\n    }\n    [astro-icon=\"annotation\"] {\n        color: red;\n        /* OR */\n        fill: red;\n    }\n</style>\n\n<Icon name=\"adjustment\" /> <!-- will be blue -->\n<Icon name=\"annotation\" /> <!-- will be red -->\n```\n\n## Props\n\n`<Icon>` and `<Sprite>` share the same interface.\n\nThe `name` prop references a specific icon. It is required.\n\nThe `optimize` prop is a boolean. Defaults to `true`. In the future it will control `svgo` options.\n\nBoth components also accepts any global HTML attributes and `aria` attributes. They will be forwarded to the rendered `<svg>` element.\n\nSee the [`Props.ts`](./packages/core/lib/Props.ts) file for more details.\n","readmeFilename":"README.md"}