[{"data":1,"prerenderedAt":637},["ShallowReactive",2],{"content-query-GGm4lzh728":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"coverImage":11,"body":12,"_type":631,"_id":632,"_source":633,"_file":634,"_stem":635,"_extension":636},"\u002Fblogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace","tech",false,"","Favorite Icons in Pixtel: Design Faster Without Leaving Your Workspace","Introduction","2026-05-19","\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace\u002Fimg1.webp",{"type":13,"children":14,"toc":615},"root",[15,23,29,34,47,53,58,63,107,112,124,130,148,160,164,182,187,197,203,208,226,231,241,247,252,257,269,275,280,285,322,327,333,338,350,383,388,394,399,404,422,427,433,438,456,461,479,484,494,504,510,515,520,538,543,549,554,559,564,570,581],{"type":16,"tag":17,"props":18,"children":20},"element","h3",{"id":19},"introduction",[21],{"type":22,"value":9},"text",{"type":16,"tag":24,"props":25,"children":26},"p",{},[27],{"type":22,"value":28},"When editing screenshots, adding icons is often essential to make your visuals clearer and more engaging. But the usual process can be frustrating — you search multiple websites, download SVG or PNG files, import them, and then continue editing.",{"type":16,"tag":24,"props":30,"children":31},{},[32],{"type":22,"value":33},"It breaks your flow.",{"type":16,"tag":24,"props":35,"children":36},{},[37,39,45],{"type":22,"value":38},"Pixtel removes that friction entirely with its ",{"type":16,"tag":40,"props":41,"children":42},"strong",{},[43],{"type":22,"value":44},"Favorite Icons feature",{"type":22,"value":46},", letting you access and use icons directly within your workspace.",{"type":16,"tag":17,"props":48,"children":50},{"id":49},"a-smarter-way-to-use-icons",[51],{"type":22,"value":52},"🚀 A Smarter Way to Use Icons",{"type":16,"tag":24,"props":54,"children":55},{},[56],{"type":22,"value":57},"Instead of switching between tools and websites, Pixtel brings everything into one place.",{"type":16,"tag":24,"props":59,"children":60},{},[61],{"type":22,"value":62},"You can:",{"type":16,"tag":64,"props":65,"children":66},"ul",{},[67,73,83,95],{"type":16,"tag":68,"props":69,"children":70},"li",{},[71],{"type":22,"value":72},"Capture a screenshot using Pixtel",{"type":16,"tag":68,"props":74,"children":75},{},[76,78],{"type":22,"value":77},"Or upload an image through the ",{"type":16,"tag":40,"props":79,"children":80},{},[81],{"type":22,"value":82},"Import option",{"type":16,"tag":68,"props":84,"children":85},{},[86,88,93],{"type":22,"value":87},"Enable ",{"type":16,"tag":40,"props":89,"children":90},{},[91],{"type":22,"value":92},"Draw Mode",{"type":22,"value":94}," to start editing",{"type":16,"tag":68,"props":96,"children":97},{},[98,100,105],{"type":22,"value":99},"Open the ",{"type":16,"tag":40,"props":101,"children":102},{},[103],{"type":22,"value":104},"Icon Pack",{"type":22,"value":106}," directly within the editor",{"type":16,"tag":24,"props":108,"children":109},{},[110],{"type":22,"value":111},"Everything you need is already there — simple, fast, and efficient.",{"type":16,"tag":24,"props":113,"children":114},{},[115],{"type":16,"tag":116,"props":117,"children":118},"a",{"href":11},[119],{"type":16,"tag":120,"props":121,"children":123},"img",{"alt":122,"src":11},"Technical Diagram Element",[],{"type":16,"tag":17,"props":125,"children":127},{"id":126},"accessing-the-icon-packs",[128],{"type":22,"value":129},"🎯 Accessing the Icon Packs",{"type":16,"tag":24,"props":131,"children":132},{},[133,135,139,141,146],{"type":22,"value":134},"Once you enable ",{"type":16,"tag":40,"props":136,"children":137},{},[138],{"type":22,"value":92},{"type":22,"value":140},", select the ",{"type":16,"tag":40,"props":142,"children":143},{},[144],{"type":22,"value":145},"Select an Icon",{"type":22,"value":147},".",{"type":16,"tag":24,"props":149,"children":150},{},[151,153,158],{"type":22,"value":152},"This opens the ",{"type":16,"tag":40,"props":154,"children":155},{},[156],{"type":22,"value":157},"Icon Packs Browser",{"type":22,"value":159},", where you can explore a wide variety of icons from different libraries.",{"type":16,"tag":24,"props":161,"children":162},{},[163],{"type":22,"value":62},{"type":16,"tag":64,"props":165,"children":166},{},[167,172,177],{"type":16,"tag":68,"props":168,"children":169},{},[170],{"type":22,"value":171},"Browse through multiple icon categories",{"type":16,"tag":68,"props":173,"children":174},{},[175],{"type":22,"value":176},"View all available icons in one place",{"type":16,"tag":68,"props":178,"children":179},{},[180],{"type":22,"value":181},"Search for a specific icon using the search bar",{"type":16,"tag":24,"props":183,"children":184},{},[185],{"type":22,"value":186},"This eliminates the need to manually hunt for icons online.",{"type":16,"tag":24,"props":188,"children":189},{},[190],{"type":16,"tag":116,"props":191,"children":193},{"href":192},"\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace\u002Fimg2.webp",[194],{"type":16,"tag":120,"props":195,"children":196},{"alt":122,"src":192},[],{"type":16,"tag":17,"props":198,"children":200},{"id":199},"selecting-and-using-icons",[201],{"type":22,"value":202},"🔍 Selecting and Using Icons",{"type":16,"tag":24,"props":204,"children":205},{},[206],{"type":22,"value":207},"Choosing an icon is straightforward:",{"type":16,"tag":64,"props":209,"children":210},{},[211,216,221],{"type":16,"tag":68,"props":212,"children":213},{},[214],{"type":22,"value":215},"Click on any icon you like",{"type":16,"tag":68,"props":217,"children":218},{},[219],{"type":22,"value":220},"Instantly preview it on the right side",{"type":16,"tag":68,"props":222,"children":223},{},[224],{"type":22,"value":225},"Copy or insert it into your screenshot",{"type":16,"tag":24,"props":227,"children":228},{},[229],{"type":22,"value":230},"Once selected, the icon becomes part of your editing canvas, ready to be resized, positioned, or styled.",{"type":16,"tag":24,"props":232,"children":233},{},[234],{"type":16,"tag":116,"props":235,"children":237},{"href":236},"\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace\u002Fimg3.webp",[238],{"type":16,"tag":120,"props":239,"children":240},{"alt":122,"src":236},[],{"type":16,"tag":17,"props":242,"children":244},{"id":243},"adjust-icon-colors-directly-from-the-toolbar",[245],{"type":22,"value":246},"🎨 Adjust Icon Colors Directly from the Toolbar",{"type":16,"tag":24,"props":248,"children":249},{},[250],{"type":22,"value":251},"Once you’ve added an icon to your workspace, you might want to match it with your design or highlight specific elements.",{"type":16,"tag":24,"props":253,"children":254},{},[255],{"type":22,"value":256},"Pixtel makes this very easy.",{"type":16,"tag":24,"props":258,"children":259},{},[260,262,267],{"type":22,"value":261},"Simply select the icon on your canvas, and then go to the ",{"type":16,"tag":40,"props":263,"children":264},{},[265],{"type":22,"value":266},"color options available in the toolbar",{"type":22,"value":268},". From there, you can quickly change the icon’s color to suit your needs.",{"type":16,"tag":17,"props":270,"children":272},{"id":271},"icon-information-at-your-fingertips",[273],{"type":22,"value":274},"🧾 Icon Information at Your Fingertips",{"type":16,"tag":24,"props":276,"children":277},{},[278],{"type":22,"value":279},"Pixtel doesn’t just give you icons — it also provides useful details about them.",{"type":16,"tag":24,"props":281,"children":282},{},[283],{"type":22,"value":284},"When you select an icon, you’ll see:",{"type":16,"tag":64,"props":286,"children":287},{},[288,296,306,314],{"type":16,"tag":68,"props":289,"children":290},{},[291],{"type":16,"tag":40,"props":292,"children":293},{},[294],{"type":22,"value":295},"Icon Pack Name & Icon Type",{"type":16,"tag":68,"props":297,"children":298},{},[299,304],{"type":16,"tag":40,"props":300,"children":301},{},[302],{"type":22,"value":303},"Additional Tags",{"type":22,"value":305}," (to understand usage and context)",{"type":16,"tag":68,"props":307,"children":308},{},[309],{"type":16,"tag":40,"props":310,"children":311},{},[312],{"type":22,"value":313},"Homepage Link",{"type":16,"tag":68,"props":315,"children":316},{},[317],{"type":16,"tag":40,"props":318,"children":319},{},[320],{"type":22,"value":321},"License URL",{"type":16,"tag":24,"props":323,"children":324},{},[325],{"type":22,"value":326},"This ensures you always have clarity about the icon source and usage rights.",{"type":16,"tag":17,"props":328,"children":330},{"id":329},"customize-your-icons-easily",[331],{"type":22,"value":332},"🎨 Customize Your Icons Easily",{"type":16,"tag":24,"props":334,"children":335},{},[336],{"type":22,"value":337},"Pixtel allows you to tailor icons to match your design perfectly.",{"type":16,"tag":24,"props":339,"children":340},{},[341,343,348],{"type":22,"value":342},"From the ",{"type":16,"tag":40,"props":344,"children":345},{},[346],{"type":22,"value":347},"Preview Options",{"type":22,"value":349},", you can:",{"type":16,"tag":64,"props":351,"children":352},{},[353,363,373],{"type":16,"tag":68,"props":354,"children":355},{},[356,358],{"type":22,"value":357},"Adjust the ",{"type":16,"tag":40,"props":359,"children":360},{},[361],{"type":22,"value":362},"icon size",{"type":16,"tag":68,"props":364,"children":365},{},[366,368],{"type":22,"value":367},"Change the ",{"type":16,"tag":40,"props":369,"children":370},{},[371],{"type":22,"value":372},"foreground color",{"type":16,"tag":68,"props":374,"children":375},{},[376,378],{"type":22,"value":377},"Modify the ",{"type":16,"tag":40,"props":379,"children":380},{},[381],{"type":22,"value":382},"background color",{"type":16,"tag":24,"props":384,"children":385},{},[386],{"type":22,"value":387},"This flexibility helps you maintain visual consistency across your screenshots and designs.",{"type":16,"tag":17,"props":389,"children":391},{"id":390},"export-in-multiple-formats",[392],{"type":22,"value":393},"💾 Export in Multiple Formats",{"type":16,"tag":24,"props":395,"children":396},{},[397],{"type":22,"value":398},"Once your icon is ready, exporting is quick and simple.",{"type":16,"tag":24,"props":400,"children":401},{},[402],{"type":22,"value":403},"You can save your icons in formats like:",{"type":16,"tag":64,"props":405,"children":406},{},[407,412,417],{"type":16,"tag":68,"props":408,"children":409},{},[410],{"type":22,"value":411},"PNG",{"type":16,"tag":68,"props":413,"children":414},{},[415],{"type":22,"value":416},"JPEG",{"type":16,"tag":68,"props":418,"children":419},{},[420],{"type":22,"value":421},"BMP",{"type":16,"tag":24,"props":423,"children":424},{},[425],{"type":22,"value":426},"With just a click, Pixtel opens your file explorer so you can save the file exactly where you need it.",{"type":16,"tag":17,"props":428,"children":430},{"id":429},"quick-access-with-favorite-recently-used-icons",[431],{"type":22,"value":432},"⚡ Quick Access with Favorite & Recently Used Icons",{"type":16,"tag":24,"props":434,"children":435},{},[436],{"type":22,"value":437},"Pixtel also makes repeated work effortless.",{"type":16,"tag":24,"props":439,"children":440},{},[441,443,448,450,455],{"type":22,"value":442},"At the top of the Favorite Icons section, you’ll find a ",{"type":16,"tag":40,"props":444,"children":445},{},[446],{"type":22,"value":447},"dropdown menu",{"type":22,"value":449}," that shows your ",{"type":16,"tag":40,"props":451,"children":452},{},[453],{"type":22,"value":454},"recently used icons",{"type":22,"value":147},{"type":16,"tag":24,"props":457,"children":458},{},[459],{"type":22,"value":460},"This means:",{"type":16,"tag":64,"props":462,"children":463},{},[464,469,474],{"type":16,"tag":68,"props":465,"children":466},{},[467],{"type":22,"value":468},"No need to search again",{"type":16,"tag":68,"props":470,"children":471},{},[472],{"type":22,"value":473},"No need to browse entire icon packs",{"type":16,"tag":68,"props":475,"children":476},{},[477],{"type":22,"value":478},"Just pick from your recent icons instantly",{"type":16,"tag":24,"props":480,"children":481},{},[482],{"type":22,"value":483},"It’s a small feature that saves a lot of time — especially when working on multiple screenshots or consistent designs.",{"type":16,"tag":24,"props":485,"children":486},{},[487],{"type":16,"tag":116,"props":488,"children":490},{"href":489},"\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace\u002Fimg4.webp",[491],{"type":16,"tag":120,"props":492,"children":493},{"alt":122,"src":489},[],{"type":16,"tag":24,"props":495,"children":496},{},[497],{"type":16,"tag":116,"props":498,"children":500},{"href":499},"\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace\u002Fimg5.webp",[501],{"type":16,"tag":120,"props":502,"children":503},{"alt":122,"src":499},[],{"type":16,"tag":17,"props":505,"children":507},{"id":506},"why-this-feature-matters",[508],{"type":22,"value":509},"✨ Why This Feature Matters",{"type":16,"tag":24,"props":511,"children":512},{},[513],{"type":22,"value":514},"The Favorite Icons feature in Pixtel simplifies what used to be a multi-step, time-consuming process.",{"type":16,"tag":24,"props":516,"children":517},{},[518],{"type":22,"value":519},"Instead of:",{"type":16,"tag":64,"props":521,"children":522},{},[523,528,533],{"type":16,"tag":68,"props":524,"children":525},{},[526],{"type":22,"value":527},"Searching online",{"type":16,"tag":68,"props":529,"children":530},{},[531],{"type":22,"value":532},"Downloading icons",{"type":16,"tag":68,"props":534,"children":535},{},[536],{"type":22,"value":537},"Importing files",{"type":16,"tag":24,"props":539,"children":540},{},[541],{"type":22,"value":542},"You can now do everything inside Pixtel — faster, cleaner, and without interruptions.",{"type":16,"tag":17,"props":544,"children":546},{"id":545},"conclusion",[547],{"type":22,"value":548},"🏁 Conclusion",{"type":16,"tag":24,"props":550,"children":551},{},[552],{"type":22,"value":553},"Pixtel’s Favorite Icons feature is not just convenient — it transforms your workflow.",{"type":16,"tag":24,"props":555,"children":556},{},[557],{"type":22,"value":558},"By bringing icon discovery, customization, and export into a single interface, it helps you stay focused on what really matters: creating clear and impactful visuals.",{"type":16,"tag":24,"props":560,"children":561},{},[562],{"type":22,"value":563},"If you regularly work with screenshots, tutorials, or documentation, this feature will quickly become an essential part of your process.",{"type":16,"tag":17,"props":565,"children":567},{"id":566},"call-to-action",[568],{"type":22,"value":569},"Call-to-Action",{"type":16,"tag":24,"props":571,"children":572},{},[573,575,580],{"type":22,"value":574},"Capture once and use it forever. It isn’t just a tool — it’s ",{"type":16,"tag":40,"props":576,"children":577},{},[578],{"type":22,"value":579},"Pixtel",{"type":22,"value":147},{"type":16,"tag":24,"props":582,"children":583},{},[584,594,598,605,608],{"type":16,"tag":116,"props":585,"children":591},{"href":586,"target":587,"rel":588},"https:\u002F\u002Fwww.pixtel.us\u002Fdownload","_blank",[589,590],"noopener","noreferrer",[592],{"type":22,"value":593},"👉 Download Pixtel",{"type":16,"tag":595,"props":596,"children":597},"br",{},[],{"type":16,"tag":116,"props":599,"children":602},{"href":600,"target":587,"rel":601},"https:\u002F\u002Fwww.youtube.com\u002F@PixtelCapture",[589,590],[603],{"type":22,"value":604},"🎥 Follow us on YouTube",{"type":16,"tag":595,"props":606,"children":607},{},[],{"type":16,"tag":116,"props":609,"children":612},{"href":610,"target":587,"rel":611},"https:\u002F\u002Fpixtel-docs.atlassian.net\u002Fwiki\u002Fspaces\u002FPIX\u002Foverview",[589,590],[613],{"type":22,"value":614},"📘 Read Detailed Documentation",{"title":7,"searchDepth":616,"depth":616,"links":617},2,[618,620,621,622,623,624,625,626,627,628,629,630],{"id":19,"depth":619,"text":9},3,{"id":49,"depth":619,"text":52},{"id":126,"depth":619,"text":129},{"id":199,"depth":619,"text":202},{"id":243,"depth":619,"text":246},{"id":271,"depth":619,"text":274},{"id":329,"depth":619,"text":332},{"id":390,"depth":619,"text":393},{"id":429,"depth":619,"text":432},{"id":506,"depth":619,"text":509},{"id":545,"depth":619,"text":548},{"id":566,"depth":619,"text":569},"markdown","content:blogs:tech:favorite-icons-in-pixtel-design-faster-without-leaving-your-workspace:index.md","content","blogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace\u002Findex.md","blogs\u002Ftech\u002Ffavorite-icons-in-pixtel-design-faster-without-leaving-your-workspace\u002Findex","md",1779277280991]