{"id":13937975,"url":"https://github.com/TerryMooreII/vue-zondicons","last_synced_at":"2025-07-20T00:31:34.749Z","repository":{"id":140328953,"uuid":"156627876","full_name":"TerryMooreII/vue-zondicons","owner":"TerryMooreII","description":"Vue.js component for accessing Zondicon svg icons","archived":false,"fork":false,"pushed_at":"2018-12-07T02:15:38.000Z","size":217,"stargazers_count":19,"open_issues_count":3,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-07T12:05:53.583Z","etag":null,"topics":["svg","svg-icons","tailwinds","vue","vuejs","zondicons"],"latest_commit_sha":null,"homepage":null,"language":"Vue","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/TerryMooreII.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}},"created_at":"2018-11-08T00:42:51.000Z","updated_at":"2023-06-26T09:42:41.000Z","dependencies_parsed_at":"2024-01-02T23:29:13.844Z","dependency_job_id":"be568014-f298-4865-bf67-9d88ad3633e0","html_url":"https://github.com/TerryMooreII/vue-zondicons","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TerryMooreII/vue-zondicons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fvue-zondicons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fvue-zondicons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fvue-zondicons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fvue-zondicons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TerryMooreII","download_url":"https://codeload.github.com/TerryMooreII/vue-zondicons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fvue-zondicons/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266048507,"owners_count":23868738,"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":["svg","svg-icons","tailwinds","vue","vuejs","zondicons"],"created_at":"2024-08-07T23:04:08.640Z","updated_at":"2025-07-20T00:31:29.730Z","avatar_url":"https://github.com/TerryMooreII.png","language":"Vue","funding_links":[],"categories":["Vue","Components \u0026 Libraries","UI Components","UI Components [🔝](#readme)"],"sub_categories":["UI Components","Icons"],"readme":"# vue-zondicons\n## Easily add Zondicon icons to your vue web project\n\n**Installation**\n```\nnpm install --save vue-zondicons\n```\n\n**To Use**\n\nIn your `main.js` Vue file add the following\n\n```\nimport Zondicon from 'vue-zondicons';\n\nVue.component('Zondicon', Zondicon);\n```\n\nBrowse Zondicons on the [Zondicon website](http://www.zondicons.com/icons.html) then add the name of the icon to the `icon` attribute\n\n```javascript\n  \u003cZondicon icon=\"arrow-left\" /\u003e\n```\n\nYou can also pass css classes to the Zondicon `svg` element\n\nNote: `fill-content` and `text-red` are from the Tailwinds CSS library and `vue-zondicons` doesnt come with any css.\n```javascript\n\n  \u003cZondicon icon=\"arrow-left\" class=\"fill-current text-red\"/\u003e\n```\n\n**Note**\n\nThe icon `filter` has been changed to `filter-icon` since `filter` is a registered keyword in Vuejs and will throw errors.\n\n\n## Project setup\n```bash\nnpm install\n```\n\n## Development setup\n\nclone this repo \n```bash\nnpm install # Install dependancies\n\n./scripts/make-icons.sh # download zondicons from zondicon repo and generate vue components\n\nnpm build # Build package for npm\n\nnpm publish \n\n```\n\n## Pull Request\n\nPull Requests are always welcome :)\n\nLicense: MIT\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTerryMooreII%2Fvue-zondicons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTerryMooreII%2Fvue-zondicons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTerryMooreII%2Fvue-zondicons/lists"}