{"id":13397587,"url":"https://github.com/colorswall/CSS-file-icons","last_synced_at":"2025-03-14T00:32:28.362Z","repository":{"id":33293714,"uuid":"157453750","full_name":"colorswall/CSS-file-icons","owner":"colorswall","description":"Pure CSS icons for popular file extensions","archived":false,"fork":false,"pushed_at":"2023-10-05T01:21:41.000Z","size":2576,"stargazers_count":317,"open_issues_count":9,"forks_count":40,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-04-13T16:35:45.403Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://colorswall.github.io/CSS-file-icons/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/colorswall.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null}},"created_at":"2018-11-13T22:08:46.000Z","updated_at":"2024-03-16T14:53:42.000Z","dependencies_parsed_at":"2023-11-07T17:04:55.899Z","dependency_job_id":"fc2f27c5-8fd9-4f4e-a88c-ceadf2aa5564","html_url":"https://github.com/colorswall/CSS-file-icons","commit_stats":{"total_commits":64,"total_committers":7,"mean_commits":9.142857142857142,"dds":0.515625,"last_synced_commit":"3faa9bb7b74b02a5767ca66c86cdfa888f45f070"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colorswall%2FCSS-file-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colorswall%2FCSS-file-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colorswall%2FCSS-file-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colorswall%2FCSS-file-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/colorswall","download_url":"https://codeload.github.com/colorswall/CSS-file-icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243504822,"owners_count":20301510,"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":[],"created_at":"2024-07-30T18:01:32.999Z","updated_at":"2025-03-14T00:32:28.018Z","avatar_url":"https://github.com/colorswall.png","language":"HTML","funding_links":["https://opencollective.com/CSS-file-icons"],"categories":["HTML","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"## CSS file icons\n[![Backers on Open Collective](https://opencollective.com/CSS-file-icons/backers/badge.svg)](#backers)\n [![Sponsors on Open Collective](https://opencollective.com/CSS-file-icons/sponsors/badge.svg)](#sponsors)\n\nPure CSS file icons for popular extensions lightweight css library\n\n## Icons\n[\u003cimg src=\"https://raw.githubusercontent.com/colorswall/CSS-file-icons/master/src/images/icons.png\" alt=\"CSS file icons\" data-canonical-src=\"https://raw.githubusercontent.com/colorswall/CSS-file-icons/master/src/images/icons.png\" width=\"721\" height=\"241\" /\u003e](https://colorswall.github.io/CSS-file-icons/)\n\n[Demo](https://colorswall.github.io/CSS-file-icons/)\n\n## Usage\nInclude `css-file-icons.css` to html or install via npm\n```\nnpm i css-file-icons --save\n```\ninclude css file `css-file-icons.css` from folder `build`\n\n## Example\n```html\n\u003cdiv class=\"fi fi-doc\"\u003e\n    \u003cdiv class=\"fi-content\"\u003edoc\u003c/div\u003e\n\u003c/div\u003e\n```\n\n## File extensions\nmp3, wav, aif, cda, mid, midi, mpa, mkv, ogg, wpa, wpl,\n7z, zip, rar, tar.gz, pkg, z,\ncsv, dat, json, xml, dat, db, dbf,\nsql, ns,\n3ds, max, ai, psd,\nttf, woff, woff2,\npng, bmp, jpg, jpeg, gif, tif, tiff, svg,\nrss, torrent,\nppt, pps, pptx, odp,\nasp, c, cs, java, jsp, swift, php, hh, go, py, js, html, xhtml, css, vb, rb, scss, sass, less, jsx, sh, pl,\nxls, xlsx, xlsm, ods,\ndll, bak, ini, dmp, sys, cfg, tmp, icns,\ndoc, docx, log, txt, pdf,\navi, mov, mp4, mpg, mpeg, mkv, wmv,\nwps, exe.\n\n ```css\n.fi.fi-*extension*\n/*\n  where *extension* = file extension.\n  example: .fi.fi-doc\n*/\n ```\n\n## Sizes\n ```css\n.fi.fi-size-xs\n.fi.fi-size-sm // default\n.fi.fi-size-md\n.fi.fi-size-lg\n.fi.fi-size-xl\n ```\n## Rounded\nsm, md\ndefault border radius 0\n```scss\n.fi-round-sm\n.fi-round-md\n```\n## SCSS Mixins\n#### New icon color\n```scss\n@mixin fi-color($class, $color, $text_color:$file_icon_text_color)\n```\n#### Icon size\n```scss\n@mixin fi-size($class, $width, $height, $arrow_h, $font_size)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute.\n\u003ca href=\"https://github.com/colorswall/CSS-file-icons/graphs/contributors\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/contributors.svg?width=890\u0026button=false\" /\u003e\u003c/a\u003e\n\n## Browsers support\n`CSS file icons` supports all modern browsers (Chrome, Firefox, Opera and Internet Exploer \u003e= 9)\n\n## Wordpress version\n[CSS File Icons WP](https://github.com/colorswall/CSS-file-icons-wp)\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/CSS-file-icons#backer)]\n\n\u003ca href=\"https://opencollective.com/CSS-file-icons#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/backers.svg?width=890\"\u003e\u003c/a\u003e\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/CSS-file-icons#sponsor)]\n\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/0/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/1/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/2/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/3/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/4/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/5/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/6/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/7/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/8/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/CSS-file-icons/sponsor/9/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/CSS-file-icons/sponsor/9/avatar.svg\"\u003e\u003c/a\u003e\n\nCreated by [ColorsWall](https://colorswall.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcolorswall%2FCSS-file-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcolorswall%2FCSS-file-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcolorswall%2FCSS-file-icons/lists"}