{"id":18561331,"url":"https://github.com/apostrophecms/vue-material-design-icons","last_synced_at":"2025-05-15T16:34:15.237Z","repository":{"id":226571933,"uuid":"768756036","full_name":"apostrophecms/vue-material-design-icons","owner":"apostrophecms","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-03T10:35:03.000Z","size":10,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-08T10:54:57.322Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/apostrophecms.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-07T17:13:08.000Z","updated_at":"2024-03-08T09:09:54.000Z","dependencies_parsed_at":"2024-11-06T22:06:46.748Z","dependency_job_id":"e0dd631c-1abb-4629-ac37-d61bb80ea723","html_url":"https://github.com/apostrophecms/vue-material-design-icons","commit_stats":null,"previous_names":["apostrophecms/vue-material-design-icons"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apostrophecms%2Fvue-material-design-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apostrophecms%2Fvue-material-design-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apostrophecms%2Fvue-material-design-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apostrophecms%2Fvue-material-design-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/apostrophecms","download_url":"https://codeload.github.com/apostrophecms/vue-material-design-icons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254377636,"owners_count":22061190,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T22:06:32.154Z","updated_at":"2025-05-15T16:34:15.218Z","avatar_url":"https://github.com/apostrophecms.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/apostrophecms/apostrophe/main/logo.svg\" alt=\"ApostropheCMS logo\" width=\"80\" height=\"80\"\u003e\n\n  \u003ch1\u003eVue Material Design Icons\u003c/h1\u003e\n  \u003cp\u003e\n    \u003ca aria-label=\"Apostrophe logo\" href=\"https://v3.docs.apostrophecms.org\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/MADE%20FOR%20ApostropheCMS-000000.svg?style=for-the-badge\u0026logo=Apostrophe\u0026labelColor=6516dd\"\u003e\n    \u003c/a\u003e\n    \u003ca aria-label=\"Join the community on Discord\" href=\"http://chat.apostrophecms.org\"\u003e\n      \u003cimg alt=\"\" src=\"https://img.shields.io/discord/517772094482677790?color=5865f2\u0026label=Join%20the%20Discord\u0026logo=discord\u0026logoColor=fff\u0026labelColor=000\u0026style=for-the-badge\u0026logoWidth=20\"\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\nA fork of [`vue-material-design-icons`](https://github.com/robcresswell/vue-material-design-icons) to maintain consistent icons naming for ApostropheCMS users.\n\n## Installation\n\nTo install the module, use the command line to run this command in an Apostrophe project's root directory:\n\n```sh\nnpm install @apostrophecms/vue-material-design-icons\n```\n\nSee how to register and use icons from this library in your [Apostrophe project here](https://v3.docs.apostrophecms.org/reference/module-api/module-overview.html#icons).\n\n They also can be used in you vue components directly:\n\n   ```javascript\n   import CheckIcon from '@apostrophecms/vue-material-design-icons/Check.vue';\n\n   components: {\n     CheckIcon;\n   }\n   ```\n\nThen use it in your template code!\n\n   ```html\n   \u003cCheckIcon /\u003e\n   ```\n\n**Optional** Add the included stylesheet. This few lines of CSS will cause\nthe icons to scale with any surrounding text, which can be helpful when you\nprimarily style with CSS. Note that if you intend to handle sizing with the\n`size` prop, you probably don't want to use this as it may conflict.\n\n```javascript\nimport '@apostrophecms/vue-material-design-icons/styles.css';\n```\n\n## Props\n\n- `title` - This changes the hover tooltip as well as the title shown to screen\n  readers. For accessibility purposes, if a `title` is not provided, then the\n  icon is hidden from screen readers. This is to force developers to use\n  meaningful titles for their icon usage.\n\n  Example:\n\n  ```html\n  \u003cCheckIcon title=\"this is an icon!\" /\u003e\n  ```\n\n- `fillColor` - This property allows you to set the fill colour of an icon via\n  JS instead of requiring CSS changes. Note that any CSS values, such as\n  `fill: currentColor;` provided by the optional CSS file, may override colours\n  set with this prop.\n\n  Example:\n\n  ```html\n  \u003cCheckIcon fillColor=\"#FF0000\" /\u003e\n  ```\n\n- `size` - This property overrides the `width` and `height` attributes on the\n  SVG. The default is `24`.\n\n  Example:\n\n  ```html\n  \u003cCheckIcon :size=\"48\" /\u003e\n  ```\n\n## Credits\n\n[Rob Cresswell  / robcresswell](https://github.com/robcresswell \"robcresswell GitHub profile\") for\nthe [Vue Material Design Icons](https://github.com/robcresswell/vue-material-design-icons 'Vue Material Design Icons Github page')\nproject. This library has been forked on. \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapostrophecms%2Fvue-material-design-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapostrophecms%2Fvue-material-design-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapostrophecms%2Fvue-material-design-icons/lists"}