Some of the icon libraries allow downloading SVG files, so an option is to download the icons and just add them as images. You could use an icon font plugin or a builder. There a couple of ways you could go around adding icons to your WordPress website. But remember, that they will not be vectors, so be careful will the size, if you decide to use it. Material Icons allows download PNG files of their icons as well, so that means you won't have to worry about WordPress not supporting SVG files (by default, but there's a way to change that, so I'll talk about that later). Yet another open-source icon library that offers icons in different styles and categories. You can add Icofont icons by downloading an SVG file and uploading that to your website. You can search for individual icons, or browse through categories. This is a service that offers more than 2100 free unique icons to add to your site. It has more than 490 icons that you can add. There's also an option to use the WP SVG Icons plugin, which generates a shortcode for the IcoMoon icon you want to use. To use any of the icons, launch the free plan app, and then you can generate an SVG file, download it and add it to your WordPress site. There are both free and premium icons available and they've separated them into three plans. IcoMoon is a service that offers a big library of icons. The icons include social icons, weather icons, emojis and many more. This is a unified icon library with over 40,000 icons. The easiest way to add any of the icons to your page would be with the Font Awesome plugin. Font Awesome has more than 7 000 icons that you can use and you'll be able to find the right one within their very easy to use icon library. Font Awesomeįont Awesome is the most popular icon library with free and pro icons available. Where to find icons?įinding icons may get a little overwhelming, so here are some of the most popular icon libraries you can browse around and find the one that suits your site the best. In WordPress, what people usually use are icon fonts, not individual image-based icons, because icon fonts will be better for the performance of your site. You can add icons to buttons, to increase their meaning.A good practice is to apply the accent colors of your page to the icons to make them stand out.Simply adding a checkmark icon can make the list more readable Make lists more attractive with icons. Icons can be used to give meaning to features.For consistent design - don't mix icon sets and fonts.Icons should be visual synonyms to the content you add them to. I've collected a set of tips you can apply to your website design if you are using icons: So these icons will direct their attention to the spot you want and make the content understandable even without reading it word for word. We all know the statistic of most people looking at a site for less than 15 seconds, and that is not a lot. The icons separate the content, making it easier and faster to take in. They not only increase the readability of your site, by giving a visual representation of what's written but also is simply more memorable and eye-catching. There are actually plenty of benefits to using icons in your design. Let's start off by simply saying that icons are used to accent written content in a meaningful way. But still pretty easy if you know what to do and what to look for and that's exactly what I'm going to tell you. I'm sure that at some point in your life, you've played around with fonts in Microsoft Word and stumbled upon the Wingding icon font and could use that in your designs.
0 Comments
Leave a Reply. |