[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9037":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},9037,"vue-unicons","antonreshetov\u002Fvue-unicons","antonreshetov","1000+ Pixel-perfect svg icons for your next project as Vue components","https:\u002F\u002Fantonreshetov.github.io\u002Fvue-unicons\u002F",null,"Vue",1009,56,14,17,0,1,53.37,"MIT License",false,"master",true,[24,25,26,27,28,29,30,31],"icon-pack","icons","iconset","svg","svg-icons","vue","vue-components","vue-icons","2026-06-12 04:00:42","\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvue-unicons.svg\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fantonreshetov\u002Fvue-unicons.svg\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdw\u002Fvue-unicons.svg\">\n  \u003Cimg src=\"https:\u002F\u002Ftravis-ci.com\u002Fantonreshetov\u002Fvue-unicons.svg?branch=master\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fantonreshetov\u002Fvue-unicons.svg\">\n\u003C\u002Fp>\n\n\u003Cimg src=\".\u002Fsrc\u002Fassets\u002Fhero.png\" alt=\"logo of vue-unicons repository\">\n\n1000+ Pixel-perfect svg [unicons](https:\u002F\u002Fgithub.com\u002Ficonscout\u002Funicons) for your next project as Vue components\n\n## Supporting\n\nVue Unicons is open source project and completely free to use.\n\nIf you like the project, you can donate to support the development via the following methods:\n\n\n\u003Cdiv align=\"center\">\n\n[![Donate via Patreon](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdonate-patreon-orange.svg?style=popout&logo=patreon)](https:\u002F\u002Fwww.patreon.com\u002Fantonreshetov)\n[![Donate via PayPal](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdonate-paypal-blue.svg?style=popout&logo=paypal)](https:\u002F\u002Fpaypal.me\u002Fantonreshetov)\n[![Donate via Bitcoin](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdonate-bitcoin-ff9900.svg?style=popout&logo=bitcoin&logoColor=CCC)](https:\u002F\u002Fblockchain.com\u002Fbtc\u002Fpayment_request?address=1GnNU7UGrXyKx5Zd3uDfhCLL716AYBJwAJ&amount=0.00010450&message=Contribution%20to%20massCode)\n\n\u003C\u002Fdiv>\n\n## Demo\n\n[https:\u002F\u002Fantonreshetov.github.io\u002Fvue-unicons](https:\u002F\u002Fantonreshetov.github.io\u002Fvue-unicons\u002F)\n\n## Developed with love for developers\n\nA simple way to add the necessary icons and install them.\n\n\u003Cimg src=\".\u002Fsrc\u002Fassets\u002Fdemo.gif\" alt=\"demo\">\n\n## Install\n\n### NPM\n\nInstalling with npm is recommended and it works seamlessly with webpack.\n\n```js\nnpm i vue-unicons\n```\n\n### Download\n\nYou can download latest version from the Github: [Download](https:\u002F\u002Fgithub.com\u002Fantonreshetov\u002Fvue-unicons)\n\n## Quick start\n\n### Global\n\nTo use in your project:\n\n1. Import vue-unicons\n2. Grab the icons you want and add then into Unicon library\n3. Install Unicon into Vue\n\n`main.js`\n\n**Vue 3**\n\n```js\nimport { createApp } from 'vue'\nimport App from '.\u002FApp.vue'\nimport Unicon from 'vue-unicons'\nimport { uniLayerGroupMonochrome, uniCarWash } from 'vue-unicons\u002Fdist\u002Ficons'\n\nUnicon.add([uniLayerGroupMonochrome, uniCarWash])\n\ncreateApp(App).use(Unicon).mount('#app')\n```\n\n**Vue 2**\n\n```js\nimport Vue from 'vue'\nimport App from '.\u002FApp.vue'\nimport Unicon from 'vue-unicons\u002Fdist\u002Fvue-unicons-vue2.umd'\nimport { uniLayerGroupMonochrome, uniCarWash } from 'vue-unicons\u002Fdist\u002Ficons'\n\nUnicon.add([uniLayerGroupMonochrome, uniCarWash])\nVue.use(Unicon)\n\nnew Vue({\n  render: h => h(App)\n}).$mount('#app')\n```\n\n`App.vue`\n\n> Use the name of icon without the uni prefix, icon style and in the kebab-case: \u003Cbr>\n> `uniCarWash` -> `car-wash`\u003Cbr>\n> `uniLayerGroupMonochrome` -> `layer-group`\n\n```html\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cunicon name=\"car-wash\" fill=\"limegreen\">\u003C\u002Funicon>\n    \u003Cunicon name=\"layer-group\" fill=\"royalblue\" icon-style=\"monochrome\">\u003C\u002Funicon>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n\n### Config\n\nYou can configure the icons globally. Simply specify the required parameters during installation.\n\n```js\n...\ncreateApp(App)\n  .use(Unicon, {\n    fill: 'deeppink',\n    height: 32,\n    width: 32\n  })\n  .mount('#app')\n```\n\n## Add custom icons\n\nNo icons you need? No problem, you can add custom svg icons.\n\n`custom-icons.js`\n\n```js\n\u002F\u002F Always use a prefix to avoid coincidence with existing icons.\nexport const myCustomIcon = {\n  name: 'my-custom-icon',\n  style: 'line',\n  path: '\u003Cpath d=\"M16.327 10.775a.312.312 0 0...\u003C\u002Fpath>' \u002F\u002F Copy everything inside the svg tag of the icon you want and past there\n}\n```\n\n>For correct positioning of svg icon please make sure that the icon to be added has `viewBox=\"0 0 X X\"`\n\n`main.js`\n\n```js\nimport { createApp } from 'vue'\nimport App from '.\u002FApp.vue'\nimport Unicon from 'vue-unicons'\nimport { uniLayerGroupMonochrome, uniCarWash } from 'vue-unicons\u002Fdist\u002Ficons'\nimport { myCustomIcon } from '.\u002Fcustom-icons'\n\nUnicon.add([uniLayerGroupMonochrome, uniCarWash, myCustomIcon])\n\ncreateApp(App).use(Unicon).mount('#app')\n```\n\n`App.vue`\n\n```html\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cunicon name=\"constructor\" fill=\"royalblue\">\u003C\u002Funicon>\n    \u003Cunicon name=\"car-wash\" fill=\"limegreen\">\u003C\u002Funicon>\n    \u003Cunicon name=\"my-custom-icon\" fill=\"royalblue\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n\n[See example](https:\u002F\u002Fcodesandbox.io\u002Fs\u002Fvue-template-t8y1l)\n\n## Nuxt\n\nInstallation in Nuxt is almost the same, except that you need to create a separate file in the `plugins` folder:\n\n`plugins\u002Fvue-unicons.js`\n\n```js\nimport Vue from 'vue'\nimport Unicon from 'vue-unicons\u002Fdist\u002Fvue-unicons-vue2.umd'\nimport { uniLayerGroupMonochrome, uniCarWash } from 'vue-unicons\u002Fdist\u002Ficons'\n\nUnicon.add([uniLayerGroupMonochrome, uniCarWash])\nVue.use(Unicon)\n```\n\nThen we add the file path inside the plugins key in `nuxt.config.js`, and set `mode: 'client'` to make vue-unicons work only in a browser.\n\n```js\n  ...\n  plugins: [\n    { src: '~\u002Fplugins\u002Fvue-unicons', mode: 'client' }\n  ]\n  ...\n```\n\n```html\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cclient-only>\n      \u003Cunicon name=\"car-wash\" fill=\"limegreen\">\u003C\u002Funicon>\n      \u003Cunicon name=\"layer-group\" fill=\"royalblue\" icon-style=\"monochrome\">\u003C\u002Funicon>\n    \u003C\u002Fclient-only>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n\n## Props\n\n|     Name     |    Description     |   Type   |  Accepted values  | Default value |\n| ------------ | ------------------ | -------- | ----------------- | ------------- |\n| `name`       | Icon name          | `string` | -                 | -             |\n| `width`      | Width of icon      | `string` | -                 | -             |\n| `height`     | Height of icon     | `string` | -                 | -             |\n| `fill`       | Fill color of icon | `string` | HEX or color name | -             |\n| `hover-fill` | Fill color on hover| `string` | HEX or color name | -             |\n| `icon-style` | Icon style         | `string` | line \u002F monochrome | line          |\n\n## Events\n\n|  Name   |           Description           | Payload |\n| ------- | ------------------------------- | ------- |\n| `click` | Triggered when icon was clicked | -       |\n\n## License\n\nVue Unicons licensed under MIT.\n\n[Unicons](https:\u002F\u002Fgithub.com\u002Ficonscout\u002Funicons) licensed under Apache 2.0\n","vue-unicons 是一个提供超过 1000 个像素完美 SVG 图标的 Vue 组件库。其核心功能包括以 Vue 组件形式提供高质量的图标，支持自定义颜色和样式，并且易于集成到 Vue 项目中。该项目基于 Unicons 图标集，所有图标均为矢量图形，确保在不同分辨率下都能保持清晰度。适用于需要丰富图标资源的各种 Web 应用场景，如仪表盘、用户界面设计等。使用 npm 安装后，只需简单的几步即可在项目中引入所需图标。MIT 许可证下的开源项目，完全免费使用。",2,"2026-06-11 03:20:53","top_language"]