Sarah Shookjoojaco.hashnode.net·Dec 14, 2020How to Use SVGs as Tags in ReactThis article covers how to allow SVGs to be utilized as imported (tagged) components in your React app, which can be used and styled in congruence with imported icon packages. React Icons is a robust icon library that includes hundreds (if not thousa...Brenda Michelle and 1 other are discussing this2 people are discussing thisDiscuss·47 likes·604 readsSVG
Amit Kumarstackinverse.hashnode.net·Jul 6, 2021Custom SVG Icon library using React ComponentsMost well-designed websites and apps have a custom-designed icon library that helps them to create icons in any color, variation, and consistency that retains throughout the whole project. Let's create a similar but smaller custom icon library. Why a...Discuss·21 likes·182 readsReact
Usman Sabuwalausman2102.hashnode.net·Nov 22, 2020💄 How to use Microsoft Fluent UI Icons on your website?👋 Hey Developers! I really love the icons used and provided by Microsoft in their products. And I always wish to use them in my projects. But it is pretty hard to find a way to use them. This post will help you to use them in your project! It is pre...Discuss·20 likes·4.1K readsUX
Achuthachuth.hashnode.net·Mar 12, 2023How to Design an Iconset That Is Adaptive for All ProjectsIcons are small graphical elements that can convey meaning, functionality, or identity in a user interface. They can also enhance the aesthetic appeal and usability of a website, app, or product. However, designing an iconset that is consistent, scal...Discuss·32 readsBlog post a dayicon
Mansurul Haquemansurulblog.hashnode.net·Mar 6, 2023Top 15 Free Icon Resources For Your UI Design ProjectIcons communicate in a language that everyone understands. That's why icons are so popular. They can represent complex concepts and actions in a simple and powerful way. So as a designer, you know that having a diverse collection of high-quality icon...DiscussIcons
Mridul Pandamriduls.hashnode.net·Feb 28, 2023Top 5 React Icon Library to Enhance Your Web AppIcons are an essential part of any web application. They make the UI/UX more engaging, improve user navigation, and add a professional touch to the website. React icon libraries are the best way to add icons to your web application. They offer a wide...Discuss·37 readsReact
Ariyibi Baseetariyibi-baseet.hashnode.net·Feb 17, 2023Replacing Bootstrap accordion icon (Concluding part)You are welcome to the concluding part on how to replace the bootstrap accordion icon. Ooops 🙄I missed the first part! You can click here to update yourself about it Picking it up from where I stopped. Having known that .accordion-button:not(.collap...Discuss·145 readsaccordion-menu
Joschininja-army.hashnode.net·Jan 1, 202310 SVG Libraries - FREE (Open Source)markermarkerCreating websites are fun and all but there is one thing you always need right? If you are doing the frontend part you always need some icons. Icons will always give your website or app fine-tuning. Everything looks just much better if yo...Discuss·1 like·44 readsCSS
Mohsen KamraniforDoTenXmohsendo10x.hashnode.net·Dec 8, 20227 popular Icon libraries you can use in your websitesIcons are an essential part of modern web design, as they provide a visual representation of an idea or concept simply and concisely. They are often used in navigation menus, buttons, and other interactive elements on a website to help users understa...Discuss·2 likes·134 readsCSS
Youssef Hafnawyhafnawi.hashnode.net·Nov 5, 2022Top 5 Icon websites for devs and designers!!!Introduction: Everyone needs a website to get icons from it, Choosing the right icons is like putting a cherry on top of a cake, don't complete without it. Whether you want to create a design from scratch or update an old design, a high-quality set o...Discuss·3 likes·33 readsDesign
Thomas Portelangelekoala.hashnode.net·Oct 7, 2022Last Icon just got betterLast year I have published the Last Icon library. Today, I've finally published the V2 of this library which brings new benefits. Lazy loading Given how easy it is to implement lazy loading thanks to IntersectionObserver, icons are now lazy loaded by...Discuss·34 readsjs
Neeraj Jaiswalneerajjaiswal.hashnode.net·Sep 22, 2022How to convert png to ico using free tool GIMPAs a developer sometime you will require to create windows icon file with extension ".ico". Normally you will get a png image with which you need to create the ico file. You can easily convert any png file to an ico file using GIMP. GIMP is a free so...Discuss·1.5K readsicon
Vihanga nivarthanavihanga.hashnode.net·Sep 7, 2022How to create your own duotone web icon font using Glyphs AppWhat are the duotone icons ? We all know what a traditional single color web icon font is, but a duotone font is a completely different type of font that has two contrasting colors instead of one color. Fontawesome recently introduced their duotone i...Discuss·4 likes·215 readsUIUX
