{"id":13397135,"url":"https://github.com/atisawd/boxicons","last_synced_at":"2025-05-14T00:06:59.907Z","repository":{"id":37444185,"uuid":"137458049","full_name":"atisawd/boxicons","owner":"atisawd","description":"High Quality web friendly icons","archived":false,"fork":false,"pushed_at":"2024-04-26T13:46:26.000Z","size":23223,"stargazers_count":3084,"open_issues_count":872,"forks_count":310,"subscribers_count":34,"default_branch":"master","last_synced_at":"2025-05-13T04:31:37.641Z","etag":null,"topics":["icon-font","icon-pack","icons","svg","svg-icons"],"latest_commit_sha":null,"homepage":"https://boxicons.com","language":"CSS","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/atisawd.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":null,"patreon":null,"open_collective":"boxicons","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2018-06-15T07:53:05.000Z","updated_at":"2025-05-12T12:33:58.000Z","dependencies_parsed_at":"2023-10-15T17:04:31.229Z","dependency_job_id":"febcfe23-18d6-4f17-ae06-268a68de81e4","html_url":"https://github.com/atisawd/boxicons","commit_stats":{"total_commits":144,"total_committers":7,"mean_commits":"20.571428571428573","dds":"0.29166666666666663","last_synced_commit":"9ffa9136e8681886bb7bd2145cd4098717ce1c11"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atisawd%2Fboxicons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atisawd%2Fboxicons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atisawd%2Fboxicons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atisawd%2Fboxicons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atisawd","download_url":"https://codeload.github.com/atisawd/boxicons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254043631,"owners_count":22004980,"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":["icon-font","icon-pack","icons","svg","svg-icons"],"created_at":"2024-07-30T18:01:11.620Z","updated_at":"2025-05-14T00:06:59.878Z","avatar_url":"https://github.com/atisawd.png","language":"CSS","funding_links":["https://opencollective.com/boxicons","https://paypal.me/atisawd","https://opencollective.com/boxicons/contribute","https://opencollective.com/boxicons/organization/0/website","https://opencollective.com/boxicons/organization/1/website","https://opencollective.com/boxicons/organization/2/website","https://opencollective.com/boxicons/organization/3/website","https://opencollective.com/boxicons/organization/4/website","https://opencollective.com/boxicons/organization/5/website","https://opencollective.com/boxicons/organization/6/website","https://opencollective.com/boxicons/organization/7/website","https://opencollective.com/boxicons/organization/8/website","https://opencollective.com/boxicons/organization/9/website"],"categories":["CSS","IconSet Included","开源资源","icon-font","General"],"sub_categories":["ICON 图标"],"readme":"# boxicons \n[![Financial Contributors on Open Collective](https://opencollective.com/boxicons/all/badge.svg?label=financial+contributors)](https://opencollective.com/boxicons) [![GitHub issues](https://img.shields.io/github/issues/atisawd/boxicons.svg)](https://github.com/atisawd/boxicons/issues)\n[![Twitter](https://img.shields.io/twitter/url/https/github.com/atisawd/boxicons.svg?style=social)](https://twitter.com/intent/tweet?text=Wow:\u0026url=https%3A%2F%2Fgithub.com%2Fatisawd%2Fboxicons)\n[![Donate](https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square)](https://paypal.me/atisawd)\n\n\n\n_High Quality web friendly icons_\n\n'Boxicons' is a carefully designed open source iconset with 1500+ icons. It's crafted to look enrich your website/app experience.\n\n\n_Announcing Boxicons v2.1.3!_\n\n- Fixed the errors with a few svgs, added viewbox\n- Added 34 new icons\n\n\n## Installation\n\nTo install via npm, simply do the following:\n\n```bash\n$ npm install boxicons --save\n```\nimport the module\n\n```javscript\nimport 'boxicons';\n```\n## Usage\n\n### Using via CSS\n\n1. Include the stylesheet on your document's `\u003chead\u003e`\n\n```html\n\u003chead\u003e\n  \u003clink rel=\"stylesheet\" href=\"boxicons.min.css\"\u003e\n\u003c/head\u003e\n```\n\nInstead of installing you may use the remote version \n\n```html\n\u003chead\u003e\n  \u003clink rel=\"stylesheet\"\n  href=\"https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css\"\u003e\n  \u003c!-- or --\u003e\n  \u003clink rel=\"stylesheet\"\n  href=\"https://unpkg.com/boxicons@latest/css/boxicons.min.css\"\u003e\n\u003c/head\u003e\n```\n\n\n2. To use an icon on your page, add a class 'bx' and seperate class with the icons name with a prefix 'bx-' for regular icons , 'bxs-' for solid icons and 'bxl-' for logos:\n\n```html\n\u003ci class=\"bx bx-hot\"\u003e\u003c/i\u003e\n\u003ci class=\"bx bxs-hot\"\u003e\u003c/i\u003e\n\u003ci class=\"bx bxl-facebook-square\"\u003e\u003c/i\u003e\n```\n### Using via Web Component\n\nBoxicons includes a Custom Element that makes using icons easy and efficient. To use it, add the `box-icon-element.js` file to the page:\n\n```html\n\u003cscript src=\"https://unpkg.com/boxicons@2.1.3/dist/boxicons.js\"\u003e\u003c/script\u003e\n```\n\nTo use an icon, add the `\u003cbox-icon\u003e` element to the location where the icon should be displayed:\n\n```html\n\u003cbox-icon name=\"hot\"\u003e\u003c/box-icon\u003e\n```\n  To use solid icons or logos add attribute `type` as solid or logo before the name\n ```html\n\u003cbox-icon type=\"solid\" name=\"hot\"\u003e\u003c/box-icon\u003e\n\u003cbox-icon type=\"logo\" name=\"facebook-square\"\u003e\u003c/box-icon\u003e\n```                  \nThe `\u003cbox-icon\u003e` custom element supports the following attributes:\n\n```html\n\u003cbox-icon\n    type = \"regular|solid|logo\"\n    name=\"adjust|alarms|etc....\"\n    color=\"blue|red|etc...\"\n    size=\"xs|sm|md|lg|cssSize\"\n    rotate=\"90|180|270\"\n    flip=\"horizontal|vertical\"\n    border=\"square|circle\"\n    animation=\"spin|tada|etc...\"\n    pull = \"left|right\"\n\u003e\u003c/box-icon\u003e\n```\n-   `type`: Should always be first and be one of the following values: `regular`,`solid`, `logo`\n-   `name` : (REQUIRED) the name of the icon to be displayed\n-   `color`: A color for the icon.\n-   `size`: The size for the icon. It supports one of two types of values: \n    -   One of the following shortcuts: `xs`, `sm`, `md`, `lg`\n    -   A css unit size (ex. `60px`) \n-   `rotate`: one of the following values: `90`, `180`, `270`\n-   `flip`:  one of the following values: `horizontal`, `vertical`\n-   `border`: one of the following values: `square`, `circle`\n-   `animation`: One of the following values: `spin`, `tada`, `flashing`, `burst`, `fade-left`, `fade-right`, `spin-hover`, `tada-hover`, `flashing-hover`, `burst-hover`, `fade-left-hover`, `fade-right-hover`\n-   `pull`: one of the following values: `left`,`right`\nThe Custom Element class (`BoxIconElement`) exposes the following static members:\n\n-   `tagName`: property that holds the HTML element tag name. Default: `box-icon`\n-   `defined([tagName])`: Defines the Element in the custom element registry using either the tagName provided on input or the (default) the one defined on the Class.\n-   `cdnUrl`: property that holds the URL that will be used to retrieve the images. URL should point to the folder that contains the images. example: `//unpkg.com/boxicons@1.5.2/svg` (no trailing forward slash)\n-   `getIconSvg(iconName)`: method used to retrieve the SVG image. Should return a Promise that resolves with the SVG source (String).\n\n\n[Check out all the icons here!](https://boxicons.com)\n\n\n\n## Contributors\n\n### Code Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n\u003ca href=\"https://github.com/atisawd/boxicons/graphs/contributors\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/contributors.svg?width=890\u0026button=false\" /\u003e\u003c/a\u003e\n\n### Financial Contributors\n\nBecome a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/boxicons/contribute)]\n\n#### Individuals\n\n\u003ca href=\"https://opencollective.com/boxicons\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/individuals.svg?width=890\"\u003e\u003c/a\u003e\n\n#### Organizations\n\nSupport this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/boxicons/contribute)]\n\n\u003ca href=\"https://opencollective.com/boxicons/organization/0/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/1/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/2/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/3/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/4/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/5/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/6/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/7/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/8/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/boxicons/organization/9/website\"\u003e\u003cimg src=\"https://opencollective.com/boxicons/organization/9/avatar.svg\"\u003e\u003c/a\u003e\n\n## License\n\n- The icons (.svg) files are free to download and are licensed under CC 4.0 By downloading it is assumed that you agree with the terms mentioned in CC 4.0.\n- The fonts files are licensed under SIL OFL 1.1.\n- Attribution is not required but is appreciated.\n- Other files which are not fonts or icons are licensed under the MIT License.\n\n[You can read more about the license here!](https://boxicons.com/get-started#license)\n\n\n## Contributing\n\nPull requests are the way to go here. I apologise in advance for the slow action on pull requests and issues.\n\nCaught a mistake or want to contribute to the documentation? [Edit this page on Github](https://github.com/atisawd/boxicons/blob/master/README.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatisawd%2Fboxicons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatisawd%2Fboxicons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatisawd%2Fboxicons/lists"}