{"id":21714480,"url":"https://github.com/frizbee/china_media_icons","last_synced_at":"2025-03-20T19:23:03.871Z","repository":{"id":72570633,"uuid":"61614806","full_name":"frizbee/china_media_icons","owner":"frizbee","description":"Chinese media icons","archived":false,"fork":false,"pushed_at":"2016-08-01T03:32:39.000Z","size":570,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-25T17:33:08.374Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/frizbee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2016-06-21T08:06:22.000Z","updated_at":"2016-06-21T08:09:41.000Z","dependencies_parsed_at":"2023-06-10T07:00:15.873Z","dependency_job_id":null,"html_url":"https://github.com/frizbee/china_media_icons","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frizbee%2Fchina_media_icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frizbee%2Fchina_media_icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frizbee%2Fchina_media_icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frizbee%2Fchina_media_icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/frizbee","download_url":"https://codeload.github.com/frizbee/china_media_icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244676451,"owners_count":20491828,"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-11-26T00:35:33.968Z","updated_at":"2025-03-20T19:23:03.866Z","avatar_url":"https://github.com/frizbee.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chinese Media Icons\n\n![Alt text](https://s3-ap-southeast-1.amazonaws.com/viimgs/china-media-fonts.png)\n\n## Icon Font Cloud\n\n\u003clink href=\"https://file.myfontastic.com/iLoXdJm75bmJM4orFL4oMA/icons.css\" rel=\"stylesheet\"\u003e\n\n### HOW TO INSERT ICONS INTO YOUR WEBSITE?\n\nFirst, link your HTML page to the icon fonts and CSS files.\n\nInsert the icon class name into any HTML tag to add the icon. The default CSS class prefix is 'icon-' ~\u003e class=\"icon-baidu\":\n\n![Alt text](http://app.fontastic.me/static/images/download/5.png)\n\nThen, add the CSS class, from the Icons Reference above, to any HTML tag. \n\n## SVG Sprite Icon Cloud\n\n### HOW TO INSERT ICONS INTO YOUR WEBSITE?\n\nLet's assume that you already clicked the \"Publish\" button and copied the script tag into your HTML page header. There are two more steps left to see your icons on it.\n\n1 - Go to \"Icons Reference\" and choose an icon that you want to have on your HTML page. Then click and copy its markup to your HTML page. For instance, the markup for a twitter icon could look like this:\n\n```\n\u003csvg class=\"icon-twitter\"\u003e\u003cuse xlink:href=\"#icon-twitter\"\u003e\u003c/use\u003e\u003c/svg\u003e\n```\n\n2 - Add the code below to the CSS file that you use for your html page:\n\n```\n[class^=\"icon-\"], [class*=\" icon-\"] {\n    height: 32px;\n    width: 32px;\n    display: inline-block; \n    fill: currentColor; \n}\n```\n\nYou can use `height` and `width` properties to control icon size. To define icon color use `fill` property. Note: `currentColor` keyword inherits the color value of a parent element.\n\n### Brand colors\n```\nTaoBao HEX:#ff4400 RGB(255, 68, 0)\nWeibo HEX:#E51C34 RGB(229, 28, 52)\nTencent Weibo HEX:#3FA1D8 RGB(63, 161, 216)\nQQ HEX:#60A5E4 RGB(96, 165, 228)\nWeChat HEX:#7CB139 RGB(124, 177, 57)\nBaidu HEX:#2319dc RGB(35, 25, 220)\n(Tencent) Friend Circle? ???\nDou Ban HEX:#007722 RGB(0,119,34)\nRen Ren HEX:#227DC5 RGB(34,125,197)\nQzone HEX:#FFD302 RGB(255,211,2)\nKaixin HEX:#EE4C56 RGB(238,76,86)\n(Xiaomi) Miliao HEX:#3DCE56 RGB(61,206,86)\n```\n\n## Credits\nThis set was made by me, using ready made icon set of *`zcool.com.cn`* and genereted using *`fontastic.me`* for the needs of the company. The company adapts to the tourism market and at this moment the largest number of tour flow comes from China.\n\n*Adobe Illustrator icon set Author `zcool.com.cn`*\n*Icons generated using `fontastic.me`*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrizbee%2Fchina_media_icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrizbee%2Fchina_media_icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrizbee%2Fchina_media_icons/lists"}