{"data":[{"id":4,"attributes":{"title":"Top 50 Freelance Web Designer Tools","description":"The best 50 tools for freelance web designers have been compiled into a comprehensive guide to make selecting the right tools easier. ","content":"

\nIf you've just started freelancing as a web designer, figuring out what tools you need can be intimidating. With so many digital resources now available and the investment in cost and time required, choosing which ones will help you succeed is overwhelming.\n

\nDon't worry, though – we understand that, as a beginner, this isn't an easy process! To make things easier, we did a comprehensive guide of the best tools for freelance web designers. From project management and design to productivity tools, an incredible variety of options that can help you become a successful web designer.\n

\nGet ready for versatile and savvy tips on how these resources will support you in your projects and help establish lasting relationships with clients.\n

\n\n

Index

\nIf you are looking for a specific tool, here are the jump links that will take you there faster.\n

\n\n

Inspirations

\nWe often find ourselves needing inspiration during the design process. Fortunately, there are countless places to find new ideas we need - why not start your next project with a fresh perspective?\n

\n\n

\n\nDribbble\n\n

\nDribbble is an invaluable resource for freelancers, teams, and businesses hoping to showcase and refine their creative process. On Dribbble, creative professionals like you can find quality resources to push your work forward, receive feedback, or be inspired by the fantastic works you will encounter.\n

\n $\"dribbble$ \n\n

\n\nAwwwards\n\n

\nAwwwards promotes the best web designers and agencies worldwide. Each Award nomination is rigorously judged and voted on by a jury panel of passionate individuals who are experts in their field and are committed to high-quality web design.\n

\nThe Awwwards platform also provides an excellent resource for designers, online courses, and extensive articles.\n

\n $\"awwwards$ \n\n

\n\nBehance\n\n

\nWhether you are a freelance web designer or someone searching for creativity, Behance is the perfect platform for showcasing the projects you have worked on and looking at the creation of others.\n

\nWith Behance, it's easy to use Adobe Creative Cloud suite. Not only can you share and connect with other freelancers worldwide, but you can also view and appreciate the incredible works of thousands of people.\n

\n $\"behance$ \n\n

\n\nCreative Boom\n\n

\nCreative Boom is transforming the way creatives stay connected to their industry.\n

\nWith news, tips, inspirations, and a podcast, Creative Boom offers a wealth of resources to be informed on creative trends. This wonderful website also features inspiring interviews with rising stars in various creative fields.\n

\n $\"creative$ \n\n

\n\nMuzli\n\n

\nMuzli is one of the web design industry's best web design tools. It regroups content from top web design, tech, graphic design, and news publications, allowing users like you to choose according to your interests.\n

\nIt provides thousands of resources for your web design process and lets you stay up to date on the latest trends with their browser extension.\n

\n $\"muzli$ \n\n

\n\nDesigner Daily Report\n\n

\nIf being creative is a challenge, and you only have a little time to get inspired, Designer Daily Report can help you.\n

\nThis web design tool simplifies your freelance work and personal projects, allowing you to be more efficient, and have more free time - everyday Designer Daily Report gives you your report of designs inspiration.\n

\n\n

Graphic resources

\nIf sometimes you get tired of searching for the perfect illustration or mockup - we've got you covered with this extensive list of graphic resources.\n

\nNo matter the project, you can use these diverse resources to form the perfect visual representation that will capture the attention of your potential customers and give them an authentic viewing experience they'll always remember.\n

\n\n

Illustrations

\n\n

\n\nunDraw\n\n

\nunDraw simplifies consistent image search by providing on-the-fly functionality - use the color image generation to match your brand identity or that of your client.\n

\nThe universal style of these illustration set offers you multiple possibilities and is available for download and ready to use in Adobe XD.\n

\n $\"undraw$ \n\n

\n\nManyPixels\n\n

\nDiscover a world of inspiring graphics and illustrations to level up your design projects.\n

\nWith ManyPixels, you get access to an ever-growing library of 2,500+ royalty-free artwork - with weekly additions! Perfect for bringing life into blog posts, landing pages, social media graphics, and more!\n

\n $\"many$ \n\n

\n\nDrawKit\n\n

\nDrawKit provides a creative touch to your projects with high-quality, free illustrations with multiple styles. Their freshly updated selection of hand-crafted vector graphics and icons will enrich any design!\n

\nYou can also access 2D and 3D illustrations, animations, icons, and mockups with DrawKit Pro.\n

\n $\"draw$ \n\n

\n\nIra Design\n\n

\nUnleash your originality with Ira Design and build unique illustrations that are yours! Mix and match from five color gradients and choose hand-drawn characters or objects for a personalized touch.\n

\n $\"Ira$ \n\n

\n\nOlio Constructor\n\n

\nExplore with Olio Constructor for Figma! With an extensive collection of characters and objects, you have total freedom to craft the ideal illustration scene.\n

\nWhether it's a web design project or mobile applications, illustrate any idea quickly by easily mixing components from their library. Olio Constructor is a great tool and easy to use!\n

\n $\"Olio$ \n\n

\n\nPixel True\n\n

\nPixel True can help you transform ordinary projects into something memorable. With their premium illustrations and animations, you'll be able to create breathtaking web designs.\n

\nTurn visitors into new clients with this tool!\n

\n\n

Avatars & Characters

\n\n

\n\nHumaaans\n\n

\nHumaaans is a remarkable design library that offers unlimited creative possibilities. Get inspired by mixing and matching illustrations of people - change their hair, tops, and pants. Design the human body according to your vision.\n

\nHumaaans is a go-to with its flexible foundation ready to use in your web design projects.\n

\n $\"Humaaans$ \n\n

\n\nOpen Doodles\n\n

\nOpen Doodles is an open-source library that you can copy, edit, remix, share, or redraw. Some of the illustrations are a scan of sketches made in a notebook, and it gives a natural style to these doodles.\n

\n $\"Open$ \n\n\n

\n\nBig Heads\n\n

\nBig Heads - the perfect tool to create multiple unique characters for apps, games, and websites! Choose from various expressions, clothing styles, hair colors, and more.\n

\nEasily embed on websites or imported into design software such as Adobe Illustrator or Adobe Photoshop.\n

\n\n

\n\nOpen Peeps\n\n

\nOpen Peeps allows you to easily create a unique character and bring fluidity to all the design and development processes.\n

\nYou can change arms, legs, clothing styles, hairstyles, facial expressions, and poses! With Open Peeps library, you can craft any scene with a few simple clicks!\n

\n $\"Open$ \n\n\n

\n\nAvatar U\n\n

\nLet Avatar U help you stand out in your group chats, client website, and wherever you want to add life to your work!\n

\nWith numerous combinations, create the perfect profile picture by choosing mouth, eyes, nose, hair, and outfits - all delivered directly into Figma and Sketch files.\n

\n $\"Avatar$ \n\n\n

\n\nDayflow\n\n

\nDayflow is a great way to add life and dimension to any project with customizable and colorful illustrations. You can easily change the outfit, facial expressions, background, etc.\n

\nThis tool is a go-to if you use Figma, Sketch, or Blush.\n

\n $\"Dayflow$ \n\n\n

3D Sets

\n\n

\n\nShapefest\n\n

\nShapefest is a vast library of 100,000+ 3D objects. The collection is divided into texture categories - clay, plastic, metal, ceramic, glass, and textile.\n

\nHave fun, and use the library for any user interface design project!\n

\n $\"shapefest$ \n\n\n

\n\nSlam\n\n

\nSlam by Craftwork is a well-illustrated set of virtual reality tools and other gadgets in 3D style. Create something unique by customizing objects in Cinema 4D or download pre-made models as a PNG file for your convenience.\n

\n\n

\n\nSpacers\n\n

\nIf you need something a little more special for your project, Spacers is the tool for you. With 3 characters, 12 poses, and 48 high-quality illustrations, Spacers is ready to use in PNG, Figma files, and Blender.\n

\nMake funny and professional websites, apps, and blogs - only your imagination is the limit.\n

\n $\"Spacers$ \n\n\n

\n\nUnco\n\n

\nUpgrade your designs to a whole new level with Unco 3D illustrations. Featuring funny characters and technology-inspired objects, you can easily create complex, yet dynamic design works in readymade scenes that stand out from the crowd.\n

\nAdd a unique flavor to any interface by incorporating these bold illustrations for a premium look - all without breaking a sweat!\n

\n\n

\n\nShift\n\n

\nTake your visuals to the next level! Easily convert any text or SVG vector into 3D and transform it with animation, customization options, and adjustable settings.\n

\nCreate stunning content for social media platforms, presentations, websites, and more – all in one place.\n

\n $\"Shift$ \n\n\n

Icons

\nFor icons, you are welcome to look at our list of favorite tools. We have already made a blog post about the free and open-source icon library.\n

\n\n💻 The 10 Best Icon Libraries For Designers and Developers\n\n

\n\n

Photos & Videos

\n\n

\n\nUnsplash\n\n

\nUnsplash is a website that provides a vast collection of high-quality, royalty-free photos that can be used for personal or commercial purposes. With its easy-to-use search function and curated collections, Unsplash makes it simple to find the perfect image for any project.\n

\n $\"Unsplash$ \n\n\n

\n\nBurst\n\n

\nBurst is a free stock photo website powered by Shopify. It offers a collection of high-quality, royalty-free photos and images for commercial or personal use.\n

\nThe website is designed for businesses, entrepreneurs, and freelance web designers, offering a range of visuals suitable for various purposes, including marketing, product displays, and websites.\n

\n $\"Burst$ \n\n

\n\nNappy\n\n

\nTo respond to a lack of diversity, Nappy provides a more inclusive and representative selection of royalty-free images that showcase people of color. The website includes a realistic representation of black and brown people.\n

\nNappy helps startups, companies, agencies, and freelancers who want to represent today's generation.\n

\n $\"Nappy$ \n\n

\n\nCoverr\n\n

\nThe images and videos on Coverr are suitable for use in various projects such as websites, presentations, and promotional materials. The website provides an easy-to-use search function and categorization, making it simple to find the perfect visual for your project.\n

\n $\"Coverr$ \n\n

\n\nMixkit\n\n

\nMixkit is a stock media website offering royalty-free videos, music tracks, sound effects, and graphics for commercial and personal use.\n

\nThe website provides a one-stop shop to save time and find all your creative needs in professional-grade content. The collection on Mixkit includes various visuals suitable for multiple purposes, such as video production, advertising, and website design.\n

\n\n

\n\nColorful\n\n

\nTransform your browser into a powerful photo studio that can create stunning photos and videos in just minutes. Colorful is an intuitive drag-and-drop 3D photo studio that makes it easy to build your scenes and produce professional-grade product photos.\n

\nThis straightforward tool gives you everything you need to bring your visual creations to life.\n

\n $\"Colorful$ \n\n

Mockups

\n\nRamotion Store\n\n

\nRamotion Store is an online marketplace offering premium mockups created by the talented designers at Ramotion. The store features a popular collection of devices such as iPhone, iPad, iMac, Macbook, Apple Watch, and Android phones.\n

\n\n

\n\nMockup World\n\n

\nMockup World is an online platform that curates the best free mockups from the web, making it easier for web designers, businesses, and everybody in the freelance world to access quality design assets. The platform features mockups for multiple design needs, including packaging, branding, and product displays.\n

\n $\"Mockup$ \n\n

\n\nAnimockup\n\n

\nThis tool allows you to create product teasers using animated mockups. Animockup provides a simple and intuitive platform for web designers, businesses, and marketers to showcase their products dynamically and engagingly.\n

\nWith Animockup, you can add your designs to a range of device mockups and animate them in seconds, creating eye-catching videos without a learning curve - it's so easy to use.\n

\n $\"Animockup$ \n\n

\n\nAngle\n\n

\nThis extensive library of 6,800+ device mockups offers quality mockups with Figma, Sketch, Adobe XD, and other features like the Angle plugin that allows you to place your screen into perspective mockups. You can find different mockup devices, including phones, tablets, laptops, and desktops.\n

\nThey also have a free plan to try it out!\n

\n $\"Angle$ \n\n

\n\nDesignstripe Mockups\n\n

\nDesignstripe Mockups is a library of beautiful and customizable mockups. The library includes mockups for several design needs, including packaging, branding, and product displays. The mockups are fully editable for unique presentations that stand out.\n

\nDesignstripe Mockups provides a simple and convenient solution for businesses, marketers, and freelance web designers looking to showcase their products professionally and engagingly.\n

\n\n

\n\nPlaceit\n\n

\nPlaceit is a well-known online tool for businesses, marketers, and designers who want to generate mockups quickly. With its extensive library of mockups, logos, videos, and other design assets, you can create professional and engaging presentations, marketing materials, and more.\n

\nThe user-friendly interface makes it simple to add your images, text, and logos to templates without the need for software or expensive design expertise.\n

\n $\"Placeit$ \n\n

Colors

\n\n

\n\nCoolors\n\n

\nCoolors is a platform that provides a user-friendly color scheme generator to assist designers, artists, and creative individuals find the perfect color palette for their projects.\n

\nWith its simple and intuitive interface, users can effortlessly generate an unlimited number of color combinations by clicking a button or entering a specific color. Additionally, the platform allows users to save and organize their favorite color palettes and share them with others.\n

\n $\"Coolors$ \n\n

\n\nColor Hunt\n\n

\nFor premade color palette Color Hunt is an easy tool to use. It allows designers, artists, and creatives to explore and experiment with color combinations.\n

\nYou can browse, save, and share your favorite color palettes, making it an accessible and valuable tool for anyone looking to add a touch of color to their projects.\n

\n\n

\n\nGrabient\n\n

\nIf you are looking for a great source of gradient colors for your next project, Grabient is an online library of high-quality gradient colors, perfect for any design project.\n

\nYou can edit the colors and the gradient direction before copying the result in CSS - a tiny bonus for web developers!\n

\n $\"Grabient$ \n\n

\n\nPicular\n\n

\nWith its unique approach, Picular offers a fast and easy way to generate color palettes inspired by real-world examples and current trends.\n

\nEnter a keyword related to your project, and Picular will use Google Images to create a color palette based on the most relevant and popular images.\n

\n $\"Picular$ \n\n

\n\nPalettemaker\n\n

\nPalettemaker is an online platform that helps creative professionals to create, customize, and preview color palettes for their projects.\n

\nWhether you're working on UI/UX, illustrations, web designs, apps, branding, or other designs, Palettemaker has the tools and features you need to bring your vision to life.\n

\n $\"Palettemaker$ \n\n

\n\nChroma\n\n

\nChroma is a powerful color tool providing designers, artists, and creatives with the tools to elevate their designs.\n

\nIts suite of color tools includes an eyedropper, color picker, and palette generator. Easily select and experiment with color combinations, preview palettes, and save favorite combos for future use.\n

\n $\"Chroma$ \n\n

Design tools

\nWeb design is essential to creating an online presence in today's digital age. Having an attractive and user-friendly website, whether it's a personal website or a large enterprise, can make a significant impact on your online success.\n

\nVarious web design tools make the process much easier, and we will peek at the best web design tools available and explore the features that make them stand out.\n

\n\n

Design & Prototyping

\n\nFigma\n\n

\nFigma is a cloud-based, collaborative design platform that enables teams to work on the same project and get real-time feedback. This web design tool is simple to use - there will be no learning curve.\n

\nFigma ensures that designers and developers can work together without stepping on each other's toes. Its ability to access designs from anywhere makes it an ideal solution for remote teams.\n

\n $\"Figma$ \n\n

\n\nPenpot\n\n

\nFor all freelance web designers, this platform has attracted a reputation as one of the best tools in the industry. Penpot is a cloud-based platform that provides a comprehensive suite of tools for web designers and developers.\n

\nThis open-source resource makes collaboration easy and speeds up the development process with a user-friendly design environment.\n

\n $\"Penpot$ \n\n

\n\nPlay\n\n

\nIf you want a UI tool built explicitly for creating mobile products, Play will help you with its intuitive interface and powerful features.\n

\nYou can seamlessly import your Figma components, styles, and pages to take your design process to the next level. Continue to refine your designs and add interactive elements directly on your mobile device, making it easier and more efficient to bring your creative visions to life.\n

\n $\"Play$ \n\n

\n\nAffinity\n\n

\nAffinity is a comprehensive and intuitive design suite that provides professionals and amateurs various tools for photo editing, publishing, graphic design, and illustration.\n

\nWhit accessibility, affordability, and high performance, Affinity empowers users to create stunning visual content with ease and precision.\n

\n $\"Affinity$ \n\n

\n\nPixso\n\n

\nPixso is an all-in-one design tool that simplifies the digital design process for UX/UI. It's designed for collaborative and creative teams, allowing them to quickly prototype, design, program, and deliver digital products.\n

\nWeb developers have access to code snippets ready to paste into their favorite code editor for a smooth transition from design to development.\n

\n $\"Pixso$ \n\n

\n\nSketch\n\n

\nSketch is a powerful tool for digital design. The range of features makes it an excellent tool for freelance web designers - design frameworks, prototypes, websites, mobile apps, and other digital products all in a single platform. Define text styles, colors, and components to use, and reuse across your project.\n

\nSketch provides the tools and flexibility you need to bring your ideas to life.\n

\n\n

Design System

\n\nSupernova\n\n

\nSupernova makes it easy to create and manage design systems. Its intuitive interface allows designers to create, store, and access design frameworks, text styles, and other design assets. The platform also allows for seamless collaboration with clients, making it ideal for teams and agencies working on the same projects.\n

\nSupernova offers a free plan, making it accessible to everyone, regardless of budget - create your Material Design.\n

\n $\"Supernova$ \n\n

\n\nDesign System Manager\n\n

\nDesign System Manager is a platform that helps connect design and code to improve the efficiency of design and development teams. With DSM, teams can work smarter, faster, and more in sync, reducing the need for manual updates and allowing for seamless collaboration on projects.\n

\nThis design tool provides a centralized hub for design assets, making it easy to access and use the latest design elements in your projects.\n

\n\n

\n\nLingo\n\n

\nIts intuitive and affordable tool seamlessly manages your digital brand guidelines and assets. Lingo is the one-stop platform that offers a centralized hub for your brand and improves the process of creating and organizing your brand identity or that of your clients.\n

\n $\"Lingo$ \n\n

\n\nZeroheight\n\n

\nEmpower your design team with Zeroheight, a platform to centralize your brand's design system. Unite designers, engineers, web developers, and marketing teams with a single source for your design assets.\n

\nCreate a community around your design system with well-documented guidelines, easily accessible by everyone within your organization or shared with partners and the public.\n

\n $\"Zeroheight$ \n\n

\n\nInterplay\n\n

\nMaximize the impact of your design system with Interplay. Facilitates the process by importing React components and design tokens, establishing a seamless connection between design and code. Stay organized by curating and publishing versioned releases, complete with descriptive release notes, ensuring that everyone is up-to-date on changes.\n

\n $\"Interplay$ \n\n

\n\nBrandy\n\n

\nOptimize your brand asset management with Brandy. Say goodbye to hours spent searching for logos, color palettes, product photos, or fonts. Keep all your brand assets in one central and organized location for easy access and consistency. Brandy saves you time and increases efficiency in your design process.\n

\n $\"Brandy$ \n\n

Accessibility

\nAccessibility is an essential aspect of modern web design that often goes overlooked. It refers to making digital content and services usable by everyone, including those with disabilities.\n

\nWith the increasing number of people who have web access, it's essential to design with accessibility in mind to ensure that everyone can have a positive and inclusive user experience.\n

\n\n

\n\nAccessibility Not-Checklist\n\n

\nThe Accessibility Not-Checklist is a comprehensive guide to help ensure that all crucial aspects of accessibility are covered in your design and development process. It provides a fundamental overview of the key considerations rather than a comprehensive education on WCAG guidelines.\n

\nThis resource is ideal for individuals new to accessibility and looking to establish a solid foundation in the field.\n

\n\n

\n\nCards for Humanity\n\n

\nThe Cards for Humanity tool promotes inclusivity in your designs, making them accessible to all individuals, regardless of their situation or context. Its practical approach helps ensure that everyone can access, use, and enjoy a seamless service experience.\n

\n $\"Cards$ \n\n

\n\nWho Can Use\n\n

\nWho Can Use makes it simple to create inclusive and accessible digital experiences that meet the needs of all users. The tool provides an easy-to-use interface to evaluate and improve the accessibility of your designs.\n

\n $\"Who$ \n\n

Organization & planning tools

\nStaying organized and on top of projects is critical to success as a freelancer. With a constantly growing to-do list and the need to manage multiple clients, it's essential to have tools to help your work and keep everything in one place.\n

\nFrom task management to client communication, time tracking, and project management tool, we'll cover the top tools that will help you stay productive and organized.\n

\n\n

\n\nClover\n\n

\nClover is a workspace management tool for freelancers, small businesses, and individuals. This platform allows you to take notes, update your daily planner, and keep all your to-dos in one place.\n

\n $\"Clover$ \n\n

\n\nNotion\n\n

\nNotion is one of the best tools for workspaces, notes, tasks, wikis, and databases - all in one platform. Whether you are working solo on a personal project or collaborating with a team, Notion has a solution.\n

\n $\"Notion$ \n\n

\n\nClockify\n\n

\nTime tracking is easy with Clockify - we are currently using it! This platform is great for teams or individuals who need to accurately track work hours across projects and gain valuable insights into productivity.\n

\n $\"Clockify$ \n\n

\n\nBonsai\n\n

\nBonsai is a business management tool designed to help you confidently grow your business. With Bonsai, you can manage your clients, projects, and finances all in one place. This awesome tool offers various features to help you deliver great work, get paid on time, and track your financial progress.\n

\n $\"Bonsai$ \n\n

\n\nFiverr Workspace\n\n

\nYou can now track time and manage your finance in one platform with Fiverr Workspace. Track expenses, grow your business, and use the contract management tool!\n

\nFiverr Workspace wants to empower companies and freelancers to collaborate, manage and grow their projects efficiently and effectively.\n

\n\n

Here are the best web design tools

\nIn conclusion, finding the right web design tools can significantly improve the efficiency and effectiveness of your projects. Whether you are looking for project management tools to keep your team on track, freelance tools to manage your business, or just the best web design tools to bring your vision to life, a vast array of options are available.\n

\nGaining access to the tools mentioned in this article can simplify your workflow and make the most out of your projects. Choosing the right tools can mean the difference between success and failure, so take the time to research and find the best tools.\n

","slug":"top-50-freelance-web-designer-tools","cover_description":"Funny outline illustration on a gradient background.","readTime":"17 mins","createdAt":"2023-02-06T15:23:20.857Z","updatedAt":"2023-02-08T02:07:10.395Z","publishedAt":"2023-02-08T02:00:51.714Z","locale":"en","cover":{"data":{"id":105,"attributes":{"name":"Thumbnail.jpg","alternativeText":"Thumbnail.jpg","caption":"Thumbnail.jpg","width":1920,"height":1080,"formats":{"large":{"ext":".jpg","url":"/uploads/large_Thumbnail_e71d46e8ca.jpg","hash":"large_Thumbnail_e71d46e8ca","mime":"image/jpeg","name":"large_Thumbnail.jpg","path":null,"size":31.7,"width":1000,"height":563},"small":{"ext":".jpg","url":"/uploads/small_Thumbnail_e71d46e8ca.jpg","hash":"small_Thumbnail_e71d46e8ca","mime":"image/jpeg","name":"small_Thumbnail.jpg","path":null,"size":11.05,"width":500,"height":281},"medium":{"ext":".jpg","url":"/uploads/medium_Thumbnail_e71d46e8ca.jpg","hash":"medium_Thumbnail_e71d46e8ca","mime":"image/jpeg","name":"medium_Thumbnail.jpg","path":null,"size":19.98,"width":750,"height":422},"thumbnail":{"ext":".jpg","url":"/uploads/thumbnail_Thumbnail_e71d46e8ca.jpg","hash":"thumbnail_Thumbnail_e71d46e8ca","mime":"image/jpeg","name":"thumbnail_Thumbnail.jpg","path":null,"size":4.03,"width":245,"height":138}},"hash":"Thumbnail_e71d46e8ca","ext":".jpg","mime":"image/jpeg","size":106.52,"url":"/uploads/Thumbnail_e71d46e8ca.jpg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2023-02-06T15:09:26.297Z","updatedAt":"2023-05-13T19:03:33.087Z"}}},"author":{"data":{"id":1,"attributes":{"username":"Roxanne Boutin","email":"roxanne.boutin@klarr.ca","provider":"local","confirmed":true,"blocked":false,"profile_picture_description":"Young woman looking at the sea.","title":"Co-Founder of Klarr Agency","createdAt":"2022-10-08T16:22:32.487Z","updatedAt":"2022-10-29T14:52:47.209Z","profile_picture":{"data":{"id":24,"attributes":{"name":"roxanne.jpeg","alternativeText":"roxanne.jpeg","caption":"roxanne.jpeg","width":800,"height":800,"formats":{"small":{"ext":".jpeg","url":"/uploads/small_roxanne_e6c9b9388e.jpeg","hash":"small_roxanne_e6c9b9388e","mime":"image/jpeg","name":"small_roxanne.jpeg","path":null,"size":35.25,"width":500,"height":500},"medium":{"ext":".jpeg","url":"/uploads/medium_roxanne_e6c9b9388e.jpeg","hash":"medium_roxanne_e6c9b9388e","mime":"image/jpeg","name":"medium_roxanne.jpeg","path":null,"size":67.09,"width":750,"height":750},"thumbnail":{"ext":".jpeg","url":"/uploads/thumbnail_roxanne_e6c9b9388e.jpeg","hash":"thumbnail_roxanne_e6c9b9388e","mime":"image/jpeg","name":"thumbnail_roxanne.jpeg","path":null,"size":5.41,"width":156,"height":156}},"hash":"roxanne_e6c9b9388e","ext":".jpeg","mime":"image/jpeg","size":75.69,"url":"/uploads/roxanne_e6c9b9388e.jpeg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2022-10-29T14:52:31.463Z","updatedAt":"2023-05-13T16:39:32.554Z"}}}}}}}},{"id":3,"attributes":{"title":"How-To Guide for Product Hunt Launch as a Small Startup","description":"Here are a few tips to help you successfully launch on Product Hunt. We'll also set the record straight for your launch expectation.","content":"

\nIf you're reading this, you're probably familiar with Product Hunt. For those who don't know, Product Hunt is a website that curates and highlights new products daily.\n

\nLaunching on PH (Product Hunt) can be a great way to get exposure for anyone with a startup or a business with an established customer base. Many users look for the latest innovative and creative technology, applications, and websites. Someone is looking for something you're making!\n

\nResearch, analysis, and several challenges must be overcome for a successful Product Hunt launch. We decided to write an article to give you a realistic perspective of a product launch on PH and a few tips we learned.\n

\nWe also include the Product Hunt launch checklist that we used.\n

\n\n

\n\n\n

Do your research 🕵️‍♂️

\nBefore launching on Product Hunt, we need to define your expectations and the results you would like to achieve. Here are some ideas:\n

Earn PH badge (product of the day, the week, the month, etc.)
Boost your backlinks
Generate traffic on your website
Get initial supporters
Receive feedbacks
Make sales
Gain visibility

\nYou can establish a more concrete action plan by defining your objectives and desired results.\n

\nIf you are launching your own product, you have to determine your target audience:\n

Location
Age
Gender
Employment
Income

\nThis information helps to better understand what type of person or company you want to attract with your Product Hunt launch. If you need more details, visit the MailChimp marketing glossary, they explained the concept of audience very well!\n

\n $\"Mail$ \n

\nOnce you know your goals, expectations, and audiences, we suggest you analyze competitors similar to your business. For example, we are a small business of two part-time people, a small marketing budget, and few resources. We cannot compare ourselves to a company with a team of people working full-time and investors (that would be a bit discouraging)! \n

\nOur research revealed that the launch day was essential in gauging success and determining growth prospects for these businesses. We used metrics such as the number of followers, feedback, and social media engagement. In short, we can learn from all the previous launches.\n

\n\n

Get ready 🏁

\nIf you're planning to launch your own product on Product Hunt, there are a few things you can do to prepare yourself and your team. First, be active in the PH community, and take time to familiarize yourself with the platform. Engage with the community members by commenting on their launch, participating in the discussion, and sharing helpful resources.\n

\n $\"community$ \n

\nFor our part, we joined Product Hunt on June 20, and our launch was on November 28. we had 6 months to familiarize ourselves with the community, but if you're already comfortable, we suggest being more active 1 month before your launch. If you want your product to be well received by the Product Hunt community, contribute!\n

\nAfterward, we encourage you to prepare social media posts, at least one blog post, and anything you want to share with your community. Even if you have few subscribers, share the news with them; every supporter counts.\n

\nDays before the upcoming launch, you can tease your audience by sharing a date, a preview of the project, or something that will pique the curiosity of your community.\n

\nOn the launch day, announce the launch and add a direct link for your subscribers to have quick access.\n

\n $\"social$ \n

\nThe next day, you can share the results on social media and congratulate the competitors. Preparing texts and publications in advance allows you to focus on your next step.\n

\nNext, a launch video can be helpful and generate excitement. However, only some people may watch it. We created a 37-second video, and 6 people watched it. If your product is complex and requires clarification, it may be good to publish an explanatory video. On the other hand, if the product is simple like ours (it is not necessary to explain what icons are), it is better not to take the time to work on a video.\n

\nAlso, ensure you have an eye-catching product gallery so potential customers can get an idea of what they will buy. Create at least 2 gallery images for the simple and informative product. This is your one chance to make a good impression, so ensure your presentation is well-designed and includes all relevant information about your product.\n

\nLastly, as the maker comment should be your first comment on launch day, be sure to craft one that's engaging and concise. This is an opportunity to introduce yourself and get people excited about what your product has to offer!\n

\nOh, have a promo code ready for anyone who visits your launch page and wants to show their support by purchasing the product!\n

\nIf you organize and prepare all your assets, you give yourself a chance to launch successfully.\n

\n\n

Congrats on the launch 🍾

\nLaunch day is essential because you've worked hard to get there, and this day allows you to make contacts. You can share your work with all the Product Hunt users, tech enthusiasts, entrepreneurs, and creative folks. It is also an excellent opportunity to share with all the relevant groups and social media like:\n

Slack groups
Reddit
Discord
Hacker news
Gitter
LinkedIn
Instagram
Twitter
Even Facebook groups

\nOn your Product Hunt dashboard, you can see the interaction between the community members, the number of upvotes, and your position. Some PH users will ask you questions and give you great feedback; take the time to answer every comment and every question.\n

\nThen, follow up with everyone interested in your product, even if they do not buy it. Send them additional information about your product or offer them other promo codes. With all the early adopters your product launch will generate, it is crucial to get social proof. Encourage people to leave reviews and feedback. Please do not ask for upvotes; product Hunt discourages this behavior.\n

\nYou can look for Product Hunt collections to add your product when the launch day is over. If you have difficulty finding a space, you can contact an active member; many of them are ready to help you! \n

\nRemember, a successful launch is not only about upvotes, comments, or the traffic generated on your website. A successful launch is an opportunity to build relationships with potential customers and partners who can help you grow your business.\n

\n\n

Our results 🥁

Product Hunt

\nWe had a fantastic outcome with position #15, 80 upvotes, and 13 comments (as of this writing). This has exceeded our expectations, considering that we had initially anticipated attracting around 30 votes. To see such positive engagement has been a delightful surprise for us, and we are glad to have caught the attention of some PH users. We believe our Product Hunt stats will increase for the next week and then hit a plateau. \n

\n\n

Gumroad

\nBefore our Product Hunt launch, we saw an average of 1 download every 1 to 2 days with our early adopters. But now, our daily downloads average is six with the new users. It's quite an improvement for us! We hope the engagement rate increases as we improve our product and service.\n

\n\n\n

GitHub

\nWe have a small pre-launch audience, but we got 44 more stars on our GitHub page since the launch day. We managed to capture the attention of the Product Hunt community, and we were able to increase our reach. It was unexpected!\n

\n\n

Google Analytics

\nWhen launching on PH, your product will be on the Product Hunt homepage for 24H (if you publish at 12 a.m.). A few hours in, we have seen a spike in traffic. This increase in traffic continued for 3 days, and we are confident that momentum will persist as we offer more exciting updates on the same product.\n

\n\n

Alright now, what?

\nYou can have many successful launches in numerous ways, but everything's come to a planned launch. Now that you know some tricks for a good launch, it's time to get creative and do the marketing part!\n

\nDon't give up! Launching on Product Hunt can be challenging, but it is also an incredible opportunity. Persevere through the tough times and keep working towards making your product the best it can be.\n

\n\n

Launch checklist

\nTo help in our launch, we used a checklist to help visualize several weeks ahead and prepare all the visual assets to be created.\n

\nYou can download the checklist on Notion. \n

\n $\"notion$ \n $\"notion$ \n $\"notion$ \n $\"notion$ \n

\nThank you to Marie from Tally for this helpful resource 💜\n

Product Hunt launch questions

What is a Product Hunt launch?

\nProduct Hunt is where entrepreneurs showcase their products to a passionate tech audience and all the product-loving enthusiasts.\n

\n\n

What time to launch on Product Hunt?

\nThe ideal time to launch Product Hunt is 12:01 a.m. on Mondays, Wednesdays, or Fridays. However, Mondays and Fridays are competitive days, so keep that in mind!\n

\n\n

Should you launch on Product Hunt?

\nProduct Hunt is a powerful platform for reaching a large market of people who seek new exciting products. You can connect with consumers eager to find innovative products through Product Hunt and give you great feedback.\n

","slug":"guide-for-product-hunt-launch-as-a-small-startup","cover_description":"3D rocket on a blue background","readTime":"5 mins","createdAt":"2022-12-05T16:24:55.782Z","updatedAt":"2023-01-29T13:38:59.217Z","publishedAt":"2022-12-10T16:58:08.585Z","locale":"en","cover":{"data":{"id":33,"attributes":{"name":"Rocket.jpg","alternativeText":"Rocket.jpg","caption":"Rocket.jpg","width":1920,"height":1080,"formats":{"large":{"ext":".jpg","url":"/uploads/large_Rocket_f153192023.jpg","hash":"large_Rocket_f153192023","mime":"image/jpeg","name":"large_Rocket.jpg","path":null,"size":21.84,"width":1000,"height":563},"small":{"ext":".jpg","url":"/uploads/small_Rocket_f153192023.jpg","hash":"small_Rocket_f153192023","mime":"image/jpeg","name":"small_Rocket.jpg","path":null,"size":8.32,"width":500,"height":281},"medium":{"ext":".jpg","url":"/uploads/medium_Rocket_f153192023.jpg","hash":"medium_Rocket_f153192023","mime":"image/jpeg","name":"medium_Rocket.jpg","path":null,"size":14.37,"width":750,"height":422},"thumbnail":{"ext":".jpg","url":"/uploads/thumbnail_Rocket_f153192023.jpg","hash":"thumbnail_Rocket_f153192023","mime":"image/jpeg","name":"thumbnail_Rocket.jpg","path":null,"size":3.29,"width":245,"height":138}},"hash":"Rocket_f153192023","ext":".jpg","mime":"image/jpeg","size":52.96,"url":"/uploads/Rocket_f153192023.jpg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2022-12-05T16:23:23.295Z","updatedAt":"2023-05-13T19:31:52.130Z"}}},"author":{"data":{"id":1,"attributes":{"username":"Roxanne Boutin","email":"roxanne.boutin@klarr.ca","provider":"local","confirmed":true,"blocked":false,"profile_picture_description":"Young woman looking at the sea.","title":"Co-Founder of Klarr Agency","createdAt":"2022-10-08T16:22:32.487Z","updatedAt":"2022-10-29T14:52:47.209Z","profile_picture":{"data":{"id":24,"attributes":{"name":"roxanne.jpeg","alternativeText":"roxanne.jpeg","caption":"roxanne.jpeg","width":800,"height":800,"formats":{"small":{"ext":".jpeg","url":"/uploads/small_roxanne_e6c9b9388e.jpeg","hash":"small_roxanne_e6c9b9388e","mime":"image/jpeg","name":"small_roxanne.jpeg","path":null,"size":35.25,"width":500,"height":500},"medium":{"ext":".jpeg","url":"/uploads/medium_roxanne_e6c9b9388e.jpeg","hash":"medium_roxanne_e6c9b9388e","mime":"image/jpeg","name":"medium_roxanne.jpeg","path":null,"size":67.09,"width":750,"height":750},"thumbnail":{"ext":".jpeg","url":"/uploads/thumbnail_roxanne_e6c9b9388e.jpeg","hash":"thumbnail_roxanne_e6c9b9388e","mime":"image/jpeg","name":"thumbnail_roxanne.jpeg","path":null,"size":5.41,"width":156,"height":156}},"hash":"roxanne_e6c9b9388e","ext":".jpeg","mime":"image/jpeg","size":75.69,"url":"/uploads/roxanne_e6c9b9388e.jpeg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2022-10-29T14:52:31.463Z","updatedAt":"2023-05-13T16:39:32.554Z"}}}}}}}},{"id":2,"attributes":{"title":"3 newest things for Circum Icons in October 2022","description":"I hope that you are doing well because we have exciting news for you! We have 3 novelettes this month. We’ve just released a contribution guide on our github repository. A new blog section on our website circumicons.com and finally we have done a redesign of our homepage.","content":"

What’s new for Circum Icons this month? 🎉

\n\nI hope that you are doing well because we have exciting news for you! We have 3 novelettes this month. We’ve just released a contribution guide on our github repository. A new blog section on our website circumicons.com and finally we have done a redesign of our homepage.\n\nRead to the end, we have something special for you! 🎁\n\n

Contribution guide

\n\nYou can now contribute to our library by following our guide on github. You can find all the instructions on how to contribute in the CONTRIBUTING.md file.\n

\n\n

New content related to design and development

\n\nWe’ve just released our first article on circumicons.com/en/blog. We have listed our favorite icon libraries there. Popular and less popular ones, you can find a variety of libraries with different aesthetics.\n

\n\n

Less than a year, and new design…

\n\nWhy did we decide to redesign our brand new website? We did it for many reasons, but the first one was that the aesthetic wasn’t to the rendez-vous. 😢\n\n We also planned to add a light theme to our website and it will be easier with the new design. You can see the changes by yourself at circumicons.com. \n\n\n\n

Probably what you've seen before... 👻

\n\n

Same layout, new design! 😻

\n\n

Are you still here?

\nCongrats you’ve just earned this 30% promotion on our premium icons! 🎉🎉\n

\n\n

Circum V1.1 - Universal Icons

\n\nCircum Icons Pro is a set of 809 icons, that is continually expanding. Neatly organized and easy to use, Circum is ready for all your projects. Get it here!\n\n

Promo Code

\n\nAvailable until the end of the year 2022!\n\n

Code: `earlymembers`

\n\n

Thank you for your support!

","slug":"3-newest-things-for-circum-icons-in-october-2022","cover_description":"Halloween pumpkin with happy face in the dark by Beth Teutschmann from unsplash","readTime":"2 mins","createdAt":"2022-10-28T12:18:47.409Z","updatedAt":"2022-10-29T15:32:46.046Z","publishedAt":"2022-10-28T20:35:25.928Z","locale":"en","cover":{"data":{"id":22,"attributes":{"name":"beth-teutschmann-ed5KySP1tfQ-unsplash.jpg","alternativeText":"beth-teutschmann-ed5KySP1tfQ-unsplash.jpg","caption":"beth-teutschmann-ed5KySP1tfQ-unsplash.jpg","width":1920,"height":1080,"formats":{"large":{"ext":".jpg","url":"/uploads/large_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742.jpg","hash":"large_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742","mime":"image/jpeg","name":"large_beth-teutschmann-ed5KySP1tfQ-unsplash.jpg","path":null,"size":46.21,"width":1000,"height":563},"small":{"ext":".jpg","url":"/uploads/small_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742.jpg","hash":"small_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742","mime":"image/jpeg","name":"small_beth-teutschmann-ed5KySP1tfQ-unsplash.jpg","path":null,"size":11.56,"width":500,"height":281},"medium":{"ext":".jpg","url":"/uploads/medium_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742.jpg","hash":"medium_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742","mime":"image/jpeg","name":"medium_beth-teutschmann-ed5KySP1tfQ-unsplash.jpg","path":null,"size":24.71,"width":750,"height":422},"thumbnail":{"ext":".jpg","url":"/uploads/thumbnail_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742.jpg","hash":"thumbnail_beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742","mime":"image/jpeg","name":"thumbnail_beth-teutschmann-ed5KySP1tfQ-unsplash.jpg","path":null,"size":3.6,"width":245,"height":138}},"hash":"beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742","ext":".jpg","mime":"image/jpeg","size":197.36,"url":"/uploads/beth_teutschmann_ed5_Ky_SP_1tf_Q_unsplash_1eb4396742.jpg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2022-10-29T14:47:42.034Z","updatedAt":"2023-05-13T19:30:55.903Z"}}},"author":{"data":{"id":2,"attributes":{"username":"Guillaume Bernier","email":"guillaume.bernier@klarr.ca","provider":"local","confirmed":false,"blocked":false,"profile_picture_description":"young man with beard and short hair","title":"Co-Founder of Klarr Agency","createdAt":"2022-10-28T20:27:36.408Z","updatedAt":"2022-10-29T15:00:28.905Z","profile_picture":{"data":{"id":25,"attributes":{"name":"guillaume_profile_img.jpeg","alternativeText":"guillaume_profile_img.jpeg","caption":"guillaume_profile_img.jpeg","width":294,"height":294,"formats":{"thumbnail":{"ext":".jpeg","url":"/uploads/thumbnail_guillaume_profile_img_b125f3cc58.jpeg","hash":"thumbnail_guillaume_profile_img_b125f3cc58","mime":"image/jpeg","name":"thumbnail_guillaume_profile_img.jpeg","path":null,"size":5.71,"width":156,"height":156}},"hash":"guillaume_profile_img_b125f3cc58","ext":".jpeg","mime":"image/jpeg","size":15.24,"url":"/uploads/guillaume_profile_img_b125f3cc58.jpeg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2022-10-29T15:00:13.411Z","updatedAt":"2023-05-13T16:39:08.250Z"}}}}}}}},{"id":1,"attributes":{"title":"The 10 Best Icon Libraries For Designers and Developers","description":"We know that constantly searching for new icons can be time-consuming and frustrating. That's why we made a list of the best free, easy-to-use icon libraries available! ","content":"

\nDo you need help finding the perfect icons? We know that constantly searching for new icons can be time-consuming and frustrating. Making your own custom icon fonts or collections is not always an option, so we've compiled a list of high-quality icon libraries with hundreds of free icons in multiple styles and formats that are easy to use, whether you are a designer or a developer.\n

Favored icon libraries
Discovered icon libraries

\n\n

Favored icon libraries

\nIcon libraries are a great way to save time, as they provide collections of pre-designed icons, so you don't have to start from scratch. There are lots of options out there, both free and paid, where you can find all kinds of icons for your projects. A few of the most popular and well know icon libraries include Iconfinder, Noun Project, Font Awesome, and Feather Icons; each has its advantages. But today, we will explore these extremely comprehensive collections of free icons; Bootstrap Icons, Iconoir, and Material Symbols.\n

Bootstrap Icons

\n\n $\"preview$ \n\n\n

\nThis icon library is a convenient collection containing over 1800 icons ready to use for personal or commercial projects. You can include Bootstrap Icons in any way you like; SVGs, SVG sprite, or web font. Of course, this library is fully compatible with the popular Bootstrap framework, making it quick and easy to incorporate into your projects. \n

\nYou can find this icon pack on the Bootstrap Icons website and on GitHub. \n

\n\n

Iconoir

\n\n $\"preview$ \n\n\n

\nIconoir offers over 1200 beautiful icons in SVG format, web fonts, React and React Native libraries, Figma, and Framer. The creators add icons regularly, and the entire collection grows fast! Developer or designer who likes flat icons and free downloads will be pleased to look at the Iconoir website.\n

\nRemember to check their GitHub if you are interested!\n

\n\n

Material Symbols

\n\n $\"preview$ \n\n

\nMaterial Symbols is an icon library of over 2500 premium icons perfect for a professional or personal project. Material icons and symbols are available in an outline and solid style easily adjustable to your needs (fill, weight, grade, and optical size). Whether you need icons for web design, application development, print materials, or anything else, this library has something to suit your needs. It's a classic, and it covers all the bases. \n

\nHere is the Material Symbols website and their GitHub page. \n

\n\n

Discovered icon libraries

\nFinding icons can sometimes be tricky, but many creative opportunities exist. We have created a list of free icons if you want to expand your horizons by looking at other icon libraries. Enjoy creating innovative projects with these icon packs!\n

\n\n

Basicons

\n\n $\"preview$ \n\n

\nThe Basicons icon library offers a collection of high-quality professional icon sets that are effortless to incorporate into product design and development. It is a perfect resource for anybody looking to speed up their workflow with a free download and simple icons that look clean and modern while being highly recognizable with no flourish. This growing collection of 326 icons is built to stand out and bring unmistakable clarity to the user experience.\n

\nCome and visit the Basicons website and their GitHub page! \n

\n\n\n

Circum Icons

\n\n $\"preview$ \n\n

\nOf course, we need to include our collection! One day, we got a little tired of using the well-known icon library and wanted to design our custom icons. We started our journey keeping in mind that we wanted a coherent, minimalist, neatly organized, and handy set for various development or design projects. Every symbol is made using a 24x24 grid to keep the same visual weight, and we make sure that the entire library is available in SVG format and ready to use in these frameworks (React, Vue, Svelte).\n

\nFree and paid versions are now accessible on our Circum website, and you can take a quick look at GitHub to follow our roadmap and all the ideas we have in stock! \n

\n\n\n

Clickons

\n\n $\"preview$ \n\n

\nClickons is a set of icons created by Craftwork. Their website has diverse icon packs, free and paid versions. This icon set contains 500 minimalist-style universal symbols in fill and stroke versions. Organized into 17 categories, the collection can be explored on Figma and is free to use for both commercial and personal uses.\n

\nIf you are interested in graphic elements, mockups, vector illustrations, or other great free downloads, go to the Craftwork website! \n

\n\n\n

Doodle Icons

\n\n $\"preview$ \n\n

\nDoodle Icons is there for your following projects if you want to find icons in an original and well-executed style. This icon library is completely free and includes 400 PNG and SVG files. Like some other icon sets, you can find Doodle Icons on Figma. \n

\nYou were looking for this library; check out the Doodle Icons website!\n

\n\n

Bonus

\nYou liked what you saw? The creator of Doodle Icons created a pack of animated icons - Unicorn Icons.\n

\n\n

MingCute Icon

\n\n $\"preview$ \n\n

\nSimple and carefully designed, MingCute Icon is an icon set of more than 2000 symbols. This extremely comprehensive collection is perfect for developers or designers creating mobile sites, desktop apps, etc. You will find it easy to change the color, the style, and the icon size; that will leave you more time to do what you love! \n

\nYou can download icons on the MingCute Icon website or follow their development on GitHub.\n

\n\n\n

Phosphor Icons

\n\n $\"preview$ \n\n

\nWith more than 6000 symbols, this icon set can easily compete with Font Awesome. If you don't want to use the same style for the project you are working on, you want to explore the possibility; Phosphor Icons is designed in 6 weights: thin, light, regular, bold, fill, and duotone. As most other icon libraries mentioned, the collection is open for personal and commercial projects.\n

\nIf you want to use the set for website interfaces, mobile apps, diagrams, presentations, etc., there is the Phosphor Icons website and their GitHub page.\n

\n\n\n

Pixelarticons

\n\n $\"preview$ \n\n

\nSome projects are unique, and they need a particular icon style. Whether the icons are for video games, prints, banners, mobile apps, or a board game website, Pixelarticons crafted 480 open-source icons on a precise pixel scale. Still, if you want more, the library's creator proposes a free and paid option.\n

\nFor the free version, check the Pixelarticons website, and for more information, GitHub.\n

\n\n\n

\nIcons are a great way to spice up a website or an application and help users to navigate. Today, we have seen some of our go-to icon selections made by amazing creators. Of course, are excellent resources, but if you want to stand out, explore some less well-known libraries.\n

Are you interested in our free icons?

\nWe've worked hard to create a versatile and coherent icon library, and we will love to hear from you. \n

Where can you find us?

\nGitHub\nGitter\nGumroad\nReddit\n

\n","slug":"the-10-best-icon-libraries-for-designers-and-developers","cover_description":"book library","readTime":"4 mins","createdAt":"2022-10-08T16:24:10.396Z","updatedAt":"2023-01-18T20:15:23.758Z","publishedAt":"2022-10-08T16:30:47.513Z","locale":"en","cover":{"data":{"id":27,"attributes":{"name":"alfons-morales-YLSwjSy7stw-unsplash (1).jpg","alternativeText":"alfons-morales-YLSwjSy7stw-unsplash (1).jpg","caption":"alfons-morales-YLSwjSy7stw-unsplash (1).jpg","width":1920,"height":1126,"formats":{"large":{"ext":".jpg","url":"/uploads/large_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a.jpg","hash":"large_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a","mime":"image/jpeg","name":"large_alfons-morales-YLSwjSy7stw-unsplash (1).jpg","path":null,"size":176.37,"width":1000,"height":586},"small":{"ext":".jpg","url":"/uploads/small_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a.jpg","hash":"small_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a","mime":"image/jpeg","name":"small_alfons-morales-YLSwjSy7stw-unsplash (1).jpg","path":null,"size":50.12,"width":500,"height":293},"medium":{"ext":".jpg","url":"/uploads/medium_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a.jpg","hash":"medium_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a","mime":"image/jpeg","name":"medium_alfons-morales-YLSwjSy7stw-unsplash (1).jpg","path":null,"size":103.49,"width":750,"height":440},"thumbnail":{"ext":".jpg","url":"/uploads/thumbnail_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a.jpg","hash":"thumbnail_alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a","mime":"image/jpeg","name":"thumbnail_alfons-morales-YLSwjSy7stw-unsplash (1).jpg","path":null,"size":13.42,"width":245,"height":143}},"hash":"alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a","ext":".jpg","mime":"image/jpeg","size":570.06,"url":"/uploads/alfons_morales_YL_Swj_Sy7stw_unsplash_1_9b28f7109a.jpg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2022-10-29T15:07:21.301Z","updatedAt":"2023-05-13T18:49:32.637Z"}}},"author":{"data":{"id":1,"attributes":{"username":"Roxanne Boutin","email":"roxanne.boutin@klarr.ca","provider":"local","confirmed":true,"blocked":false,"profile_picture_description":"Young woman looking at the sea.","title":"Co-Founder of Klarr Agency","createdAt":"2022-10-08T16:22:32.487Z","updatedAt":"2022-10-29T14:52:47.209Z","profile_picture":{"data":{"id":24,"attributes":{"name":"roxanne.jpeg","alternativeText":"roxanne.jpeg","caption":"roxanne.jpeg","width":800,"height":800,"formats":{"small":{"ext":".jpeg","url":"/uploads/small_roxanne_e6c9b9388e.jpeg","hash":"small_roxanne_e6c9b9388e","mime":"image/jpeg","name":"small_roxanne.jpeg","path":null,"size":35.25,"width":500,"height":500},"medium":{"ext":".jpeg","url":"/uploads/medium_roxanne_e6c9b9388e.jpeg","hash":"medium_roxanne_e6c9b9388e","mime":"image/jpeg","name":"medium_roxanne.jpeg","path":null,"size":67.09,"width":750,"height":750},"thumbnail":{"ext":".jpeg","url":"/uploads/thumbnail_roxanne_e6c9b9388e.jpeg","hash":"thumbnail_roxanne_e6c9b9388e","mime":"image/jpeg","name":"thumbnail_roxanne.jpeg","path":null,"size":5.41,"width":156,"height":156}},"hash":"roxanne_e6c9b9388e","ext":".jpeg","mime":"image/jpeg","size":75.69,"url":"/uploads/roxanne_e6c9b9388e.jpeg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2022-10-29T14:52:31.463Z","updatedAt":"2023-05-13T16:39:32.554Z"}}}}}}}}],"meta":{"pagination":{"page":1,"pageSize":25,"pageCount":1,"total":4}}}