Ad goes here

Wednesday, 29 July 2015

How to use computers or devices icons in your web application?

A small icon says enough about the content which makes reading additional text unnecessary.

Websites or Mobile Applications can be quite boring without using icons and we can see most of the websites using them today to get better understanding about content or navigation.

When you use icons for your applications, keep the proximity principle in mind and group them with content they related to and of course about the icon sizes.

Previously, we directly used images for icons and later started to use sprite images through CSS and these days most of the site used icon fonts where have to used Vector Graphics images and need help from other sites, but do you know you can use icons from the used computers/ devices by using a small CSS and its really very light weighted.

Let's start discussing that how you can use icons for web application from used computers or devices.

As I mentioned that we have to use icons from own PC or devices so first we have to access the character map. So please click on start and type ‘charmap’ inside the run field or you can also manually access the character map as per used devices.

Let's create stylesheet which will be saved using UTF-8 to get the icon in proper view to support all special character. Find suitable icon from open character map window and select it to copy from the 'character to copy field' and paste it with a class name inside the stylesheet.

You almost done and now the time to check it in the browser so create a HTML page and use defined icon class name. Hope you can understand the entire thing is ready and you can check now by browsing the created page.

Hope you can understand that how we can create it easily without using any images or resources from online, it will work from your local devices which make your application faster.

If you need any help to create icons using instructions above, please use comment box below to get quick reply.


  1. If you are like most people when they go out and buy a new Personal Computer you probably get excited when you take it out of the box, turn it on and marvel at how fast it runs.look at this site

    1. The effectiveness of IEEE Project Domains depends very much on the situation in which they are applied. In order to further improve IEEE Final Year Project Domains practices we need to explicitly describe and utilise our knowledge about software domains of software engineering Final Year Project Domains for CSE technologies. This paper suggests a modelling formalism for supporting systematic reuse of software engineering technologies during planning of software projects and improvement programmes in Project Centers in Chennai for CSE.

      Spring Framework has already made serious inroads as an integrated technology stack for building user-facing applications. Spring Framework Corporate TRaining the authors explore the idea of using Java in Big Data platforms.
      Specifically, Spring Framework provides various tasks are geared around preparing data for further analysis and visualization. Spring Training in Chennai

  2. Pretty nice post. I just stumbled upon your weblog and wanted to say that I have really enjoyed browsing your blog posts. After all I’ll be subscribing to your feed and I hope you write again soon! blockchain backend developers

  3. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement the concept. Thank you for the post. 4k compute rmonitor

  4. A person's choice for a monitor depends on the areas the monitor is being used in and one has to also think about graphics cards to support the various resolutions computer monitors have in today's society.
    Buy 240hz monitor

  5. I started building computers around 1996, when I was ten years old, and it became a hobby of mine which led into a business about 16 months ago. reset windows 10 password


  6. Has anyone considered the problems with brain cancer, having those electronics so close to the brain - or will the extra electro-magnetic energy actually help brain waves and cognition?

  7. This may be one of the reasons for your question: why is my computer running so slow and how to speed up computer.Click here

  8. What once takes a long time to finish in groups as in seen in companies without computers, can now be finished in shorter times with those.Best Computer For College Student: expert's advice

  9. It is truly a great and helpful piece of info,Excellent blog,Thanks for sharing. coupons

  10. Thank you very much for this useful article. I like it. branding

  11. Awesome article , I’m going to spend more time researching this subject ux san francisco

  12. There are some interesting cut-off dates on this article but I don know if I see all of them center to heart. There is some validity however I will take maintain opinion until I look into it further. Good article , thanks and we want extra! Added to FeedBurner as effectively apple phone mockup

  13. Leader in developing embedded system projects, providing Engineering and SCADA solutions using Raspberry pi, Arduino and more.... devops


Contact Form


Email *

Message *