{"_id":"@ddelagneau/material-icons","_rev":"1-cbb1eba30659c1ef13f474941caf5638","name":"@ddelagneau/material-icons","dist-tags":{"latest":"0.3.1"},"versions":{"0.3.1":{"name":"@ddelagneau/material-icons","version":"0.3.1","description":"Material design icon font and CSS framework for self hosting the icons.","browser":"iconfont/material-icons.css","scripts":{"build":"npm run build:init && npm run build:iconfont && npm run build:css && npm run build:css:min","build:init":"node scripts/codepoints.js","build:iconfont":"node-sass --output-style=expanded iconfont/material-icons.scss iconfont/material-icons.css","build:css":"node-sass --output-style=expanded css/material-icons.scss css/material-icons.css","build:css:min":"node-sass --output-style=compressed css/material-icons.scss css/material-icons.min.css"},"devDependencies":{"node-sass":"^4.11.0"},"license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/ddelagneau/material-icons.git"},"bugs":{"url":"https://github.com/ddelagneau/material-icons/issues"},"homepage":"https://marella.github.io/material-icons/","keywords":["material-icons","material-design-icons","material-design","iconfont","icons","font","css","sass"],"gitHead":"7620536ba83ad8da4133732516cf61db08ab6a26","_id":"@ddelagneau/material-icons@0.3.1","_nodeVersion":"14.3.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-aOF0LmlBc6YIXcaZ89lYaffy+99Wt5SGMvCjWYFEl78+p6QcHMj1PxmVoi54j2wM7suaiRn1MGMMMX86V8Xm8Q==","shasum":"6c4784e79e7ea29bd07886a20d02b2fc0b4c7477","tarball":"https://registry.npmjs.org/@ddelagneau/material-icons/-/material-icons-0.3.1.tgz","fileCount":23,"unpackedSize":868107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJDsYCRA9TVsSAnZWagAA/rgQAIv+CYz27nPkN8sAl48w\nGpnQnf0eKS4KU7vvTj2nqsfjdf6+tib4BXkgfDLisshLjGDQVtGzGVj8CiQG\nT8doq6dZsszw3EQsN7x7S0T/FP6/iQsIM1VheQ00NLtnQQlURJ2CnhMsbxhu\nwIrYN7Mcd6aQjduozg4BZJ4RyK5pwGrJtb0lbDalv0l8bzM+OfW5jsFajKpd\nQ7rd+RjCcYztPoVdjP1Jsbl1TANlBxhsmNjUprlIGfmVq30dRp2bn3JIzHer\nnrKot9wMQFNToV5/XwUH5yn2KwitE87mn2QFnODbLE4WqTWM8X/jBItD8Gik\nBC/4NEmYDzGOALdWX084VgcfK5Y214SZxfh6uXCtqT0D+SoJ/MSb/nEVFEwp\nTGn1eoo0/q4w5VnA0WaWDIoMBddoRvbN9BynTCGRRFs947yigxoYlNBP2Tk7\nR7Er+1jq7DTt9My65wRMHRWXzSoAt4rCgF0mIw7UfD/SOG3wNXYeyDOBmWiE\nYOSp+CzRiNkuTbbD3qZaQp5XmtHTMGoAgBxaxVvC7R6t19PxuQFJ8Y7LPfpL\nz7GMKCIbChGQScYZBQIMYfNgL8nOSZW4d28ETrjM0AgTwQSNtE9rHnASqgIy\nWNNC2rGTqt8F8tuFVRlxEZnOsKkS244D9W1kaIvKcsE8m2bgFv5xiS/ULhcA\nLv/T\r\n=78Hc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIECCNlNHrVLLgm6kZz0dNICnsnUcXsSUfbd4jWrn6bb1AiB1lYD2ZIgDinZR3hKDn0kk5Qq5hnnc90nc3PVS4udiow=="}]},"maintainers":[{"name":"ddelagneau","email":"daviddelagneau@yahoo.es"}],"_npmUser":{"name":"ddelagneau","email":"daviddelagneau@yahoo.es"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-icons_0.3.1_1596209943760_0.5299622215639543"},"_hasShrinkwrap":false}},"time":{"created":"2020-07-31T15:39:03.714Z","0.3.1":"2020-07-31T15:39:03.934Z","modified":"2022-04-05T03:24:46.693Z"},"maintainers":[{"name":"ddelagneau","email":"daviddelagneau@yahoo.es"}],"description":"Material design icon font and CSS framework for self hosting the icons.","homepage":"https://marella.github.io/material-icons/","keywords":["material-icons","material-design-icons","material-design","iconfont","icons","font","css","sass"],"repository":{"type":"git","url":"git+https://github.com/ddelagneau/material-icons.git"},"bugs":{"url":"https://github.com/ddelagneau/material-icons/issues"},"license":"Apache-2.0","readme":"# Material Icons\r\n\r\nMaterial design icon font and CSS framework for self hosting the icons.\r\n\r\n> **Note:** This package contains only the icon font and required CSS. So it is considerably small compared to the official `material-design-icons` package and easy to install.\r\n\r\n## Installation\r\n\r\nDownload the [latest release] or install using npm:\r\n\r\n```\r\nnpm install material-icons\r\n```\r\n\r\n## Usage\r\n\r\nFont files are present in the [`iconfont`][iconfont] directory and can be imported using CSS.\r\n\r\nImport CSS:\r\n\r\n```html\r\n<link rel=\"stylesheet\" href=\"/path/to/material-icons/iconfont/material-icons.css\">\r\n```\r\n\r\nTo display an icon, use:\r\n\r\n```html\r\n<span class=\"material-icons\">face</span>\r\n```\r\n\r\nTo customize the build, import Sass instead of CSS:\r\n\r\n```scss\r\n@import 'material-icons/iconfont/material-icons.scss';\r\n```\r\n\r\nIf you are using webpack sass-loader, use:\r\n\r\n```scss\r\n$material-icons-font-path: '~material-icons/iconfont/';\r\n\r\n@import '~material-icons/iconfont/material-icons.scss';\r\n```\r\n\r\nAvailable Sass variables:\r\n\r\n```scss\r\n$material-icons-codepoints: () !default; /* Sass map of icon names and codepoints */\r\n$material-icons-font-path: '' !default;\r\n$material-icons-font-name: 'MaterialIcons-Regular' !default;\r\n$material-icons-font-size: 24px !default;\r\n$material-icons-font-family: 'Material Icons' !default;\r\n```\r\n\r\nAvailable Sass mixins:\r\n\r\n```scss\r\n.material-icons {\r\n  @include material-icons();\r\n}\r\n```\r\n\r\n## CSS Classes (Optional)\r\n\r\nAlternatively, you may use CSS classes to display an icon.\r\n\r\n> **Note:** This method is not recommended as it requires a large CSS file to be imported in addition to above files. Also it might not work with some icons as Google hasn't updated codepoints for new icons.\r\n\r\nImport CSS:\r\n\r\n```html\r\n<link rel=\"stylesheet\" href=\"/path/to/material-icons/css/material-icons.min.css\">\r\n```\r\n\r\nTo display an icon, use:\r\n\r\n```html\r\n<span class=\"mi mi-face\"></span>\r\n```\r\n\r\nTo customize the build, import Sass instead of CSS:\r\n\r\n```scss\r\n@import 'material-icons/css/material-icons.scss';\r\n```\r\n\r\nIf you are using webpack sass-loader, use:\r\n\r\n```scss\r\n@import '~material-icons/css/material-icons.scss';\r\n```\r\n\r\nAvailable Sass variables:\r\n\r\n```scss\r\n$material-icons-css-prefix: 'mi' !default;\r\n$material-icons-css-search: '_' !default;\r\n$material-icons-css-replace: '-' !default; /* To replace '_' with '-' in CSS class names */\r\n```\r\n\r\nAvailable Sass mixins:\r\n\r\n```scss\r\n.mi-face {\r\n  @include material-icon('face');\r\n}\r\n```\r\n\r\n## Available Icons\r\n\r\nSee <a href=\"https://material.io/icons/\" target=\"_blank\" rel=\"nofollow\">material design icons</a>.\r\n\r\n[latest release]: https://github.com/marella/material-icons/releases\r\n[iconfont]: https://github.com/marella/material-icons/tree/master/iconfont\r\n","readmeFilename":"README.md"}