[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-seo-171475-105":3,"detail-sidebar-cat-1-en-105":85,"doc-detail-171475-en":130},{"code":4,"msg":5,"data":6},0,"ok",{"site_id":7,"language":8,"slug":9,"title":10,"keywords":11,"description":12,"schema_data":13,"social_meta":78,"head_meta":80,"extra_data":82,"updated_unix":84},105,"en","icon-library-create-your-own-original-icon-set","Icon Library - Create Your Own Original Icon Set","","A practical guide for designing and building an icon library that supports visual learning. It explains how icons should be easy to recognize first, then support retention, and finally appeal, prioritizing simplicity and intuitive meaning. It recommends starting from existing libraries, learning to design simple icons, and following usability principles. A complete task workflow is provided, including creating original icons, using a shared theme, organizing them into Illustrator artboards, and exporting transparent 128×128 PNGs with descriptive names.",{"@graph":14,"@context":77},[15,34,56],{"@type":16,"itemListElement":17},"BreadcrumbList",[18,23,27,31],{"item":19,"name":20,"@type":21,"position":22},"https://docshare.wps.com","Home","ListItem",1,{"item":24,"name":25,"@type":21,"position":26},"https://docshare.wps.com/template/","Template",2,{"item":28,"name":29,"@type":21,"position":30},"https://docshare.wps.com/template/presentations/","Presentations",3,{"item":32,"name":10,"@type":21,"position":33},"https://docshare.wps.com/template/icon-library-create-your-own-original-icon-set/171475/",4,{"url":32,"name":10,"@type":35,"image":36,"author":41,"headline":10,"publisher":44,"fileFormat":47,"inLanguage":8,"description":12,"dateModified":48,"datePublished":49,"encodingFormat":47,"isAccessibleForFree":50,"interactionStatistic":51},"DigitalDocument",{"url":37,"@type":38,"width":39,"height":40},"https://docshare.wps.com/thumbnails/icon-library-create-your-own-original-icon-set/171475.png","ImageObject",442,249,{"name":42,"@type":43},"Rowan","Person",{"url":19,"name":45,"@type":46},"DocShare","Organization","application/vnd.openxmlformats-officedocument.wordprocessingml.document","2026-10-19","2026-09-01",true,{"@type":52,"interactionType":53,"userInteractionCount":55},"InteractionCounter",{"@type":54},"ViewAction",5,{"@type":57,"mainEntity":58},"FAQPage",[59,65,69,73],{"name":60,"@type":61,"acceptedAnswer":62},"What design qualities should icons follow for ARC (attention, retention, appeal)?","Question",{"text":63,"@type":64},"Icons must be readily discernible first, emphasizing comprehension. Then retention and appeal are addressed through simplicity and intuitive conformity rather than novelty or complexity.","Answer",{"name":66,"@type":61,"acceptedAnswer":67},"How should the icon library be organized in Illustrator?",{"text":68,"@type":64},"Save the library as a single .ai file with separate artboards for each icon. Name each icon artboard and file using a short descriptive text.",{"name":70,"@type":61,"acceptedAnswer":71},"What export settings are required for the icons?",{"text":72,"@type":64},"Export all icons as .png files with a transparent background at 128×128 pixels.",{"name":74,"@type":61,"acceptedAnswer":75},"What makes an icon “good” according to the guidelines?",{"text":76,"@type":64},"Icons should be simple, obvious in meaning, uniform in style, use common symmetrical geometric shapes, and rely on clean angles while keeping the original color black for reusability.","https://schema.org",{"og:url":32,"og:type":79,"og:title":10,"og:site_name":45,"og:description":12},"article",{"robots":81,"canonical":32},"index,follow",{"doc_id":83,"site_id":7},171475,1790346068,{"code":4,"msg":86,"data":87},"success",[88,92,97,102,107,112,117,122,126],{"id":89,"doc_module":22,"doc_module_name":25,"category_name":29,"show_sort_weight":90,"slug":91},11,90,"presentations",{"id":93,"doc_module":22,"doc_module_name":25,"category_name":94,"show_sort_weight":95,"slug":96},12,"Resumes",80,"resumes",{"id":98,"doc_module":22,"doc_module_name":25,"category_name":99,"show_sort_weight":100,"slug":101},14,"Invoices",70,"invoices",{"id":103,"doc_module":22,"doc_module_name":25,"category_name":104,"show_sort_weight":105,"slug":106},15,"Posters",60,"posters",{"id":108,"doc_module":22,"doc_module_name":25,"category_name":109,"show_sort_weight":110,"slug":111},16,"Social Media",50,"social-media",{"id":113,"doc_module":22,"doc_module_name":25,"category_name":114,"show_sort_weight":115,"slug":116},17,"Forms",40,"forms",{"id":118,"doc_module":22,"doc_module_name":25,"category_name":119,"show_sort_weight":120,"slug":121},18,"Letters",30,"letters",{"id":123,"doc_module":22,"doc_module_name":25,"category_name":124,"show_sort_weight":55,"slug":125},21,"Paper Templates","papers-templates",{"id":127,"doc_module":22,"doc_module_name":25,"category_name":128,"show_sort_weight":4,"slug":129},158,"General","general-158",{"code":4,"msg":86,"data":131},{"doc_id":83,"user_id":132,"nickname":42,"user_avatar":133,"doc_module":22,"category_id":89,"category_name":29,"doc_title":10,"doc_description":12,"doc_content":134,"file_id":135,"file_url":136,"file_type":137,"file_size":138,"view_count":55,"is_deleted":4,"is_public":22,"is_downloadable":22,"audit_status":22,"page_count":33,"language":139,"language_code":8,"site_id":7,"html_lang":8,"table_of_contents":140,"faqs":141,"seo_title":142,"seo_description":12,"update_tm":143,"read_time":26},1099514067415,"https://ap-avatar.wpscdn.com/avatar/100002539d78ffe74a7?x-image-process=image/resize,m_fixed,w_180,h_180&k=1779092875211072502","Icon Library\nAn icon is a simplified graphic or symbol that represents something to your learner, such as an action, idea, or entity. Icons are useful for conveying meaning to your learner quickly with low cognitive load. For instance, using a right arrow to guide your learner to the next page of a book is simpler, less-distracting, and faster than showing a button that says \"Go on to next page.\" As such, icons are simple, stylized representations of something you want your learner to do or to understand, and most visual learning design projects, like apps, websites, or infographics, will use icons extensively.\nIn terms of ARC, icons must first-and-foremost be readily discernible for what they are, meaning that comprehension is paramount, followed by retention and then appeal. This means that you should make choices in your design that favor simplicity, recognizability, and conformity to intuition and norms over novelty, detail, or complexity.\nAny visual learning design project is much simpler if you start with a library of pre-existing components, such as icons, fonts, buttons, and badges, and there are many free libraries of resources online that can help you. Icons are particularly helpful, because they can be used for a variety of purposes, such as buttons, graphics, logos, and bullet points, and because the meanings of many icons have become almost universal (e.g., a right-pointing arrow means \"next,\" an \"X\" means \"cancel\" or \"delete,\" and three horizontal lines means \"menu\"). You can find great examples of many of these common icons in existing free libraries, such as \u0013 HYPERLINK \"https://fontawesome.com/\" \\h \u0014Font Awesome\u0015 and \u0013 HYPERLINK \"https://feathericons.com/\" \\h \u0014Feather Icons\u0015.\nHowever, no font library will have all of the icons you will need for every project. Also, icon sets have different themes; so, even if you find a \"right arrow\" icon that someone else made, it may not match the other icons you are using in your project. For these reasons, it's important to learn how to make simple icons.\nAdditional Readings\n\u0013 HYPERLINK \"https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/\" \\h \u0014\"Icons as Part of a Great User Experience\" by Nick Babich\u0015\n\u0013 HYPERLINK \"https://www.smashingmagazine.com/2018/02/user-interfaces-icons-visual-elements-screen-design/\" \\h \u0014\"Designing for User Interfaces: Icons as Elements for Screen Design\" by Manuela Langella\u0015\nTask\nCreate your own, original library of icons using Adobe Illustrator or another program.\nRequirements\nCreate a library of original icons.\nUse a common theme for your icons (e.g., health care, gaming, social media, camping, automotive, mathematics, science, education).\nSave your icon library as a single .ai file with separate artboards for each icon in Illustrator.\nExport all icons as .png files with a transparent background at the size 128x128px.\nName each icon artboard and file with a short descriptive text (e.g., “right-arrow.png”, “first-aid.png”, “xbox-controller.png”, “home.png”).\n(Optional) Use this \u0013 HYPERLINK \"https://drive.google.com/open?id=0B4MRZPM74y16bUtkaXVZbUNJa1U\" \\h \u0014icon grid template\u0015 if desired.\nGuidelines\nMake icons simple. The meaning of a complex icon is difficult to discern, and icons are often used at a small scale, meaning that complexity will be lost anyway.\nMake icons obvious. Choose icons to draw that will have an obvious meaning.\nMake icons uniform. Use a similar style across all of your icons, such as similar fill and stroke options.\nUse common, symmetrical geometric shapes. Don't use an oval when a circle will do.\nUse clean angles. Stick to 30, 45, 60, and 90-degree angles whenever possible.\nStick with black. Icons can be recolored later in specific situations, but to optimize reusability, keep the original files black.\n\u0013 HYPERLINK \"https://material.io/design/iconography/system-icons.html#design-principles\" \\h \u0014Other guidelines from Google Material Design\u0015\n\u0013 HYPERLINK \"https://developer.apple.com/design/human-int","cbCaisxpZ7TQLmTf","https://ap.wps.com/l/cbCaisxpZ7TQLmTf","docx",176973,"English","# Task\n## Requirements\n## Guidelines\n# Evaluation Criteria","[{\"question\":\"What design qualities should icons follow for ARC (attention, retention, appeal)?\",\"answer\":\"Icons must be readily discernible first, emphasizing comprehension. Then retention and appeal are addressed through simplicity and intuitive conformity rather than novelty or complexity.\"},{\"question\":\"How should the icon library be organized in Illustrator?\",\"answer\":\"Save the library as a single .ai file with separate artboards for each icon. Name each icon artboard and file using a short descriptive text.\"},{\"question\":\"What export settings are required for the icons?\",\"answer\":\"Export all icons as .png files with a transparent background at 128×128 pixels.\"},{\"question\":\"What makes an icon “good” according to the guidelines?\",\"answer\":\"Icons should be simple, obvious in meaning, uniform in style, use common symmetrical geometric shapes, and rely on clean angles while keeping the original color black for reusability.\"}]","Icon Library - Create Your Own Original Icon Set | DOCX",1788283439]