{"id":22705656,"url":"https://github.com/tox82/iconify-select-plugin","last_synced_at":"2025-09-25T10:18:54.086Z","repository":{"id":181418366,"uuid":"666752765","full_name":"ToX82/iconify-select-plugin","owner":"ToX82","description":"Iconify Select Plugin enhances icon selection with a user-friendly interface and efficient searching.","archived":false,"fork":false,"pushed_at":"2023-07-15T13:57:26.000Z","size":11,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-22T04:32:04.982Z","etag":null,"topics":["iconify","icons","search"],"latest_commit_sha":null,"homepage":"https://tox82.github.io/iconify-select-plugin/","language":"JavaScript","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/ToX82.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":null,"support":null,"governance":null}},"created_at":"2023-07-15T13:10:29.000Z","updated_at":"2024-11-20T23:57:32.000Z","dependencies_parsed_at":"2023-07-15T14:33:09.231Z","dependency_job_id":null,"html_url":"https://github.com/ToX82/iconify-select-plugin","commit_stats":null,"previous_names":["tox82/iconify-select-plugin"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ToX82%2Ficonify-select-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ToX82%2Ficonify-select-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ToX82%2Ficonify-select-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ToX82%2Ficonify-select-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ToX82","download_url":"https://codeload.github.com/ToX82/iconify-select-plugin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246239569,"owners_count":20745731,"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":["iconify","icons","search"],"created_at":"2024-12-10T09:12:32.859Z","updated_at":"2025-09-25T10:18:49.037Z","avatar_url":"https://github.com/ToX82.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Iconify Select Plugin\n\nIconify Select Plugin is a tiny JavaScript module that enhances icon selection experience.\n\nIt seamlessly integrates with the [iconify.design](https://iconify.design) library to provide a user-friendly interface for effortless searching and selecting icons.\nThe module is designed to be extremely easy to use. Simply load the plugin's JavaScript file, and it will dynamically load its stylesheet and the necessary Iconify library.\n\nThe plugin offers efficient searching through an API, making it simple to find and select the perfect icon for your project.\n\nFeel free to adjust and customize the description to fit your specific preferences and style.\n\n## Where can I find the demo?\n\nCheck it out [here](https://tox82.github.io/iconify-select-plugin/).\n\n## How does it work?\n\nTo use Iconify Select Plugin, add the following script tag to your webpage:\n\n    \u003cscript src=\"https://cdn.jsdelivr.net/npm/iconify-select-plugin@1/iconify-select-plugin.min.js\"\u003e\u003c/script\u003e\n\nNext, add an HTML element that loads the iconify-select-plugin, specifying the data-icon-input and data-color-input parameters.\nThese parameters refer to the classes of two separate inputs where the module will write the icon code and color of your selection.\n\n    \u003cbutton class=\"iconify-open-dialog\" data-icon-input=\"iconify-select\" data-color-input=\"iconify-color\"\u003eFind an icon!\u003c/button\u003e\n    \u003cinput type=\"text\" class=\"iconify-select\"\u003e\n    \u003cinput type=\"text\" class=\"iconify-color\"\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftox82%2Ficonify-select-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftox82%2Ficonify-select-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftox82%2Ficonify-select-plugin/lists"}