{"id":13557238,"url":"https://github.com/feathericon/feathericon","last_synced_at":"2025-08-12T05:06:19.258Z","repository":{"id":44632707,"uuid":"62633878","full_name":"feathericon/feathericon","owner":"feathericon","description":"simply generic vector icon collection - including sketch file, svg files, and font files.","archived":false,"fork":false,"pushed_at":"2021-03-01T22:50:52.000Z","size":24874,"stargazers_count":191,"open_issues_count":9,"forks_count":21,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-07-22T10:46:21.060Z","etag":null,"topics":["css","fontcustom","icons","npm-package","sass","sketch","svg","svg-icons","svg-sprites","vector","vector-icons","webfonts"],"latest_commit_sha":null,"homepage":"https://feathericon.github.io/feathericon/","language":"Pug","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/feathericon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-05T12:09:39.000Z","updated_at":"2025-04-27T17:16:36.000Z","dependencies_parsed_at":"2022-08-30T12:12:05.776Z","dependency_job_id":null,"html_url":"https://github.com/feathericon/feathericon","commit_stats":null,"previous_names":["featherplain/tacticons"],"tags_count":30,"template":false,"template_full_name":null,"purl":"pkg:github/feathericon/feathericon","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathericon%2Ffeathericon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathericon%2Ffeathericon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathericon%2Ffeathericon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathericon%2Ffeathericon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/feathericon","download_url":"https://codeload.github.com/feathericon/feathericon/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathericon%2Ffeathericon/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270005591,"owners_count":24510939,"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","status":"online","status_checked_at":"2025-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css","fontcustom","icons","npm-package","sass","sketch","svg","svg-icons","svg-sprites","vector","vector-icons","webfonts"],"created_at":"2024-08-01T12:04:13.996Z","updated_at":"2025-08-12T05:06:19.207Z","avatar_url":"https://github.com/feathericon.png","language":"Pug","funding_links":[],"categories":["Pug","css"],"sub_categories":[],"readme":"# feathericon\n\u003ca href=\"https://sketch.cloud/s/YJAlO\" rel=\"nofollow\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/featherplain/feathericon/master/docs/img_feathericon_white.png\" alt=\"feathericon\"\u003e\n\u003c/a\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ca href=\"https://travis-ci.org/feathericon/feathericon\"\u003e\n  \u003cimg src=\"https://travis-ci.org/feathericon/feathericon.svg?branch=master\" alt=\"Build Status\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.com/package/feathericon\"\u003e\n  \u003cimg src=\"https://badge.fury.io/js/feathericon.svg\" alt=\"npm version\" height=\"18\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.com/package/feathericon\"\u003e\n  \u003cimg src=\"https://img.shields.io/npm/dm/feathericon.svg?style=flat\" alt=\"npm downloads\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.jsdelivr.com/package/npm/feathericon\"\u003e\n  \u003cimg src=\"https://data.jsdelivr.com/v1/package/npm/feathericon/badge\" alt=\"jsDeliver\"\u003e\n\u003c/a\u003e\n\u003cbr\u003e\u003cbr\u003e\nfeathericon is simply generic vector icon collection. The vectors for all the icons are stored in a \u003ca href=\"https://sketch.cloud/s/YJAlO\"\u003eSketch file\u003c/a\u003e.\n\u003cbr\u003e\nWebsite: \u003ca href=\"https://feathericon.github.io/feathericon/\"\u003ehttps://feathericon.github.io/feathericon/\u003c/a\u003e\n\n## Getting Started\nfeathericon contains Sketch file, svg files, css / scss files and font files.\n\n### Basic\n1. Download **[ZIP folder from here](https://github.com/feathericon/feathericon/archive/release.zip)**.\n1. Copy the `css/` and `fonts/` directory to your project.\n1. In the `\u003chead\u003e` of your html, reference the location to your `feathericon.min.css`.\n\n  ```html\n  \u003clink rel=\"stylesheet\" href=\"path/to/css/feathericon.min.css\"\u003e\n  ```\n1. Place feathicon with `\u003ci\u003e` tag in your html like this. `fe` class is required to use our icons correctly. Check out [our website](https://feathericon.github.io/feathericon/) to start using icons!\n\n  ```html\n  \u003ci class=\"fe fe-heart\"\u003e\u003c/i\u003e\n  ```\n\nYou can use feathericon with CDN files on [jsdeliver](https://www.jsdelivr.com/package/npm/feathericon).\n\n### Using SVG sprite\n1. Download **[ZIP folder from here](https://github.com/feathericon/feathericon/archive/release.zip)**.\n1. Copy the `svg/sprite/sprite.feathericon.svg` to your project.\n1. In your html, place like this. You can set specify any `width`, `height`, and `fill` with HTML attributes or CSS. Make sure put the icon name with hash after `.svg` extension.\n\n  ```html\n  \u003csvg width=\"16px\" height=\"16px\" fill=\"#0099cc\" class=\"icon\"\u003e\n    \u003cuse xlink:href=\"/\u003cpath-to-your\u003e/sprite.feathericon.svg#heart\"\u003e\u003c/use\u003e\n  \u003c/svg\u003e\n  ```\n\n  ```css\n    .icon {\n      width: 16px;\n      height: 16px;\n      fill: #0099cc;\n    }\n  ```\n\n### For developers\n#### Node.js projects\n1. Install via [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/).\n\n  ```bash\n  $ npm install feathericon --save\n  or\n  $ yarn add feathericon\n  ```\n1. Copy `fonts/` directory to your project.\n\n  ```\n  $ cp -r node_modules/feathericon/build/fonts/ path/to/fonts\n  ```\n1. You can simply point your Sass (SCSS) `include-path` at your `node_modules/` directory. This case is using [gulp-sass](https://www.npmjs.com/package/gulp-sass).\n\n  ```javascript\n  gulp.task('sass', function () {\n    return gulp.src('path/to/*.scss')\n      .pipe(.sass({\n        loadPath     : 'node_modules/feathericon/build/scss/',\n        outputStyle  : 'compressed'\n      }).on('error', $.sass.logError))\n      .pipe(gulp.dest('path/to/css/'));\n  });\n  ```\n  Then you can import it in your scss(sass) file.\n\n  ```scss\n  @import \"feathericon\";\n  ```\n\n#### Ruby on Rails projects\nYou can install via [RubyGems](https://rubygems.org/).\n\nRepositories:\n- [feathericon-rails](https://github.com/feathericon/feathericon-rails)\n- [feathericon-sass](https://github.com/feathericon/feathericon-sass) ( using feathericon with Sass ).\n\n## Customize feathericon\n### 1. Edit Sketch document\n\n![Sketch document](docs/images/sketch.png)\n\nOpen the Sketch document in `src/feathericons.sketch`. Each icon exists as an artboard within the Sketch document. If you’re adding an icon, duplicate one of the artboards and add your shapes to it. **Be sure to give your artboard a name that makes sense**.\n\n### 2. Update data.json\nIf you've added a new icon, you'll need to add a new entry and keywords for it in the `data.json`.\n\n### 3. Build icons\n#### Requires\n- Node.js\n- npm\n\nYou can download from the [Node.js download page](https://nodejs.org/en/download/), or [install via package managers](https://nodejs.org/en/download/package-manager/).\nNode.js comes with npm ([See more](https://docs.npmjs.com/getting-started/installing-node)).\n\n1. Open the `feathericon/` directory in Terminal.\n1. Run this command to install dependencies for building icons.\n\n  ```bash\n  $ npm run setup\n  ```\n1. Run this command. Running the gulp task will generate the font, css, scss and SVGs, placing them in the `build/` directory.\n\n  ```bash\n  $ npm run webfont\n  ```\n\n## FontCustom\nIf you want to tweak font settings, edit `fontcustom.yml`. feathericon is using [FontCustom](https://github.com/FontCustom/fontcustom) to build fonts, stylesheets such as `feathericon.css` and `_feathericon.scss`. If you need more information for FontCustom, visit their GitHub Repository.\n\n\n## Bugs, Ideas, Pull Requests\nIf you have any ideas or find bugs, please send me Pull Requests or let me know with GitHub Issues :)\n\n## License\n[MIT](https://github.com/featherplain/feathericon/blob/master/LICENSE) (C) 2018 Megumi Hano\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeathericon%2Ffeathericon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffeathericon%2Ffeathericon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeathericon%2Ffeathericon/lists"}