{"id":187423,"date":"2024-03-23T10:12:08","date_gmt":"2024-03-23T10:12:08","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/block-icons-google-icons-for-blocks-editor\/"},"modified":"2026-06-07T02:07:50","modified_gmt":"2026-06-07T02:07:50","slug":"block-icons-google","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/block-icons-google\/","author":20431812,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.0","stable_tag":"2.0.0","tested":"7.0","requires":"6.3","requires_php":"7.4","requires_plugins":null,"header_name":"Block Icons: Google Library Collection","header_author":"Yuky Hendiawan","header_description":"Block Icons: Google Library Collection is a Gutenberg plugin specifically designed to effortlessly showcase a collection of Google icons. With this plugin, you can seamlessly add and customize Google icons directly through the Gutenberg blocks.","assets_banners_color":"071936","last_updated":"2026-06-07 02:07:50","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/yukyhendiawan.com\/","header_plugin_uri":"https:\/\/yukyhendiawan.com\/","header_author_uri":"https:\/\/yukyhendiawan.com\/","rating":5,"author_block_rating":0,"active_installs":90,"downloads":1461,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.3.0":{"tag":"1.3.0","author":"yukyhendiawan","date":"2025-01-01 18:32:14"},"1.3.1":{"tag":"1.3.1","author":"yukyhendiawan","date":"2025-01-01 18:36:13"},"2.0.0":{"tag":"2.0.0","author":"yukyhendiawan","date":"2026-06-07 02:07:50"}},"upgrade_notice":{"2.0.0":"<p>Major rewrite with inline-SVG output (no font, no external requests). Existing icons keep working automatically \u2014 no action required.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3057314,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3057314,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3057314,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3057314,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"block-icons-google\/icon":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"block-icons-google\/icon","version":"2.0.0","title":"Icon","category":"media","description":"Insert and customize Google Material Symbols icons.","keywords":["icon","google","material","symbols","svg"],"textdomain":"block-icons-google","attributes":{"iconName":{"type":"string","default":""},"style":{"type":"string","default":"outlined"},"fill":{"type":"boolean","default":false},"size":{"type":"number","default":48},"hoverColor":{"type":"string","default":""},"justification":{"type":"string","default":""},"url":{"type":"string","default":""},"linkTarget":{"type":"string","default":""},"rel":{"type":"string","default":""},"label":{"type":"string","default":""},"isDecorative":{"type":"boolean","default":false}},"supports":{"html":false,"color":{"text":true,"background":false,"gradients":false},"spacing":{"margin":true,"padding":true}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","render":"file:.\/render.php"}},"tagged_versions":["1.3.0","1.3.1","2.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3563428,"resolution":"1","location":"assets","locale":"","width":1823,"height":940},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3563428,"resolution":"2","location":"assets","locale":"","width":1837,"height":925},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3563428,"resolution":"3","location":"assets","locale":"","width":2165,"height":1100},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3563429,"resolution":"4","location":"assets","locale":"","width":2165,"height":1013}},"screenshots":{"1":"The Icon block and its picker (search + categories).","2":"Per-icon style controls in the editor sidebar."}},"plugin_section":[],"plugin_tags":[1220,148076,498,266065,2904],"plugin_category":[50],"plugin_contributors":[225866],"plugin_business_model":[],"class_list":["post-187423","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-gutenberg","plugin_tags-icons","plugin_tags-material-symbols","plugin_tags-svg","plugin_category-media","plugin_contributors-yukyhendiawan","plugin_committers-yukyhendiawan"],"banners":{"banner":"https:\/\/ps.w.org\/block-icons-google\/assets\/banner-772x250.png?rev=3057314","banner_2x":"https:\/\/ps.w.org\/block-icons-google\/assets\/banner-1544x500.png?rev=3057314","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/block-icons-google\/assets\/icon-128x128.png?rev=3057314","icon_2x":"https:\/\/ps.w.org\/block-icons-google\/assets\/icon-256x256.png?rev=3057314","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/block-icons-google\/assets\/screenshot-1.png?rev=3563428","caption":"The Icon block and its picker (search + categories)."},{"src":"https:\/\/ps.w.org\/block-icons-google\/assets\/screenshot-2.png?rev=3563428","caption":"Per-icon style controls in the editor sidebar."},{"src":"https:\/\/ps.w.org\/block-icons-google\/assets\/screenshot-3.png?rev=3563428","caption":""},{"src":"https:\/\/ps.w.org\/block-icons-google\/assets\/screenshot-4.png?rev=3563429","caption":""}],"raw_content":"<!--section=description-->\n<p>Block Icons adds a single, focused <strong>Icon<\/strong> block to the WordPress block editor for inserting Google Material Symbols.<\/p>\n\n<p>Browse thousands of icons in three styles (Outlined, Rounded, Sharp) with search, category filtering, and recently-used \u2014 then drop one into your content and style it.<\/p>\n\n<p><strong>Highlights<\/strong><\/p>\n\n<ul>\n<li>Thousands of Google Material Symbols, three styles, plus filled variants.<\/li>\n<li>Fast picker: search by name or keyword, filter by category, recently-used.<\/li>\n<li>Clean <strong>inline SVG<\/strong> output \u2014 no icon font is loaded and no external requests are made, so it is fast and privacy-friendly.<\/li>\n<li>Per-icon controls: style, fill, size, color, hover color, alignment, link (with open-in-new-tab), and accessibility (mark decorative or set a label).<\/li>\n<li>Server-rendered (dynamic) block: changing how icons render in future updates won't invalidate your existing content.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin to <code>\/wp-content\/plugins\/<\/code>, or install it from the Plugins screen.<\/li>\n<li>Activate the plugin through the Plugins menu.<\/li>\n<li>In the editor, add the <strong>Icon<\/strong> block (Media category), open the picker, and choose an icon.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20load%20a%20font%20or%20call%20an%20external%20service%3F\"><h3>Does it load a font or call an external service?<\/h3><\/dt>\n<dd><p>No. Icons are rendered as inline SVG bundled with the plugin. Nothing is loaded from Google or any third party.<\/p><\/dd>\n<dt id=\"which%20icons%20are%20included%3F\"><h3>Which icons are included?<\/h3><\/dt>\n<dd><p>The Google Material Symbols library in Outlined, Rounded, and Sharp styles, including filled variants.<\/p><\/dd>\n<dt id=\"i%20am%20upgrading%20from%20an%20older%20version%20%E2%80%94%20will%20my%20existing%20icons%20break%3F\"><h3>I am upgrading from an older version \u2014 will my existing icons break?<\/h3><\/dt>\n<dd><p>No. Icons placed with earlier versions keep working: they are automatically re-rendered as inline SVG, with no action required. You can also convert an old icon to the new Icon block from the editor's block toolbar.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Complete rewrite. New Icon block: browse thousands of Material Symbols (Outlined \/ Rounded \/ Sharp) with search, categories, and recently-used.<\/li>\n<li>Output is now inline SVG \u2014 no icon font and no external requests (faster, privacy-friendly).<\/li>\n<li>Per-icon controls: style, fill, size, color, hover color, alignment, link, and accessibility.<\/li>\n<li>Backward compatible: existing icons from earlier versions are re-rendered as inline SVG automatically, and can be converted to the new block from the toolbar.<\/li>\n<\/ul>","raw_excerpt":"Add and customize Google Material Symbols icons in the block editor, output as clean inline SVG \u2014 no icon font, no external requests.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/187423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=187423"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/yukyhendiawan"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=187423"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=187423"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=187423"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=187423"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=187423"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=187423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}