[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-material-symbols-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":53,"alternatives-material-symbols-en-US":120,"related-resources-material-symbols-en-US":157},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":24,"cons":29,"best_for":32,"cover":33,"icon":34,"pricing":35,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":36,"views_count":37,"featured_rank":10,"categories":38,"tags":43,"files":10},61,"Material Symbols","material-symbols","https:\u002F\u002Ffonts.google.com\u002Ficons","2026-06-12T06:45:57.001707+00:00",null,"The Next-Generation Variable Icon System from Google","Material Symbols is the latest-generation icon library, designed and maintained by Google as a major upgrade to the classic Material Icons. It not only adheres to the Material Design language but also innovatively introduces \"Variable Font\" technology, offering designers and developers an unprecedented level of customization.\nRevolutionary Variability: This is the core feature of Material Symbols. It packages all icons into a single variable font file and provides four adjustable \"axes\" for fine-tuning:\nWeight: Freely adjust the stroke thickness, from thin to bold.\nFill: Control whether the icon is an outline or fully filled.\nGrade: Fine-tune the visual weight for optical balance against different backgrounds or at different sizes.\nOptical Size: Automatically optimizes the icon's details and clarity for different display sizes.\nCompletely Free & Open Source: Google has made the entire Material Symbols library, including all its styles and variable features, available for free under the Apache 2.0 license, with no commercial restrictions.\nPerfectly Unified with the Google Ecosystem: As the official icon set for Material Design 3, it maintains perfect visual consistency with Android, Flutter, and various Google services, making it the best choice for building native-feeling experiences.\nComprehensive Coverage with Three Styles: It offers thousands of icons covering the vast majority of use cases. In addition to the variable font version, it also comes in three distinct, pre-set styles: Outlined, Rounded, and Sharp.\nMaterial Symbols is no longer just a static collection of icons; it's a dynamic and highly adaptive \"icon generation engine.\" Through variable font technology, it elevates the flexibility of icon design to a whole new dimension, enabling designers and developers to create the most visually harmonious and clear icons for any context with maximum efficiency.",{"title":14,"description":11},"Material Symbols - The Next-Generation Variable Icon System from Google | DesignToolMark",[16,17,18,19,20,21,22,23],"Revolutionary Variability: This is the core feature of Material Symbols. It packages all icons into a single variable font file and provides four adjustable \"axes\" for fine-tuning:","Weight: Freely adjust the stroke thickness, from thin to bold.","Fill: Control whether the icon is an outline or fully filled.","Grade: Fine-tune the visual weight for optical balance against different backgrounds or at different sizes.","Optical Size: Automatically optimizes the icon's details and clarity for different display sizes.","Completely Free & Open Source: Google has made the entire Material Symbols library, including all its styles and variable features, available for free under the Apache 2.0 license, with no commercial restrictions.","Perfectly Unified with the Google Ecosystem: As the official icon set for Material Design 3, it maintains perfect visual consistency with Android, Flutter, and various Google services, making it the best choice for building native-feeling experiences.","Comprehensive Coverage with Three Styles: It offers thousands of icons covering the vast majority of use cases. In addition to the variable font version, it also comes in three distinct, pre-set styles: Outlined, Rounded, and Sharp.",[25,26,27,28],"Free to use","Open source","Extensive icon library","Customizable colors and sizes",[30,31],"Free tier may have limited selection","Premium assets require payment","Material Symbols is no longer just a static collection of icons; it's a dynamic and highly adaptive \"icon generation engine.\" Through variable font technology, it elevates the flexibility of icon design to a whole new dimension, enabling designers and developers to create the most visually harmonious and clear icons for any context with maximum efficiency.","screenshots\u002Fmaterial-symbols.webp","c8b63f82-0c0b-41cd-9470-3fd6389175a6.svg","free",{"free":3},0,[39],{"name":40,"slug":41,"sub_categories":42},"Icons","icons",[],[44,46,49,50],{"name":45,"slug":35},"Free",{"name":47,"slug":48},"Open Source","open-source",{"name":40,"slug":41},{"name":51,"slug":52},"Freebie","freebie",[54,73,89,106],{"id":55,"url":56,"icon":10,"name":57,"slug":58,"tags":59,"cover":69,"tagline":70,"is_featured":71,"date_created":72,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[60,62,64,66],{"seo":10,"name":10,"slug":61},"wireframe",{"seo":10,"name":10,"slug":63},"user-research",{"seo":10,"name":10,"slug":65},"web-design",{"seo":10,"name":67,"slug":68},"Freemium","freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":74,"url":75,"icon":10,"name":76,"slug":77,"tags":78,"cover":86,"tagline":87,"is_featured":71,"date_created":88,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[79,80,81,83,85],{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":63},{"seo":10,"name":10,"slug":82},"collaboration",{"seo":10,"name":10,"slug":84},"design-handoff",{"seo":10,"name":67,"slug":68},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":90,"url":91,"icon":10,"name":92,"slug":93,"tags":94,"cover":103,"tagline":104,"is_featured":71,"date_created":105,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[95,96,98,99,101,102],{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":97},"prototyping",{"seo":10,"name":10,"slug":65},{"seo":10,"name":10,"slug":100},"responsive",{"seo":10,"name":10,"slug":41},{"seo":10,"name":67,"slug":68},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":107,"url":108,"icon":10,"name":109,"slug":110,"tags":111,"cover":117,"tagline":118,"is_featured":71,"date_created":119,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[112,113,114,115,116],{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":97},{"seo":10,"name":10,"slug":82},{"seo":10,"name":10,"slug":84},{"seo":10,"name":67,"slug":68},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[121,127,133,139,145,151],{"url":122,"name":123,"slug":124,"cover":125,"tagline":126},"https:\u002F\u002Ffontawesome.com\u002F","Font Awesome","font-awesome","12169026-957f-4335-907f-cce8d65c4ed2.webp","The Web's Icon Library and Swiss Army Knife",{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Ffeathericons.com\u002F","Feather","feather","screenshots\u002Ffeather.webp","The Epitome of Open-Source Minimalist Icons",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Flordicon.com\u002F","Lordicon","lordicon","a7741a99-07b4-422f-a6f0-687867a87bb6.webp","The Animated Icon Library for Micro-interactions",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"https:\u002F\u002Ficonscout.com\u002F","IconScout","icon-scout","44bdf34f-2678-46eb-b8d0-b7bab1bb7fe1.webp","Your One-Stop Marketplace for Design Assets",{"url":146,"name":147,"slug":148,"cover":149,"tagline":150},"https:\u002F\u002Fphosphoricons.com\u002F","Phosphor Icons","phosphor-icons","e320208a-130e-4acd-ad33-1d69d16f71e2.webp","Phosphor Icons is a flexible open-source icon family featuring 1,248 high-quality icons (continuously growing), suitable for interface design, diagrams, presentations, and various scenarios.",{"url":152,"name":153,"slug":154,"cover":155,"tagline":156},"https:\u002F\u002Fheroicons.com\u002F","Heroicons","heroicons","c82d4bb9-2a9b-4e90-9f27-54e1f3f29ecf.webp","Heroicons is an SVG icon library created by the developers of Tailwind CSS, featuring 316 handcrafted icons under the MIT open-source license, optimized for React and Vue frameworks.",[158,172,184],{"url":159,"icon":160,"name":161,"slug":162,"tags":163,"cover":168,"tagline":169,"is_featured":10,"date_created":170,"date_updated":171},"https:\u002F\u002Fwww.streamlinehq.com\u002F","1fe12c0e-3079-42d7-bc41-20a47a17f6a7.svg","Streamline Icons","streamline-icons",[164,165,167],{"seo":10,"name":10,"slug":41},{"seo":10,"name":10,"slug":166},"ai",{"seo":10,"name":10,"slug":52},"22f4acc0-f390-4a60-90b4-43efa4f1d353.webp","StreamlineHQ is a resource platform offering massive high-quality icons, featuring 399,638 icons across 34 families and 159 sets. Its scale is 50 times the industry average, with all icons designed by an in-house team of 8 icon designers.","2025-10-01T04:40:25.904+00:00","2026-06-13T07:57:28.597+00:00",{"url":173,"icon":174,"name":175,"slug":176,"tags":177,"cover":180,"tagline":181,"is_featured":10,"date_created":182,"date_updated":183},"https:\u002F\u002Fwww.reshot.com\u002Ffree-svg-icons\u002F","1e2b650a-fb76-45d8-a030-e96e8b39d3be.svg","Reshot Icons","reshot-icons",[178,179],{"seo":10,"name":10,"slug":41},{"seo":10,"name":10,"slug":52},"screenshots\u002Freshot-icons.webp","Envato's free icon and illustration library offering 40,000+ SVG icons and 1,500+ vector illustrations with commercial usage rights, excluding competitive services.","2025-10-02T05:53:12.623+00:00","2026-06-12T06:47:31.203685+00:00",{"url":185,"icon":186,"name":187,"slug":188,"tags":189,"cover":192,"tagline":193,"is_featured":10,"date_created":194,"date_updated":195},"https:\u002F\u002Fakveo.github.io\u002Feva-icons","b9006f5b-593e-4600-afbb-c10c68b2a839.svg","Eva Icons","eva-icons",[190,191],{"seo":10,"name":10,"slug":41},{"seo":10,"name":10,"slug":52},"screenshots\u002Feva-icons.webp","Eva Icons is an open-source icon library by Akveo, featuring 480+ SVG icons with dynamic animations and multi-framework support for web and mobile design.","2025-10-01T05:57:02.849+00:00","2026-06-12T06:47:10.883078+00:00"]