{"id":19540632,"url":"https://github.com/polydile/social-icon","last_synced_at":"2025-04-26T16:31:55.197Z","repository":{"id":34861767,"uuid":"185230623","full_name":"Polydile/social-icon","owner":"Polydile","description":"Web component to display social icons, based on LitElement","archived":false,"fork":false,"pushed_at":"2023-01-04T03:56:40.000Z","size":2841,"stargazers_count":2,"open_issues_count":24,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-27T13:19:32.045Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/Polydile.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":"2019-05-06T16:11:27.000Z","updated_at":"2021-01-22T12:13:27.000Z","dependencies_parsed_at":"2023-01-15T09:38:45.400Z","dependency_job_id":null,"html_url":"https://github.com/Polydile/social-icon","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fsocial-icon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fsocial-icon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fsocial-icon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fsocial-icon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Polydile","download_url":"https://codeload.github.com/Polydile/social-icon/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251017574,"owners_count":21523608,"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-11T03:05:19.431Z","updated_at":"2025-04-26T16:31:55.190Z","avatar_url":"https://github.com/Polydile.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Moved\n\n**This package has moved** and is now available at [@dile/ui](https://github.com/Polydile/dile-components). Please update your dependencies. This repository is no longer maintained. You can read the documentation at [Dile Components](https://dile-components.com/).\n\n# dile-social-icon\n\nWeb component to display icons from the main social networks and communities, based on LitElement.\n\nGo to [DEMO page](https://dile-social-icon.polydile.com)!\n\n## Usage\n\n1) Install the npm package\n\n```bash\nnpm i social-icon\n```\n\n2) Include the script of the component in your web page or application\n\n```html\n\u003cscript type=\"module\"\u003e\n  import 'social-icon/dile-social-icon.js';\n\u003c/script\u003e\n```\n\n3) Use the web component\n\n```html\n\u003cdile-social-icon icon=\"facebook\"\u003e\u003c/dile-social-icon\u003e\n```\n\nThe icon property is used to set the icon you want to show. There are icons from the main social networks and services. \n\n## Icons available\n\nThe icon property accepts the social icons listed bellow:\n\n- facebook\n- google\n- twitter\n- pinterest\n- linkedin\n- youtube\n- whatsapp\n- instagram\n- gmail\n- snapchat\n- github\n\nNote that the name of the icon is allways in lowercase.\n\n## Custom styles\n\nYou can customize the icon styles using CSS Custom Styles.\n\nCustom property | Description | Default\n----------------|-------------|---------\n--dile-social-icon-color | Icon color | #888\n--dile-social-icon-size | Icon size (this sets width \u0026 height to the same value) | 24px\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolydile%2Fsocial-icon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpolydile%2Fsocial-icon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolydile%2Fsocial-icon/lists"}