{"id":48521155,"url":"https://github.com/madebysan/material-icons-picker","last_synced_at":"2026-04-07T21:01:34.946Z","repository":{"id":344457720,"uuid":"1181902309","full_name":"madebysan/material-icons-picker","owner":"madebysan","description":"Figma plugin to browse, search, and insert Google Material Symbols","archived":false,"fork":false,"pushed_at":"2026-03-14T19:29:57.000Z","size":486,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-15T05:38:58.805Z","etag":null,"topics":["design-tools","figma","figma-plugin","google-icons","javascript","material-icons","material-symbols"],"latest_commit_sha":null,"homepage":"https://www.figma.com/community/plugin/1614730415386870995","language":"HTML","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/madebysan.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-14T19:26:33.000Z","updated_at":"2026-03-14T19:36:03.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/madebysan/material-icons-picker","commit_stats":null,"previous_names":["madebysan/material-icons-picker"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/madebysan/material-icons-picker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Fmaterial-icons-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Fmaterial-icons-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Fmaterial-icons-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Fmaterial-icons-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madebysan","download_url":"https://codeload.github.com/madebysan/material-icons-picker/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Fmaterial-icons-picker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31528751,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["design-tools","figma","figma-plugin","google-icons","javascript","material-icons","material-symbols"],"created_at":"2026-04-07T21:01:06.291Z","updated_at":"2026-04-07T21:01:34.935Z","avatar_url":"https://github.com/madebysan.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/app-icon.png\" width=\"128\" height=\"128\" alt=\"Material Icons Picker icon\"\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eMaterial Icons Picker\u003c/h1\u003e\n\u003cp align=\"center\"\u003eBrowse, search, and insert Google Material Symbols — always live, always current.\u003c/p\u003e\n\u003cp align=\"center\"\u003eFigma Plugin\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003ca href=\"https://www.figma.com/community/plugin/1614730415386870995\"\u003e\u003cstrong\u003eInstall from Figma Community\u003c/strong\u003e\u003c/a\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/screenshot.png\" width=\"600\" alt=\"Material Icons Picker – plugin UI\"\u003e\n\u003c/p\u003e\n\n---\n\n## What It Does\n\nGives you instant access to every Google Material Symbol, fetched live from Google's API on every launch — no manual updates, no stale libraries. Search, browse, copy icon names, or insert SVGs directly onto your canvas.\n\n## Features\n\n- **Smart search** — relevance-ranked results (exact match first, then prefix, contains, tag match). Typing \"home\" puts the `home` icon first, not `home_repair_service`.\n- **Category filters** — Action, Android, Audio \u0026 Video, Communication, and more\n- **Outlined / Filled** — toggle styles, setting saved across sessions\n- **Small / Large** — icon size toggle, saved across sessions\n- **Favorites** — star icons for quick access, persisted across sessions\n- **Insert to canvas** — drop any icon as an SVG vector directly onto your Figma canvas\n- **Copy icon name** — click any icon to copy its name for developer handoff\n- **Enter to copy** — press Enter to copy the first search result\n- **Escape to clear** — press Escape to clear the search field\n- **Open on Google Fonts** — jump to any icon's detail page\n- **Dark mode** — follows your Figma theme automatically\n- **Performance** — lazy-loaded grid handles 3,000+ icons smoothly\n\n## Install\n\n### From Figma Community\n\n\u003ca href=\"https://www.figma.com/community/plugin/1614730415386870995\"\u003e\u003cstrong\u003eInstall Material Icons Picker\u003c/strong\u003e\u003c/a\u003e\n\n### For development\n\n1. Clone this repo\n2. In Figma Desktop: **Plugins \u003e Development \u003e Import plugin from manifest...**\n3. Select the `manifest.json` file from this folder\n\n## Files\n\n| File | Purpose |\n|------|---------|\n| `manifest.json` | Plugin manifest with network access declarations |\n| `code.js` | Main plugin thread — SVG insert, persistence, notifications |\n| `ui.html` | Full plugin UI — search, grid, favorites, styles |\n\n## How It Works\n\nThe plugin fetches icon metadata from Google's Material Symbols API on launch, filters to icons supported by the Material Symbols Outlined font family, and renders them using the variable font loaded from Google Fonts CDN. User preferences (style, size, favorites) are stored via `figma.clientStorage` for cross-session persistence. SVG insertion uses `figma.createNodeFromSvg()` with vectors fetched from `fonts.gstatic.com`.\n\n## Feedback\n\nFound a bug or have a feature idea? [Open an issue](https://github.com/madebysan/material-icons-picker/issues).\n\n## License\n\n[MIT](LICENSE)\n\n---\n\nMade by [santiagoalonso.com](https://santiagoalonso.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadebysan%2Fmaterial-icons-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadebysan%2Fmaterial-icons-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadebysan%2Fmaterial-icons-picker/lists"}