[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-2952":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":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},2952,"feather","feathericons\u002Ffeather","feathericons","Simply beautiful open-source icons","https:\u002F\u002Ffeathericons.com",null,"JavaScript",25932,1285,260,410,0,9,41,44.33,"MIT License",false,"main",true,[25,26,27],"icons","javascript","svg","2026-06-12 02:00:45","# Feather\n\n[![Coverage](https:\u002F\u002Fimg.shields.io\u002Fcodecov\u002Fc\u002Fgithub\u002Ffeathericons\u002Ffeather\u002Fmaster.svg?style=flat-square)](https:\u002F\u002Fcodecov.io\u002Fgh\u002Ffeathericons\u002Ffeather)\n[![npm downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Ffeather-icons.svg?style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ffeather-icons)\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Ffeather-icons.svg?style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ffeather-icons)\n[![CDNJS version](https:\u002F\u002Fimg.shields.io\u002Fcdnjs\u002Fv\u002Ffeather-icons.svg?style=flat-square)](https:\u002F\u002Fcdnjs.com\u002Flibraries\u002Ffeather-icons)\n\n## What is Feather?\n\nFeather is a collection of simply beautiful open-source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.\n\nhttps:\u002F\u002Ffeathericons.com\n\n```shell\nnpm install feather-icons\n```\n\n## Table of contents\n\n- [Quick start](#quick-start)\n- [Usage](#usage)\n  - [Client-side JavaScript](#client-side-javascript)\n  - [Node](#node)\n  - [SVG sprite](#svg-sprite)\n  - [Figma](#figma)\n- [API reference](#api-reference)\n  - [`feather.icons`](#feathericons)\n  - [`feather.icons[name].toSvg()`](#feathericonsnametosvgattrs)\n  - [`feather.replace()`](#featherreplaceattrs)\n  - [`feather.toSvg()` (DEPRECATED) ](#feathertosvgname-attrs-deprecated)\n- [Contributing](#contributing)\n- [Related projects](#related-projects)\n- [License](#license)\n\n## Quick start\n\nStart with this [CodePen Template](https:\u002F\u002Fcodepen.io\u002Fpen?template=WOJZdM) to begin prototyping with Feather in the browser.\n\nOr copy and paste the following code snippet into a blank `html` file.\n\n```html\n\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n  \u003Ctitle>\u003C\u002Ftitle>\n  \u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Ffeather-icons\">\u003C\u002Fscript>\n  \u003Cbody>\n    \u003C!-- example icon -->\n    \u003Ci data-feather=\"circle\">\u003C\u002Fi>\n\n    \u003Cscript>\n      feather.replace();\n    \u003C\u002Fscript>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n## Usage\n\nAt its core, Feather is a collection of [SVG](https:\u002F\u002Fsvgontheweb.com\u002F#svg) files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. `img`, `background-image`, `inline`, `object`, `embed`, `iframe`). Here's a helpful article detailing the many ways SVGs can be used on the web: [SVG on the Web – Implementation Options](https:\u002F\u002Fsvgontheweb.com\u002F#implementation)\n\nThe following are additional ways you can use Feather.\n\n### Client-side JavaScript\n\n#### 1. Install\n\n> [!NOTE]\n> If you intend to use Feather with a CDN, you can skip this installation step.\n\nInstall with [npm](https:\u002F\u002Fdocs.npmjs.com\u002Fgetting-started\u002Fwhat-is-npm).\n\n```shell\nnpm install feather-icons --save\n```\n\nOr just copy [`feather.js`](https:\u002F\u002Funpkg.com\u002Ffeather-icons\u002Fdist\u002Ffeather.js) or [`feather.min.js`](https:\u002F\u002Funpkg.com\u002Ffeather-icons\u002Fdist\u002Ffeather.min.js) into your project directory. You don't need both `feather.js` and `feather.min.js`.\n\n#### 2. Include\n\nInclude `feather.js` or `feather.min.js` with a `\u003Cscript>` tag:\n\n```html\n\u003Cscript src=\"path\u002Fto\u002Fdist\u002Ffeather.js\">\u003C\u002Fscript>\n```\n\n> [!NOTE]\n> `feather.js` and `feather.min.js` are located in the `dist` directory of the npm package.\n\nOr load the script from a CDN provider:\n\n```html\n\u003C!-- choose one -->\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Ffeather-icons\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Ffeather-icons\u002Fdist\u002Ffeather.min.js\">\u003C\u002Fscript>\n```\n\nAfter including the script, `feather` will be available as a global variable.\n\n#### 3. Use\n\nTo use an icon on your page, add a `data-feather` attribute with the icon name to an element:\n\n```html\n\u003Ci data-feather=\"circle\">\u003C\u002Fi>\n```\n\nSee the complete list of icons at [feathericons.com](https:\u002F\u002Ffeathericons.com).\n\n#### 4. Replace\n\nCall the `feather.replace()` method:\n\n```html\n\u003Cscript>\n  feather.replace();\n\u003C\u002Fscript>\n```\n\nAll elements that have a `data-feather` attribute will be replaced with SVG markup corresponding to their `data-feather` attribute value. See the [API Reference](#api-reference) for more information about `feather.replace()`.\n\n### Node\n\n#### 1. Install\n\nInstall with [npm](https:\u002F\u002Fdocs.npmjs.com\u002Fgetting-started\u002Fwhat-is-npm):\n\n```shell\nnpm install feather-icons --save\n```\n\n#### 2. Require\n\n```js\nconst feather = require('feather-icons');\n```\n\n#### 3. Use\n\n```js\nfeather.icons.x;\n\u002F\u002F {\n\u002F\u002F    name: 'x',\n\u002F\u002F    contents: '\u003Cline ... \u002F>\u003Cline ... \u002F>`,\n\u002F\u002F    tags: ['cancel', 'close', 'delete', 'remove'],\n\u002F\u002F    attrs: {\n\u002F\u002F      class: 'feather feather-x',\n\u002F\u002F      xmlns: 'http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg',\n\u002F\u002F      width: 24,\n\u002F\u002F      height: 24,\n\u002F\u002F      viewBox: '0 0 24 24',\n\u002F\u002F      fill: 'none',\n\u002F\u002F      stroke: 'currentColor',\n\u002F\u002F      'stroke-width': 2,\n\u002F\u002F      'stroke-linecap': 'round',\n\u002F\u002F      'stroke-linejoin': 'round',\n\u002F\u002F    },\n\u002F\u002F    toSvg: [Function],\n\u002F\u002F }\n\nfeather.icons.x.toSvg();\n\u002F\u002F \u003Csvg class=\"feather feather-x\" ...>\u003Cline ... \u002F>\u003Cline ... \u002F>\u003C\u002Fsvg>\n\nfeather.icons.x.toSvg({ class: 'foo bar', 'stroke-width': 1, color: 'red' });\n\u002F\u002F \u003Csvg class=\"feather feather-x foo bar\" stroke-width=\"1\" color=\"red\" ...>\u003Cline ... \u002F>\u003Cline ... \u002F>\u003C\u002Fsvg>\n```\n\nSee the [API Reference](#api-reference) for more information about the available properties and methods of the `feather` object.\n\n### SVG sprite\n\n#### 1. Install\n\n> [!NOTE]\n> If you intend to use Feather with a CDN, you can skip this installation step.\n\nInstall with [npm](https:\u002F\u002Fdocs.npmjs.com\u002Fgetting-started\u002Fwhat-is-npm).\n\n```shell\nnpm install feather-icons --save\n```\n\nOr just copy [`feather-sprite.svg`](https:\u002F\u002Funpkg.com\u002Ffeather-icons\u002Fdist\u002Ffeather-sprite.svg) into your project directory.\n\n#### 2. Use\n\nInclude an icon on your page with the following markup:\n\n```html\n\u003Csvg\n  width=\"24\"\n  height=\"24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  \u003Cuse href=\"path\u002Fto\u002Ffeather-sprite.svg#circle\" \u002F>\n\u003C\u002Fsvg>\n```\n\n> [!NOTE]\n> `circle` in the above example can be replaced with any valid icon name. See the complete list of icon names at [feathericons.com](https:\u002F\u002Ffeathericons.com).\n\nHowever, this markup can be simplified using a simple CSS class to avoid repetition of SVG attributes between icons:\n\n```css\n.feather {\n  width: 24px;\n  height: 24px;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n}\n```\n\n```html\n\u003Csvg class=\"feather\">\n  \u003Cuse href=\"path\u002Fto\u002Fdist\u002Ffeather-sprite.svg#circle\" \u002F>\n\u003C\u002Fsvg>\n```\n\n### Figma\n\nFeather is available as a [Figma component library](https:\u002F\u002Fwww.figma.com\u002Ffile\u002FdyJRSFTIajik4cdkcXN8yA3K\u002FFeather-Component-Library). To use the components, log in to your Figma account and **duplicate** the file to your drafts.\n\n## API reference\n\n### `feather.icons`\n\nAn object with data about every icon.\n\n#### Usage\n\n```js\nfeather.icons.x;\n\u002F\u002F {\n\u002F\u002F    name: 'x',\n\u002F\u002F    contents: '\u003Cline ... \u002F>\u003Cline ... \u002F>',\n\u002F\u002F    tags: ['cancel', 'close', 'delete', 'remove'],\n\u002F\u002F    attrs: {\n\u002F\u002F      class: 'feather feather-x',\n\u002F\u002F      xmlns: 'http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg',\n\u002F\u002F      width: 24,\n\u002F\u002F      height: 24,\n\u002F\u002F      viewBox: '0 0 24 24',\n\u002F\u002F      fill: 'none',\n\u002F\u002F      stroke: 'currentColor',\n\u002F\u002F      'stroke-width': 2,\n\u002F\u002F      'stroke-linecap': 'round',\n\u002F\u002F      'stroke-linejoin': 'round',\n\u002F\u002F    },\n\u002F\u002F    toSvg: [Function],\n\u002F\u002F }\n\nfeather.icons.x.toString();\n\u002F\u002F '\u003Cline ... \u002F>\u003Cline ... \u002F>'\n```\n\n> [!NOTE]\n> `x` in the above example can be replaced with any valid icon name. See the complete list of icon names at [feathericons.com](https:\u002F\u002Ffeathericons.com). Icons with multi-word names (e.g. `arrow-right`) **cannot** be accessed using dot notation (e.g. `feather.icons.x`). Instead, use bracket notation (e.g. `feather.icons['arrow-right']`).\n\n[View Source](https:\u002F\u002Fgithub.com\u002Ffeathericons\u002Ffeather\u002Fblob\u002Fmaster\u002Fsrc\u002Ficons.js)\n\n---\n\n### `feather.icons[name].toSvg([attrs])`\n\nReturns an SVG string.\n\n#### Parameters\n\n| Name               | Type   | Description                                                                                                                                                                                                                  |\n| ------------------ | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `attrs` (optional) | Object | Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `\u003Csvg>` tag (e.g. `{ foo: 'bar' }` maps to `foo=\"bar\"`). All default attributes on the `\u003Csvg>` tag can be overridden with the `attrs` object. |\n\n> [!NOTE]\n> You might find these SVG attributes helpful for manipulating icons:\n>\n> - [`color`](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute\u002Fcolor)\n> - [`width`](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute\u002Fwidth)\n> - [`height`](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute\u002Fheight)\n> - [`stroke-width`](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute\u002Fstroke-width)\n> - [`stroke-linecap`](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute\u002Fstroke-linecap)\n> - [`stroke-linejoin`](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute\u002Fstroke-linejoin)\n\n#### Usage\n\n```js\nfeather.icons.circle.toSvg();\n\u002F\u002F '\u003Csvg class=\"feather feather-circle\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>'\n\nfeather.icons.circle.toSvg({ 'stroke-width': 1 });\n\u002F\u002F '\u003Csvg class=\"feather feather-circle\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>'\n\nfeather.icons.circle.toSvg({ class: 'foo bar' });\n\u002F\u002F '\u003Csvg class=\"feather feather-circle foo bar\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>'\n```\n\n[View Source](https:\u002F\u002Fgithub.com\u002Ffeathericons\u002Ffeather\u002Fblob\u002Fmaster\u002Fsrc\u002Ficon.js)\n\n---\n\n### `feather.replace([attrs])`\n\nReplaces all elements that have a `data-feather` attribute with SVG markup corresponding to the element's `data-feather` attribute value.\n\n#### Parameters\n\n| Name               | Type   | Description                                                                                                                                                                                                                  |\n| ------------------ | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `attrs` (optional) | Object | Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `\u003Csvg>` tag (e.g. `{ foo: 'bar' }` maps to `foo=\"bar\"`). All default attributes on the `\u003Csvg>` tag can be overridden with the `attrs` object. |\n\n#### Usage\n\n> [!IMPORTANT]\n> `feather.replace()` only works in a browser environment.\n\nSimple usage:\n\n```html\n\u003Ci data-feather=\"circle\">\u003C\u002Fi>\n\u003C!--\n\u003Ci> will be replaced with:\n\u003Csvg class=\"feather feather-circle\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>\n-->\n\n\u003Cscript>\n  feather.replace();\n\u003C\u002Fscript>\n```\n\nYou can pass `feather.replace()` an `attrs` object:\n\n```html\n\u003Ci data-feather=\"circle\">\u003C\u002Fi>\n\u003C!--\n\u003Ci> will be replaced with:\n\u003Csvg class=\"feather feather-circle foo bar\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>\n-->\n\n\u003Cscript>\n  feather.replace({ class: 'foo bar', 'stroke-width': 1 });\n\u003C\u002Fscript>\n```\n\nAll attributes on the placeholder element (i.e. `\u003Ci>`) will be copied to the `\u003Csvg>` tag:\n\n```html\n\u003Ci data-feather=\"circle\" id=\"my-circle\" class=\"foo bar\" stroke-width=\"1\">\u003C\u002Fi>\n\u003C!--\n\u003Ci> will be replaced with:\n\u003Csvg id=\"my-circle\" class=\"feather feather-circle foo bar\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>\n-->\n\n\u003Cscript>\n  feather.replace();\n\u003C\u002Fscript>\n```\n\n[View Source](https:\u002F\u002Fgithub.com\u002Ffeathericons\u002Ffeather\u002Fblob\u002Fmaster\u002Fsrc\u002Freplace.js)\n\n---\n\n### `feather.toSvg(name, [attrs])` (DEPRECATED)\n\n> [!WARNING]\n> `feather.toSvg()` is deprecated. Please use `feather.icons[name].toSvg()` instead.\n\nReturns an SVG string.\n\n#### Parameters\n\n| Name               | Type   | Description                                                                                                                                                                                                                  |\n| ------------------ | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `name`             | string | Icon name                                                                                                                                                                                                                    |\n| `attrs` (optional) | Object | Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `\u003Csvg>` tag (e.g. `{ foo: 'bar' }` maps to `foo=\"bar\"`). All default attributes on the `\u003Csvg>` tag can be overridden with the `attrs` object. |\n\n#### Usage\n\n```js\nfeather.toSvg('circle');\n\u002F\u002F '\u003Csvg class=\"feather feather-circle\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>'\n\nfeather.toSvg('circle', { 'stroke-width': 1 });\n\u002F\u002F '\u003Csvg class=\"feather feather-circle\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>'\n\nfeather.toSvg('circle', { class: 'foo bar' });\n\u002F\u002F '\u003Csvg class=\"feather feather-circle foo bar\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\">\u003C\u002Fcircle>\u003C\u002Fsvg>'\n```\n\n[View Source](https:\u002F\u002Fgithub.com\u002Ffeathericons\u002Ffeather\u002Fblob\u002Fmaster\u002Fsrc\u002Fto-svg.js)\n\n## Contributing\n\nFor more info on how to contribute please see the [contribution guidelines](https:\u002F\u002Fgithub.com\u002Ffeathericons\u002Ffeather\u002Fblob\u002Fmaster\u002FCONTRIBUTING.md).\n\nCaught a mistake or want to contribute to the documentation? [Edit this page on Github](https:\u002F\u002Fgithub.com\u002Ffeathericons\u002Ffeather\u002Fblob\u002Fmaster\u002FREADME.md)\n\n## Related projects\n\n- [feathericons.dev](http:\u002F\u002Ffeathericons.dev) - Feather viewer featuring [30+ brand icons](https:\u002F\u002Ffeathericons.dev\u002F?iconset=brands) and [40+ payment services icons](https:\u002F\u002Ffeathericons.dev\u002F?iconset=payments)\n- [angular-feather](https:\u002F\u002Fgithub.com\u002Fmichaelbazos\u002Fangular-feather) - Feather icons for Angular applications\n- [elm-feather](https:\u002F\u002Fgithub.com\u002F1602\u002Felm-feather) - Feather icons for Elm applications\n- [react-feather](https:\u002F\u002Fgithub.com\u002Fcarmelopullara\u002Freact-feather) - Feather icons as React components\n- [sketch-feather](https:\u002F\u002Fgithub.com\u002Fodmln\u002Fsketch-feather) - Feather icons as a Sketch library\n- [vue-feather-icons](https:\u002F\u002Fgithub.com\u002Fegoist\u002Fvue-feather-icons) - Feather icons as Vue components\n- [php-feather](https:\u002F\u002Fgithub.com\u002FPixelrobin\u002Fphp-feather) - Feather icons as a PHP Library\n- [hyva-feather](https:\u002F\u002Fgithub.com\u002FSiteation\u002Fmagento2-hyva-icons-feather) - Feather icons as a Magento 2 Hyva template tag\n- [wp-php-feather](https:\u002F\u002Fgithub.com\u002Freatlat\u002Fwp-php-feather) - Feather icons as a WordPress template tag\n- [django-feather](https:\u002F\u002Fpypi.org\u002Fproject\u002Fdjango-feather\u002F) - Feather icons as Django Template Tag\n- [svelte-feather-icons](https:\u002F\u002Fgithub.com\u002Fdylanblokhuis\u002Fsvelte-feather-icons) - Feather icons as Svelte components\n- [gulp-feather](https:\u002F\u002Fgithub.com\u002FoToToT\u002Fgulp-feather) - Feather icons rendering using gulp\n- [astro-feather](https:\u002F\u002Fgithub.com\u002Fgabrlyg\u002Fastro-feather) - Feather icons as Astro components\n- [qwik-feather-icons](https:\u002F\u002Fgithub.com\u002Fyeyon\u002Fqwik-feather-icons) - Feather icons for Qwik, the Resumable Framework\n- [figma-feather](https:\u002F\u002Fgithub.com\u002Fkevintoepfer\u002Ffigma-feather) – Feather icons as a Figma component\n- [delphi-feather-icons](https:\u002F\u002Fgithub.com\u002Fshaunroselt\u002FDelphi-Feather-Icons) - Feather icons as a Delphi Library\n- [eleventy-plugin-feathericons](https:\u002F\u002Fgithub.com\u002Freatlat\u002Feleventy-plugin-feathericons) - Feather icons as a plugin for [11ty](https:\u002F\u002Fgithub.com\u002F11ty\u002Feleventy)\n\n## License\n\nFeather is licensed under the [MIT License](https:\u002F\u002Fgithub.com\u002Ffeathericons\u002Ffeather\u002Fblob\u002Fmaster\u002FLICENSE).\n","Feather 是一套简洁美观的开源图标集。每个图标都基于24x24网格设计，注重简洁性、一致性和灵活性。该项目采用JavaScript编写，并以SVG格式提供图标，支持多种使用方式，如客户端JavaScript、Node.js环境以及直接作为SVG文件使用。Feather图标非常适合用于需要高质量矢量图标的Web项目中，无论是前端界面设计还是后端图形处理都能轻松集成。此外，通过npm安装或CDN引入，开发者可以快速将这些图标应用到自己的项目中。",2,"2026-06-11 02:51:55","top_language"]