[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-heroicons-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":45,"alternatives-heroicons-en-US":121,"related-resources-heroicons-en-US":176},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":21,"cons":26,"best_for":29,"cover":30,"icon":31,"pricing":32,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":33,"views_count":34,"featured_rank":10,"categories":35,"tags":40,"files":10},64,"Heroicons","heroicons","https:\u002F\u002Fheroicons.com\u002F","2025-11-11T08:21:06.595+00:00",null,"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.","Resource Scale\nIcon Count: 316 high-quality SVG icons\nNaming Convention: Semantic naming such as academic-cap, adjustments-horizontal, archive-box, etc.\nFramework Integration: Provides dedicated libraries for React and Vue\nFile Format: Native SVG format supporting direct use and customization\nClean and Consistent: Simple lines with consistent style, suitable for modern UI design\nFunction Coverage: Covers various functional scenarios including arrows, documents, devices, editing, navigation, etc.\nLicense Information\nOpen Source License: MIT license allowing free commercial and personal use\nUse Cases\nParticularly suitable for use with Tailwind CSS in website, mobile application, admin system, and other UI design projects.",{"title":14,"meta_description":15},"Heroicons - 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. | DesignToolMark","Resource Scale Icon Count: 316 highquality SVG icons Naming Convention: Semantic naming such as academiccap, adjustmentshorizontal, archivebox, etc. Framewor...",[17,18,19,20],"Extensive icon library with consistent design","Multiple formats (SVG, PNG, WebFont)","Search and filter by category","Customizable colors and sizes",[22,23,24,25],"Free to use","Open source","Extensive icon library","Scalable vector formats",[27,28],"Free tier may have limited selection","Premium assets require payment","Open Source License: MIT license allowing free commercial and personal use Particularly suitable for use with Tailwind CSS in website, mobile application, admin system, and other UI design projects.","c82d4bb9-2a9b-4e90-9f27-54e1f3f29ecf.webp","01decdbf-5caa-4b04-9703-971fb71e4d8c.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Icons","icons",[],[41,42],{"name":37,"slug":38},{"name":43,"slug":44},"Freebie","freebie",[46,67,82,95],{"id":47,"url":48,"icon":10,"name":49,"slug":50,"tags":51,"cover":63,"tagline":64,"is_featured":65,"date_created":66,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[52,54,56,57,59,61],{"seo":10,"name":53,"slug":32},"Free",{"seo":10,"name":10,"slug":55},"fonts",{"seo":10,"name":10,"slug":38},{"seo":10,"name":10,"slug":58},"mockups",{"seo":10,"name":10,"slug":60},"ui-kits",{"seo":10,"name":10,"slug":62},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":68,"url":69,"icon":10,"name":70,"slug":71,"tags":72,"cover":79,"tagline":80,"is_featured":65,"date_created":81,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[73,74,77],{"seo":10,"name":53,"slug":32},{"seo":10,"name":75,"slug":76},"Open Source","open-source",{"seo":10,"name":10,"slug":78},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":83,"url":84,"icon":10,"name":85,"slug":86,"tags":87,"cover":92,"tagline":93,"is_featured":65,"date_created":94,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[88,89,90],{"seo":10,"name":53,"slug":32},{"seo":10,"name":10,"slug":60},{"seo":10,"name":10,"slug":91},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":96,"url":97,"icon":10,"name":98,"slug":99,"tags":100,"cover":118,"tagline":119,"is_featured":65,"date_created":120,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[101,104,106,107,110,111,112,114,116],{"seo":10,"name":102,"slug":103},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":105},"ai",{"seo":10,"name":53,"slug":32},{"seo":10,"name":108,"slug":109},"Freemium","freemium",{"seo":10,"name":10,"slug":60},{"seo":10,"name":10,"slug":62},{"seo":10,"name":10,"slug":113},"prototyping",{"seo":10,"name":10,"slug":115},"no-code",{"seo":10,"name":10,"slug":117},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[122,128,134,140,146,152,158,164,170],{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Ffonts.google.com\u002Ficons","Material Symbols","material-symbols","screenshots\u002Fmaterial-symbols.webp","The Next-Generation Variable Icon System from Google",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"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":135,"name":136,"slug":137,"cover":138,"tagline":139},"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":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Ficonscout.com\u002F","IconScout","icon-scout","44bdf34f-2678-46eb-b8d0-b7bab1bb7fe1.webp","Your One-Stop Marketplace for Design Assets",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Ffeathericons.com\u002F","Feather","feather","screenshots\u002Ffeather.webp","The Epitome of Open-Source Minimalist Icons",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Flordicon.com\u002F","Lordicon","lordicon","a7741a99-07b4-422f-a6f0-687867a87bb6.webp","The Animated Icon Library for Micro-interactions",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fpikaicons.com\u002F","Pikaicons","pikaicons","0e9d14c1-19af-495a-8042-862ccfa09524.webp","The Playful & Approachable Open-Source Icon Set",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fwww.flaticon.com\u002F","Flaticon","flaticon","cdb07b11-fb16-426f-85af-66d11ab8b119.webp","The World's Largest Database of Free Icons",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fionic.io\u002Fionicons","Ionicons","ionicons","screenshots\u002Fionicons.webp","The Open-Source Icon Set for Modern Cross-Platform Apps",[177,188,198],{"url":178,"icon":10,"name":179,"slug":180,"tags":181,"cover":185,"tagline":186,"is_featured":65,"date_created":187,"date_updated":10},"https:\u002F\u002Fmacaron-elements.com","Macaron","macaron",[182,183,184],{"seo":10,"name":53,"slug":32},{"seo":10,"name":10,"slug":60},{"seo":10,"name":10,"slug":38},"d4005d4f-7a50-4fc7-9301-61601da5fe64.webp","Free collection of SVG UI elements and design assets","2026-06-23T07:39:09.834107+00:00",{"url":189,"icon":10,"name":190,"slug":191,"tags":192,"cover":195,"tagline":196,"is_featured":65,"date_created":197,"date_updated":10},"https:\u002F\u002Fvectorwiki.com","VectorWiki","vectorwiki",[193,194],{"seo":10,"name":53,"slug":32},{"seo":10,"name":10,"slug":38},"84ecddf4-e16b-4453-a9cc-eeaa05fc56aa.webp","Search engine for thousands of free SVG vector icons","2026-06-23T07:38:54.670067+00:00",{"url":199,"icon":10,"name":200,"slug":201,"tags":202,"cover":205,"tagline":206,"is_featured":65,"date_created":207,"date_updated":10},"https:\u002F\u002Fappicon.co","App Icon Generator","app-icon-generator",[203,204],{"seo":10,"name":53,"slug":32},{"seo":10,"name":10,"slug":38},"82194b8b-b69e-4581-ae90-22fb170f8c28.webp","Generate all required app icon sizes from one image","2026-06-23T06:35:18.941563+00:00"]