Use & Embed Icons into Your Website with HTML & CSS tricks.

Learn the internal tricks to use HTML libraries for inserting mobile responsive icons for your website without copying .
4.1 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
• 127 students enrolled
80% off
Take This Course
  • Lectures 44
  • Length 3.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 English

Course Description

NOTE : **** This course contains 100+ lectures , which will be updated in next few days , after updation the price will be $199****

**Till updation you can grab it for $99 only , only limited slots are there***

** This is the first icon inserting course which uses the simple techniques of HTML and CSS**

This course will teach you to use the in - built library of HTML to fetch the icons and edit them using CSS.

If you are a website designer , a blogger or any shopping cart or e-commerce website designer , then this course is designer for you.

While designing your websites , the icons we include play a very important role in our website.

Almost all the web designers are using adobe photoshop or adobe illustrator for designing and editing your icons.

But , in this course you will learn to insert all the icons for your website and blogs using HTML and CSS.

This is the latest technique for designing icons for your shopping carts or any customizable websites.

Advantages of this course....!!!

1) . All the icons inserted in this course are mobile responsive , but the icons edited in photoshop or any other tools are not responsive.

2) . The icons designed in this course will have no effect on the speed of your website , which means that the speed of loading will be fast as compared to other tools.

3) . You can create your icon on your own , without searching on google .

Pre-requisite for this course...!!!

1). A little knowledge of HTML and CSS is required , but not necessary , as this course is from scratch , it will teach you everything.

2). A text editor (Notepad++ / Notepad ) can be used but Dreamweaver is preferred.

Who can take this course..??

1). Customized website designers.

2) . E- commerce website designers.

3). Bloggers.

4). Beginners to the field of designing.

5). Freelancers.

What are the requirements?

  • A little knowledge of HTML and CSS is required , but not necessary , this course will teach you everything from scratch.
  • A text editor (Notepad / Notepad++) or dreamweaver software.

What am I going to get from this course?

  • Make your website load faster.
  • Work as a freelancer icon designer.
  • You will be able to insert responsive icons on your own.
  • Can insert all the e-commerce icons using coding and can edit them.

Who is the target audience?

  • This course is for bloggers.
  • For website designers
  • For e-commerce website designers.
  • For freelancers
  • A beginner to website designer.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction to the course and instructor.
Introduction to the course.
Introduction to the instructor.
Let's start with the basics.
Section 2: Starting with the basic icons.
First step to use the basic icon.
Insertingicons of larger size.
Let's list the icons.
Inserting bordered and pulled icons.
Let's insert some animated icons.
Inserting rotating and flipped icons.
Section 3: Let's create some chart icons.
Inserting an area chart.
Inserting a bar chart.
Inserting a line chart.
Inserting a pie chart.
Section 4: Let's design some currency icons for shopping carts.
Inserting a bitcoin icon.
Inserting a cny icon.
Inserting a gbp icon.
Inserting a dollar icon.
Inserting an euro icon.
Inserting an ils icon.
Inserting an inr symbol.
Inserting of a jpy icon.
Section 5: Designing web applications icon.
Inserting a wifi icon.
Inserting a warning icon.
Inserting a volume icon.
Inserting a video camera icon.
Inserting a user icon.
Inserting an add user icon.
Inserting an upload icon.
Inserting a toggle icon.
Inserting thumb icons.
Inserting a review star icon.
Inserting a balance scale icon.
Inserting an arrow icon.
Inserting an asterisk icon.
Inserting a battery icon.
Inserting a comment icon.
Inserting a reply icon.
Inserting a search icon.
Inserting a shopping cart icon.
Section 6: Inserting some media icons.
Inserting a youtube icon.
Inserting stop icon.
Inserting a step icon.
Inserting compress and expand icon.
Section 7: Final words...!!
Last words.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Kunal Asudani, Website developer and instructor at Udemy

Hello friends!! I am kunal asudani , a website developer with an experience of 8 years in web development and an instructor.

Having a keen interest to spread my knowledge and skills , i started teaching the students who love programming , i have an expertise in programming languages such as HTML , JSON ,javascript , jquerry , css , Bootstrap , Angular JS , Foundation, C , C++, PHP and DSA.

Now , my students are there in 102 countries , started with the single class room , i am sharing my programming skills to my students worldwide.

My way of teaching:

Before creating any course , or any topic , i always create it in the way that my students have zero knowledge of it , because i always aim to start from the scratch.

If you are enrolling in any of my course , you will find everything from the basic , you don't need to google anything.

My aim for students:

I have decided to provide you with all my skills , experience and ideas and bring you up with a great programmer and a website developer.

i will create the every basic course , from scratch which will be in use , as far a person with zero experience can become a hero.

All the best my students...!!

Ready to start learning?
Take This Course