{"_id":"@audi/audi-icon","_rev":"8-abccb460f71f271b8d59eb0cb9b80161","name":"@audi/audi-icon","description":"Audi Icons as SVG, PNG, Icon Font and EPS.","dist-tags":{"latest":"3.4.0"},"versions":{"1.0.0-alpha.1":{"name":"@audi/audi-icon","version":"1.0.0-alpha.1","description":"Audi Icons as SVG, PNG, Icon Font and EPS.","author":{"name":"Audi"},"private":false,"homepage":"https://github.com/audi/audi-icon","repository":{"type":"git","url":"git://github.com/audi/audi-icon.git"},"devDependencies":{},"scripts":{"demo":"browser-sync start --server . --startPath ./demo/index.html"},"engines":{"node":"^6.0.0"},"bugs":{"url":"https://github.com/audi/audi-icon/issues"},"main":"index.js","license":"Apache-2.0","gitHead":"1a416eee33a19bb9a7322e4d8ddc6429e6f80824","_id":"@audi/audi-icon@1.0.0-alpha.1","_shasum":"fbc222bb939bc8159e55e791bee4490cd20f0774","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"thomasmichelbach","email":"thomas@nomoresleep.net"},"dist":{"shasum":"fbc222bb939bc8159e55e791bee4490cd20f0774","tarball":"https://registry.npmjs.org/@audi/audi-icon/-/audi-icon-1.0.0-alpha.1.tgz","integrity":"sha512-0U/MWpTSUwSk+Max3EH38fTevhXEJBPOgeYU9V9Fm1vMnaO1rN+aP7On1+K8qfpA1c4k/trsR1etrwgXHyLvcg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCql+/8+LpApF91CuCzR9I57pM5WwkP1AQCMAqnZiM6tAIgZYAHq/GhUCyR4jbCpSJkAtq/E9jK1g7ICWxRRjCnJSg="}]},"maintainers":[{"name":"thomasmichelbach","email":"thomas@nomoresleep.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/audi-icon-1.0.0-alpha.1.tgz_1507192531257_0.8488183899316937"},"directories":{}},"3.4.0":{"name":"@audi/audi-icon","version":"3.4.0","description":"Audi Icons as SVG, PNG, Icon Font and EPS.","author":{"name":"Audi"},"private":false,"homepage":"https://github.com/audi/audi-icon","repository":{"type":"git","url":"git://github.com/audi/audi-icon.git"},"devDependencies":{},"scripts":{"demo":"browser-sync start --server . --startPath ./demo/index.html"},"engines":{"node":"^6.0.0"},"bugs":{"url":"https://github.com/audi/audi-icon/issues"},"main":"index.js","license":"Apache-2.0","gitHead":"653797729d0363d2ac9465336aedf5fde6a32d78","_id":"@audi/audi-icon@3.4.0","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"thomasmichelbach","email":"thomas@nomoresleep.net"},"dist":{"integrity":"sha512-jumjExnwivjwlp8ObD/qB/Mq8tLnw4ruqq7Qgg3eIn3v2qsqALsMbsvr1SqmfPF1saQPAidZZ0z9WiAYYF82/g==","shasum":"7c29d7cd617e96afcffdbbaaf0b7b469778221f9","tarball":"https://registry.npmjs.org/@audi/audi-icon/-/audi-icon-3.4.0.tgz","fileCount":2232,"unpackedSize":35813516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNfHqCRA9TVsSAnZWagAArHYP/1ektjQhnOqyCr2/pvnR\nh/eAYQQueF5zuff1mArZdApihRGE3Vx/9+js/vID0Y4q77f50I2svmXSH0sk\nttZDWfSArBqkfCMC//Xs3uNRy8bc/2YXnmom1S6UHK1wqLnMlZeU2ZNR7JQ7\nZ7ihdsKKm0Nv9AcdA8U+WWfbc7DVW5j2X4ZMcWyzMUTFNawmuhOh4iYyAIF8\nIKWP/bRun5O+6HnytW6MyfPOnrKIac16dlOVzUzuKRvxIxCtu8/DQWYGiaTL\nMKZ4isWcC3B3L1uZNHd0u+8Y0b1TlbIfiW0r6xUKrF32rzGfn8fm6AOuORtS\nS0my75Bz9EqLWmCDGHDzTuh/x8ASKTYko4c5UbrMwsoc+cD6sfGXhHxX3o4H\nuVkC9hmX5MzWcd7YTHFNEpbVR97DvQmhVQN0dl4ktSUEu7necRaXifOFdyuN\nI+01WCVrXcJhxkA/dZxbg343ifDKEidlxcuTtyx0DcVNRvj8aPukXEz2MdsQ\nDJLPfTp3GNIvwPPo54ocuP2zySKPQc3HNwerOSd1hdkq/1PwknhF5tbLuJS2\nTrsY0E3hkNcphz+XGn6wm8gCS0KXpYiTUOlBKdmhPrYknZUl4UXw6EQQzIHB\nNLBXXmLKIzuYxsOdsdmhYX39IkPNk7xZG/KdVCLx7CdbHVfL00b/1AF8CtDF\nXon4\r\n=VEtO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbfGmkaBYYcEX7It/z6K0e5UfB0wXv3/uIHSofcGokYAIgXP/zEEGvHlSbM6Rx5+gBt7Jlqojs0sdzW9XQMNtIXdI="}]},"maintainers":[{"email":"r.bruskowski@sp.design","name":"rbruskowski"},{"email":"t.michelbach@strichpunkt-design.de","name":"strichpunkt"},{"email":"thomas@nomoresleep.net","name":"thomasmichelbach"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/audi-icon_3.4.0_1530261993801_0.353632247170389"},"_hasShrinkwrap":false}},"readme":"# Audi Icon\n\n## General Usage\n\nAll Audi Icons come in two sizes\n- small: 24px\n- large: 48px\n\n## SVG\n\n### Add the Audi Icon CSS\nTo style the Audi Icon SVGs, add the Audi Icon CSS to your website.\n\nThe CSS is located in the `dist/css` folder.\n\n``` html\n<link href=\"audi-icon.min.css\" rel=\"stylesheet\">\n```\n\n### Using Audi Icon SVGs\nWe like SVGs and we think they're the way to display icons on the web. Since Audi Icons are just basic SVGs, we suggest you display them like you would any other image (don't forget the alt attribute).\n\nAll SVGs are located in the `dist/svg/static` folder.\n\n``` html\n<img class=\"audiicon\" src=\"icon-name-small.svg\" alt=\"icon name\">\n\n<!-- or large -->\n<img class=\"audiicon audiicon--large\" src=\"icon-name-large.svg\" alt=\"icon name\">\n```\n\n### Using Audi Icon SVG Sprite\n\nAudi Icons also come in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.\n\nAdding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake.\n\nThe SVG Sprite is located in the `dist/svg/sprite` folder.\n\n``` html\n<svg class=\"audiicon\">\n  <use xlink:href=\"sprite.svg#audiicon-icon-name-small\"></use>\n</svg>\n\n<!-- or large -->\n<svg class=\"audiicon audiicon--large\">\n  <use xlink:href=\"sprite.svg#audiicon-icon-name-large\"></use>\n</svg>\n\n<!-- or both to switch between the two sizes -->\n<style media=\"screen\">\n  @media (min-width: 1024px) {\n    .audiicon {\n      width: 48px;\n      height: 48px;\n    }\n    .audiicon-small {\n      visibility: hidden;\n    }\n    .audiicon-large {\n      visibility: visible;\n    }\n  }\n</style>\n<svg class=\"audiicon\">\n  <use xlink:href=\"sprite.svg#audiicon-icon-name-small\" class=\"audiicon-small\"></use>\n  <use xlink:href=\"sprite.svg#audiicon-icon-name-large\" class=\"audiicon-large\"></use>\n</svg>\n```\n\nColoring icons is really easy. Because all fills and strokes use `currentColor`, all you need to do is set the color rule on the `<svg>` tag.\n\n``` css\n.audiicon {\n  color: white;\n}\n```\n\nTo learn more about SVG Sprites, read [Chris Coyier's guide](http://css-tricks.com/svg-sprites-use-better-icon-fonts/).\n\n## PNG\nYou can find our default stylesheets in `dist/css` and the PNGs in `dist/png`.\n\n``` html\n<link href=\"audi-icon.min.css\" rel=\"stylesheet\">\n```\n\n``` html\n<img class=\"audiicon\" src=\"icon-name-small.png\" alt=\"icon name\">\n\n<!-- or large -->\n<img class=\"audiicon audiicon--large\" src=\"icon-name-large.png\" alt=\"icon name\">\n\n<!-- or double sized for high resolution displays -->\n<img class=\"audiicon\" src=\"icon-name-small.png\" srcset=\"icon-name-small.png 1x, icon-name-small-2x.png 2x\" alt=\"icon name\">\n<img class=\"audiicon audiicon--large\" src=\"icon-name-large.png\" srcset=\"icon-name-large.png 1x, icon-name-large-2x.png 2x\" alt=\"icon name\">\n```\n\n## Icon font\nYou can find our default stylesheets in `dist/css` and the fonts in `dist/font`.\n\n``` html\n<link href=\"audi-glyph.min.css\" rel=\"stylesheet\">\n```\n\n``` html\n<span class=\"audiglyph audiglyph-icon-name\" title=\"icon name\" aria-hidden=\"true\"></span>\n\n<!-- or large -->\n<span class=\"audiglyph audiglyph-icon-name audiglyph--large\" title=\"icon name\" aria-hidden=\"true\"></span>\n```\n\n## Demo page\n\nYou can use [Browsersync](https://www.browsersync.io/) and the following one-liner to get a demo page with all Audi Icons in action.\n\n```\nnpm install -g browser-sync\nnpm run demo\n```\n","maintainers":[{"email":"andre.jaeger@audi.de","name":"ajaudi"},{"email":"r.bruskowski@sp.design","name":"rbruskowski"},{"email":"kai.ziefle@web.de","name":"kai.ziefle"},{"email":"t.michelbach@strichpunkt-design.de","name":"strichpunkt"},{"email":"thomas@nomoresleep.net","name":"thomasmichelbach"}],"time":{"modified":"2022-06-12T14:51:36.897Z","created":"2017-10-05T08:35:33.814Z","1.0.0-alpha.1":"2017-10-05T08:35:33.814Z","3.4.0":"2018-06-29T08:46:34.553Z"},"homepage":"https://github.com/audi/audi-icon","repository":{"type":"git","url":"git://github.com/audi/audi-icon.git"},"author":{"name":"Audi"},"bugs":{"url":"https://github.com/audi/audi-icon/issues"},"license":"Apache-2.0","readmeFilename":"README.md"}