{"id":16441897,"url":"https://github.com/nil/towericons","last_synced_at":"2026-04-13T08:32:05.066Z","repository":{"id":56211862,"uuid":"247088331","full_name":"nil/towericons","owner":"nil","description":"An icon pack for the modern designer and developer","archived":false,"fork":false,"pushed_at":"2020-11-20T08:19:56.000Z","size":736,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-19T07:58:02.613Z","etag":null,"topics":["iconpack","icons","iconset","library","react","react-components","styleguide"],"latest_commit_sha":null,"homepage":"https://nil.github.io/towericons","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/nil.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},"funding":{"open_collective":"towericons","custom":"https://www.paypal.me/nilvilam"}},"created_at":"2020-03-13T14:18:55.000Z","updated_at":"2023-12-18T05:22:11.000Z","dependencies_parsed_at":"2022-08-15T14:50:11.298Z","dependency_job_id":null,"html_url":"https://github.com/nil/towericons","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nil/towericons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ftowericons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ftowericons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ftowericons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ftowericons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nil","download_url":"https://codeload.github.com/nil/towericons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ftowericons/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31746101,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T06:26:45.479Z","status":"ssl_error","status_checked_at":"2026-04-13T06:26:44.645Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["iconpack","icons","iconset","library","react","react-components","styleguide"],"created_at":"2024-10-11T09:15:44.508Z","updated_at":"2026-04-13T08:32:05.041Z","avatar_url":"https://github.com/nil.png","language":"JavaScript","funding_links":["https://opencollective.com/towericons","https://www.paypal.me/nilvilam","https://paypal.me/nilvilam"],"categories":[],"sub_categories":[],"readme":"![Preview of Towericons icons](https://user-images.githubusercontent.com/13088397/80737994-a3af4180-8b14-11ea-8877-ca442b0a3750.png)\n\n# Towericons\nAn icon pack for the modern designer and developer.\n\n[![Donate](https://img.shields.io/static/v1?label=\u0026message=Donate\u0026color=003087\u0026width=400)](https://paypal.me/nilvilam)\n[![Build status](https://travis-ci.org/nil/towericons.svg?branch=master)](https://travis-ci.org/nil/towericons)\n[![Dependencies status](https://img.shields.io/david/dev/nil/towericons.svg)](https://david-dm.org/nil/towericons)\n[![Version](https://img.shields.io/npm/v/towericons.svg)](https://www.npmjs.com/package/towericons)\n[![License](https://img.shields.io/npm/l/towericons.svg)](https://github.com/nil/towericons/blob/master/LICENSE)\n[![Open Collective](https://img.shields.io/opencollective/all/towericons?label=backers)](https://opencollective.com/towericons)\n\n\u003cbr /\u003e\n\nTowericons is a flexible pack of +200 icons designed to be scalable and look modern, and built upon the principles of simplicity, consistency, and flexibility. The set covers all common needs and many uncommon, and it offers an editable SVG of each icon, together with its React component.\n\nQuick links:\u0026emsp;[Catalog](https://nil.github.io/towericons) · [Design](https://nil.github.io/towericons/guidelines) · [React](#installation) · [Figma](https://www.figma.com/file/84My22ahq47CcqA8b9QEhw/Towericons?node-id=0%3A1) · [Donate](https://paypal.me/nilvilam)\n\n\u003cimg src=\"https://user-images.githubusercontent.com/13088397/80737999-a447d800-8b14-11ea-8dfb-f3da2d24c4fe.png\" aria-hidden=\"true\" height=\"60px\" /\u003e\n\n## Installation\n\n```sh\n# With npm\n$ npm install towericons --save\n\n# Or, with yarn\n$ yarn add towericons\n```\n\n\u003cimg src=\"https://user-images.githubusercontent.com/13088397/80738004-a5790500-8b14-11ea-920d-c4a8c0305e0a.png\" aria-hidden=\"true\" height=\"60px\" /\u003e\n\n## Usage\n\nTo reduce the size of your bundle, each icon is located in an individual file. While this will make your production code significantly lighter, it will also require one import statement for each icon you would like to use. Each statement must include the name of the icon:\n\n```js\nimport AlertCircle from 'towericons/AlertCircle';\nimport ChevronDown from 'towericons/ChevronDown';\n```\n\nHowever, Towericons also comes with a single file that includes the React component of each icon, so you can import multiple icons at once from the same file or import all files in the icon pack. Please, be aware that using this method will result in *all* icons included in your build bundle.\n\n\n```js\n// Import muiltiple icons\nimport { Archive, ZoomIn } from 'towericons';\n\n// Import all icons\nimport * from 'towericons';\n```\n\nNo extra setup is necessary at this point. You can now start using the icon as a React component or pass it to another component as a prop:\n\n```jsx\n// Use as a component\n\u003cAlertCircle /\u003e\n\n// Use as a prop\n\u003cYourComponent icon={ZoomIn} /\u003e\n```\n\n\u003cimg src=\"https://user-images.githubusercontent.com/13088397/80738002-a4e06e80-8b14-11ea-8343-296bf4c794c9.png\" aria-hidden=\"true\" height=\"60px\" /\u003e\n\n## Options, \u003ci style=\"opacity: 0.3\"\u003ecoming soon\u003c/i\u003e\n\n### Size, `auto`\n\nChange the size of the icon. Towericons icons are designed in a 32px grid, so using a multiple of this size is recommended (16px, 24px, 32px or 48px).\n\n```js\n\u003cAlertCircle size={32} /\u003e\n\u003cChevronDown size=\"24px\" /\u003e\n\u003cZoomIn size=\"auto\" /\u003e\n```\n\n### Color, `undefined`\n\nSet a custom color for the icon. By default it is unspecified, so it will take the color defined by the CSS or, if there is no style applied, black.\n\n```js\n\u003cArchive color=\"blue\" /\u003e\n\u003cChevronDown color=\"#FFF000\" /\u003e\n\u003cZoomIn color=\"currentColor\" /\u003e\n```\n\n\u003cimg src=\"https://user-images.githubusercontent.com/13088397/80737989-a316ab00-8b14-11ea-98cf-f9c68f9b0cf5.png\" aria-hidden=\"true\" height=\"60px\" /\u003e\n\n## Contributing\n\nIf you find any issue, have troubles figuring out something or want to suggest a change, please [open an issue](https://github.com/nil/towericons/issues/new/choose) or [make a pull request](https://github.com/nil/towericons/compare). You can also [donate to keep the repo alive](https://paypal.me/nilvilam). Any kind of contribution is welcomed and very appreciated.\n\n### Local development\n\nClone the repository:\n\n```sh\n$ git clone https://github.com/nil/towericons\n\n$ cd towericons\n```\n\nInstall the dependencies:\n\n```sh\n$ npm install\n```\n\nTo build the icons and components, Towericons takes the .svg files inside a zip folder named `icons.zip`. This is because the icons are designed in Figma and exported using the [Dynamic Icon Export](https://github.com/nil/figma-dynamic-icon-export) plugin, which exports every icon in multiple sizes.\n\n```sh\n# Generate both icons and components\n$ npm run build\n\n# Only generate icons\n$ npm run build -s\n```\n\n### Local design\n\nTo design a new icon or update an existing one, you must follow the [design guidelines](), though understand that sometimes is okay to brake these rules. There is a public [Figma file containing the whole pack of icons](), and a file with only the base grid is available for [Figma](), [Sketch](), [Illustrator]() and in [SVG]().\n\n[Open a new issue](https://github.com/nil/towericons/issues/new?assignees=\u0026labels=icon+request\u0026template=icon-request.md\u0026title=%5BIcon+request%5D) with the `icon request` template if you are designing a new icon, or [open an issue](https://github.com/nil/towericons/issues/new?assignees=\u0026labels=icon+bug\u0026template=icon-feedback.md\u0026title=%5BIcon+bug%5D) with the `icon feedback` template if you want to suggest changes to an existing icon. The issue can contain one or multiple variations of your icon. If you are designing in Figma or Adobe XD, make sure the link can be viewed by everyone.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/13088397/80738001-a4e06e80-8b14-11ea-88ad-9d8735c37ade.png\" aria-hidden=\"true\" height=\"60px\" /\u003e\n\n## License\n\nCopyright © 2020 Nil Vila. Released under the [MIT License](https://github.com/nil/towericons/blob/master/LICENSE).\n\n\u003chr /\u003e\n\u003cbr /\u003e\n\n\u003ca href=\"https://paypal.me/nilvilam\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/static/v1?label=\u0026message=Donate\u0026color=003087\" alt=\"Donate\" height=\"32px\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://opencolective.com/towericons\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/opencollective/all/towericons?label=backers\" alt=\"Become a backer\" height=\"32px\" /\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnil%2Ftowericons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnil%2Ftowericons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnil%2Ftowericons/lists"}