{"id":15208950,"url":"https://github.com/reatlat/eleventy-plugin-feathericons","last_synced_at":"2025-10-29T12:31:42.637Z","repository":{"id":57686067,"uuid":"494870476","full_name":"reatlat/eleventy-plugin-feathericons","owner":"reatlat","description":"An Eleventy shortcode, allows feather-icons to be embedded as inline svg into templates.","archived":false,"fork":false,"pushed_at":"2024-10-02T10:06:52.000Z","size":421,"stargazers_count":3,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-27T08:33:27.407Z","etag":null,"topics":["11ty","11ty-plugin","eleventy","eleventy-plugin","feather","feather-icons","npm-package"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/eleventy-plugin-feathericons","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reatlat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":"reatlat","custom":"https://www.paypal.me/reatlat"}},"created_at":"2022-05-21T18:57:42.000Z","updated_at":"2024-07-25T16:45:47.000Z","dependencies_parsed_at":"2024-05-23T00:29:12.632Z","dependency_job_id":"680e9849-c3b2-4eaf-b06b-d1eef6113d82","html_url":"https://github.com/reatlat/eleventy-plugin-feathericons","commit_stats":{"total_commits":14,"total_committers":3,"mean_commits":4.666666666666667,"dds":0.5,"last_synced_commit":"7fa8964ea9125ebd548063990584b1c65e4963ee"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-feathericons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-feathericons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-feathericons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-feathericons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reatlat","download_url":"https://codeload.github.com/reatlat/eleventy-plugin-feathericons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236742368,"owners_count":19197502,"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":["11ty","11ty-plugin","eleventy","eleventy-plugin","feather","feather-icons","npm-package"],"created_at":"2024-09-28T07:05:03.737Z","updated_at":"2025-10-29T12:31:42.258Z","avatar_url":"https://github.com/reatlat.png","language":"JavaScript","funding_links":["https://github.com/sponsors/reatlat","https://www.paypal.me/reatlat"],"categories":[],"sub_categories":[],"readme":"# eleventy-plugin-feathericons\n[![npm](https://img.shields.io/npm/v/eleventy-plugin-feathericons.svg)](https://npmjs.com/package/eleventy-plugin-feathericons)\n[![npm](https://img.shields.io/npm/dt/eleventy-plugin-feathericons.svg)](https://npmjs.com/package/eleventy-plugin-feathericons)\n[![license](https://img.shields.io/npm/l/eleventy-plugin-feathericons.svg)](https://npmjs.com/package/eleventy-plugin-feathericons)\n\nAn Eleventy [shortcode](https://www.11ty.dev/docs/shortcodes/), allows [Feather icons](https://feathericons.com/) to be embedded as inline svg into templates.\n\n## Installation\nInstall the plugin from [npm](https://www.npmjs.com/package/eleventy-plugin-feathericons):\n\n```\nnpm install eleventy-plugin-feathericons --save-dev\n```\n\n\nAdd it to your [Eleventy Config](https://www.11ty.dev/docs/config/) file:\n\n```js\nconst eleventyPluginFeathericons = require('eleventy-plugin-feathericons');\n\nmodule.exports = function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginFeathericons);\n};\n```\n\n\nAdvanced usage:\n\n```js\nconst eleventyPluginFeathericons = require('eleventy-plugin-feathericons');\n\nmodule.exports = function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginFeathericons, {\n        \"class\": \"feather feather-x\",\n        \"xmlns\": \"http://www.w3.org/2000/svg\",\n        \"width\": 24,\n        \"height\": 24,\n        \"viewBox\": \"0 0 24 24\",\n        \"fill\": \"none\",\n        \"stroke\": \"currentColor\",\n        \"stroke-width\": 2,\n        \"stroke-linecap\": \"round\",\n        \"stroke-linejoin\": \"round\",\n    });\n};\n```\n\n\n## What does it do?\nThe plugin turns [11ty shortcodes](https://www.11ty.dev/docs/shortcodes/) like this:\n\n```nunjucks\n{% feather \"feather\" %}\n```\n\ninto HTML code like this:\n\n```html\n\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n     stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \n     class=\"feather feather-feather feather-x\"\u003e\n    \u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c/path\u003e\n    \u003cline x1=\"16\" y1=\"8\" x2=\"2\" y2=\"22\"\u003e\u003c/line\u003e\n    \u003cline x1=\"17.5\" y1=\"15\" x2=\"9\" y2=\"15\"\u003e\u003c/line\u003e\n\u003c/svg\u003e\n```\n\n\n## Custom Usage\n\n```nunjucks\n{% feather \"activity\", {\n    \"stroke\": \"#ff0000\",\n    \"stroke-width\": 3\n} %}\n```\n\n\n## Contributing\nIf you notice an issue, feel free to [open an issue](https://github.com/reatlat/eleventy-plugin-feathericons/issues).\n\n1. Fork this repo\n2. Clone `git clone git@github.com:reatlat/eleventy-plugin-feathericons.git`\n3. Install dependencies `npm install`\n4. Build `npm run build`\n5. Serve locally `npm run dev`\n\n\n## License\nThe code is available under the [MIT license](LICENSE).\n\n\n## May the 4th be with you\n\u003cimg src=\"https://cdn.sunnypixels.io/imgs/yoda-close-up.jpg\" alt=\"May 4th be with you\" width=\"280\"\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freatlat%2Feleventy-plugin-feathericons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freatlat%2Feleventy-plugin-feathericons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freatlat%2Feleventy-plugin-feathericons/lists"}