[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-ionicons-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-ionicons-en-US":114,"related-resources-ionicons-en-US":175},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":23,"cons":28,"best_for":31,"cover":32,"icon":33,"pricing":34,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":35,"views_count":36,"featured_rank":10,"categories":37,"tags":42,"files":10},69,"Ionicons","ionicons","https:\u002F\u002Fionic.io\u002Fionicons","2026-06-12T06:46:08.133294+00:00",null,"The Open-Source Icon Set for Modern Cross-Platform Apps","Ionicons is a premium, open-source icon library designed and maintained by the Ionic Framework team. It is crafted for modern web, iOS, Android, and desktop applications, renowned for its clean, consistent design style and deep optimization for cross-platform development.\nDesigned for Cross-Platform: This is the core design philosophy of Ionicons. Many of its icons come with platform-specific variants for both iOS and Android (Material Design). This means your app can automatically display the icon that best matches the native look and feel of the platform it's running on, enhancing user experience and consistency.\nThree Clear Styles: Ionicons provides three core styles for every icon to suit different UI needs:\nOutline: A clean and lightweight line style.\nFill: A solid style with more visual weight.\nSharp: A sharp, more angular variant for a distinct look.\nNative Integration with Ionic Framework: For developers building cross-platform apps with the Ionic Framework, Ionicons is the \"native,\" out-of-the-box choice, making integration incredibly simple and seamless.\nCompletely Open-Source & Built with Web Components: Ionicons is a completely free, open-source project (MIT license). It is built as a Web Component, which not only makes it lightweight and performant but also allows it to be easily used in any front-end framework (React, Vue, Angular, etc.) or in a plain HTML project.\nIonicons is more than just a pretty icon set; it's a professional solution built to solve the challenge of visual consistency in cross-platform development. While it is closely tied to the Ionic Framework, its excellent design and modern technical architecture make it a fantastic choice for any web or mobile application that aims to maintain a unified, high-quality visual experience across all devices.",{"title":14,"description":11},"Ionicons - The Open-Source Icon Set for Modern Cross-Platform Apps | DesignToolMark",[16,17,18,19,20,21,22],"Designed for Cross-Platform: This is the core design philosophy of Ionicons. Many of its icons come with platform-specific variants for both iOS and Android (Material Design). This means your app can automatically display the icon that best matches the native look and feel of the platform it's running on, enhancing user experience and consistency.","Three Clear Styles: Ionicons provides three core styles for every icon to suit different UI needs:","Outline: A clean and lightweight line style.","Fill: A solid style with more visual weight.","Sharp: A sharp, more angular variant for a distinct look.","Native Integration with Ionic Framework: For developers building cross-platform apps with the Ionic Framework, Ionicons is the \"native,\" out-of-the-box choice, making integration incredibly simple and seamless.","Completely Open-Source & Built with Web Components: Ionicons is a completely free, open-source project (MIT license). It is built as a Web Component, which not only makes it lightweight and performant but also allows it to be easily used in any front-end framework (React, Vue, Angular, etc.) or in a plain HTML project.",[24,25,26,27],"Free to use","Open source","Real-time collaboration","Extensive icon library",[29,30],"Free tier may have limited selection","Premium assets require payment","Ionicons is more than just a pretty icon set; it's a professional solution built to solve the challenge of visual consistency in cross-platform development. While it is closely tied to the Ionic Framework, its excellent design and modern technical architecture make it a fantastic choice for any web or mobile application that aims to maintain a unified, high-quality visual experience across all devices.","screenshots\u002Fionicons.webp","4111d5ac-4543-4b10-97c2-9bff2c1a0cc1.svg","free",{"free":3},0,[38],{"name":39,"slug":40,"sub_categories":41},"Icons","icons",[],[43,44],{"name":39,"slug":40},{"name":45,"slug":46},"Freebie","freebie",[48,67,83,100],{"id":49,"url":50,"icon":10,"name":51,"slug":52,"tags":53,"cover":63,"tagline":64,"is_featured":65,"date_created":66,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[54,56,58,60],{"seo":10,"name":10,"slug":55},"wireframe",{"seo":10,"name":10,"slug":57},"user-research",{"seo":10,"name":10,"slug":59},"web-design",{"seo":10,"name":61,"slug":62},"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":68,"url":69,"icon":10,"name":70,"slug":71,"tags":72,"cover":80,"tagline":81,"is_featured":65,"date_created":82,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[73,74,75,77,79],{"seo":10,"name":10,"slug":55},{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":76},"collaboration",{"seo":10,"name":10,"slug":78},"design-handoff",{"seo":10,"name":61,"slug":62},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":84,"url":85,"icon":10,"name":86,"slug":87,"tags":88,"cover":97,"tagline":98,"is_featured":65,"date_created":99,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[89,90,92,93,95,96],{"seo":10,"name":10,"slug":55},{"seo":10,"name":10,"slug":91},"prototyping",{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":94},"responsive",{"seo":10,"name":10,"slug":40},{"seo":10,"name":61,"slug":62},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":111,"tagline":112,"is_featured":65,"date_created":113,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[106,107,108,109,110],{"seo":10,"name":10,"slug":55},{"seo":10,"name":10,"slug":91},{"seo":10,"name":10,"slug":76},{"seo":10,"name":10,"slug":78},{"seo":10,"name":61,"slug":62},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[115,121,127,133,139,145,151,157,163,169],{"url":116,"name":117,"slug":118,"cover":119,"tagline":120},"https:\u002F\u002Flordicon.com\u002F","Lordicon","lordicon","a7741a99-07b4-422f-a6f0-687867a87bb6.webp","The Animated Icon Library for Micro-interactions",{"url":122,"name":123,"slug":124,"cover":125,"tagline":126},"https:\u002F\u002Fwww.anron.pro\u002F","Anron","anron","53fe85bf-1a3d-4563-b8a3-11d69eb8a124.webp","Anron is a platform specializing in flexible Figma-based icon libraries, featuring 5,000+ high-quality icons across 6 styles and 19 categories, designed specifically for UI\u002FUX designers with emphasis on flexibility and customization.",{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Ficonists.co\u002Fcentral","Central Icon","central-icon","screenshots\u002Fcentral-icon.webp","Central is a universally adaptable icon system featuring over 1,300 symbols with 30 variants each, totaling 40,000+ icons. It aims to adapt to different brand and product needs through flexible design rules.",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fwww.streamlinehq.com\u002F","Streamline Icons","streamline-icons","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.",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"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":146,"name":147,"slug":148,"cover":149,"tagline":150},"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.",{"url":152,"name":153,"slug":154,"cover":155,"tagline":156},"https:\u002F\u002Fhugeicons.com\u002F","Hugeicons","hugeicons","87ef335c-e721-4cfb-aa06-1fc89d85a2ab.webp","high-quality icon resource platform for designers and developers, currently used by over 100K+ developers and designers, featuring more than 40,000 free and premium icons.",{"url":158,"name":159,"slug":160,"cover":161,"tagline":162},"https:\u002F\u002Ficonic.app\u002F","Iconic","iconic","screenshots\u002Ficonic.webp","Iconic is a resource platform offering free pixel-perfect icons with a \"do wtf you want with\" license, with new icons added weekly.",{"url":164,"name":165,"slug":166,"cover":167,"tagline":168},"https:\u002F\u002Fpikaicons.com\u002F","Pikaicons","pikaicons","0e9d14c1-19af-495a-8042-862ccfa09524.webp","The Playful & Approachable Open-Source Icon Set",{"url":170,"name":171,"slug":172,"cover":173,"tagline":174},"https:\u002F\u002Fwww.flaticon.com\u002F","Flaticon","flaticon","cdb07b11-fb16-426f-85af-66d11ab8b119.webp","The World's Largest Database of Free Icons",[176,185,197],{"url":134,"icon":177,"name":135,"slug":136,"tags":178,"cover":137,"tagline":138,"is_featured":10,"date_created":183,"date_updated":184},"1fe12c0e-3079-42d7-bc41-20a47a17f6a7.svg",[179,180,182],{"seo":10,"name":10,"slug":40},{"seo":10,"name":10,"slug":181},"ai",{"seo":10,"name":10,"slug":46},"2025-10-01T04:40:25.904+00:00","2026-06-13T07:57:28.597+00:00",{"url":186,"icon":187,"name":188,"slug":189,"tags":190,"cover":193,"tagline":194,"is_featured":10,"date_created":195,"date_updated":196},"https:\u002F\u002Fwww.reshot.com\u002Ffree-svg-icons\u002F","1e2b650a-fb76-45d8-a030-e96e8b39d3be.svg","Reshot Icons","reshot-icons",[191,192],{"seo":10,"name":10,"slug":40},{"seo":10,"name":10,"slug":46},"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":198,"icon":199,"name":200,"slug":201,"tags":202,"cover":205,"tagline":206,"is_featured":10,"date_created":207,"date_updated":208},"https:\u002F\u002Fakveo.github.io\u002Feva-icons","b9006f5b-593e-4600-afbb-c10c68b2a839.svg","Eva Icons","eva-icons",[203,204],{"seo":10,"name":10,"slug":40},{"seo":10,"name":10,"slug":46},"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"]