How to use "Flaticon" as webfont
Вставка
- Опубліковано 26 сер 2024
- Hi, I am Kavita Sharma and welcome to Coding Curry. All of us know how to download icons from iconfinder.com as svg, eps, png & psd and use the icons in our design. but we have to use the icons as images in the html. In this video, we will learn how to use the icons from flaticon.com as web font. By using the icons as web font, we can make the web page as light as possible.
Download the code and files from here : www.dropbox.co...
SUBSCRIBE MY CHANNEL FOR MORE VIDEOS LIKE THIS.
Facebook: / coding.curry.1
Google+ : plus.google.co...
HTML/CSS complete web page
HTML web page
Basic html web page
all attribute of body tag
attribute of body tag
attribute of body tag in html
attribute of the body tag
background attribute of body tag in html
bgcolor attribute of body tag
bgcolor is an attribute of body tag
explain bgcolor and background attribute of the body tag
function of background (attribute of the body tag)
basic html tutorial for beginners
basic html video tutorial for beginners
best html tutorial for beginners
best html video tutorial for beginners
complete html tutorial for beginners
free html tutorial for beginners
free online html tutorial for beginners
free tutorial on html for beginners
free video html tutorial for beginners
good html tutorial for beginners
html language tutorial for beginners
html tutorial for beginner
html tutorial for beginners
html tutorial for beginners in hindi
html tutorial for beginners in urdu
html tutorial for beginners online
html tutorial for beginners with examples
html tutorial for beginners with examples in hindi
html tutorial step by step for beginners
html video tutorial for beginners in hindi
html video tutorial for beginners in urdu
tutorial on html for beginners
web design html tutorial for beginners
learn html
html tutorial for beginners
learn html5
learn html online
learn html and css
tutorial html
html5 tutorial
css tutorial
html css tutorial
learn css
html for beginners
learn to code html
html coding tutorial
html coding for beginners
learn html free
html5 tutorial for beginners
html training
learn html css
learn basic html
html coding for dummies
learn html online free
html and css tutorial
html online tutorial
basic html tutorial
html tutorial for beginners with examples
best way to learn html
html tutorial point
learn html for beginners
html website tutorial
Hi Kavita, This is the best video about the use of flat icon on UA-cam. Thanks for sharing.
Thanks Akash Vajpayee. Please like and share the videos with your friends.
Best chanel for web development .!!! After html css plz upload video of javascript also....!!
Thanks Suman Rai. We are just about to complete our HTML video series. After that we are planning to make the Bootstarp and java script tutorials. Please keep watching and sharing our channel with your friends.
Hi Suman, Request you to please subscribe for more such videos. It would be great for our channel to have some good viewership. We have planned to make many videos with great content.
Madam...Bahot hi helpful..Thank you so much...🙏🙏🙏
Congratulations Kavita, visited after a long time. Happy to see your progress. 👍
Thanks mam.... It's very useful for web designer
Thanks for the comment. please keep watching our channel for more such useful videos.
tthanks for this video
WOW!!!!
Thanks a lot....
Helped me a lot! Thank you so much...
Hi, I added one icon in my collection. But when I tried downloading it, it only shows images options like png, psd, svg, eps. There is no option of icon font. I am only able to download image and not css file.
thank sis for your all videos plz keep it up
Thanks Dilshad Spartan. Please like our videos and share with your friends who wants to learn web designing
Nice mam, it's very helpful.
Thank for help
Superb tutorial! Thanks
When I use to go multicolor icon and download it, the icon font button is readable. Not permit to download it.
So my question is, can we use multi color flaticon Or not
Hi Naman, Thanks for watching our videos. I don't think we can use the color icons from flaticon as webfont yet. Please keep watching our channel for more amazing videos.
Very Nice Good Job Mam I am Very Happy to see this vedio Thanks
Hi, Thanks for watching our videos. Please keep watching our channel for more amazing videos.
Good reason to use flat icon,
thank you:)
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
@@CodingCurry hi
Thanks
Very helpful....
Thanks Insanur.
U r a brilliant teacher....... thank u for ur every tutorial...... plz... make some more
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Great, thanks a lot
Thanks Muzammal, Please keep watching our channel for more amazing videos.
Nice Videos Mam. As usual the content in your videos is very good. Keep up the good work.
Thanks Alka. Share like & share the videos with your friends who wants to learn web design.
Great tutorial very helpful your tutorial for me. thanks.
some time icon are dosn't show on website plz help for more details???????????
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
I'm seriously considering learning Hindi, Almost every youtube tutorial is in Hindi -_-'
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
This is not UA-cam, this is Hindi Tube 😂😂
Hello, First of all thanks for sharing this amazing tutorial. I have all done as per your tutorial. But after all this is done I want to add another one icon. I followed above process again but it didn't happen.
Would you please explain?
Your are awesome. Please keep us updated by your awesome tutorial
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
I have downloaded the icons but the css file and html file is not there??
Nice tutorial thanks mam
Thanks Shubham. Please don't forget to like and share.
Oh dear! The DOWNLOAD COLLECTION button was hidden under "Stories by freepik" ad ribbon. Finally, I found that button.
I am very happy that my tutorials are worthfull for you. Keep watching for awesome videos.
Hi I am not able to download the icons...whenever I hover on the download button it says to register..when I try to register no account gets created
THANK YOU SIR - TIKE!
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
i tried but for me its showing a blank box
I love youuuu
i have added flaticon in my theme for selling on themeforest...it's necessary to give credit to flaticon author
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
The thing this I am not getting any option to click menu
Hi Clara! back when we created this video, the layout of the "Flaticon" website was different from what it has right now. But don't worry, you can still explore the same option from the "Packs" option in the top left. Once you click on the "Packs" then you can apply the filters for the desired icons. I hope it helps :-)
@@CodingCurry Thank You so much for answering
Thanks Dear
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Hello, I can download the flaticons in black but not in color. How to use color icons with flaticons? I tried to download color icons with iconfonts download options but i get this message "Be aware: For technical reasons, the multicoloured icons wont be included in Iconfont." Thanks :)
Hi Atilla, Thanks for watching the video. We can not use the color icons from flat icons as webfont yet. but there is another way to use the color icon. We will share a video for the same very soon. Please keep watching our channel.
@@CodingCurry Thanks you so much :)
icon font section has paid
Hey +Coding Curry , please help me understand: i have 2 flaticon packs and i want to install that on WordPress. I tried renaming flaticon to new_1 and also renamed other font files. Still the icons are not displayed on the website, please help me understand this and how can I proceed?
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
How to use flat icon cdn??
mera use q nahi ho rha jab same 5 time maine same kya
Please do the video tutorial regarding to the colour selection for website
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Icon font no more free to download
How to use flaticon attribution
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Roses are red, Violets are blue, The title is in English, why aren't you?
Hi Osmin, really sorry for video not being in the english. We are trying to set up a new channel where all the videos will be in english language. For now, videos are in Hindi language because for many people in India, it is easier to learn from local language tutorials.
How to use all icon in one package
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Hello mam me icon use kar raho flaticon but show nahi kar raha hai
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
I really appreciate Indian language , but with due all respect , i don't like it! At least add English subtitles .
thank you ☻
co nie kurwa?
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
plz rply me text.
cant hear your voice
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Biri şuna alt yazı eklesin tiki taka diyip duruyor
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Funny! You introduce a video with English and you end up speaking Hindi.
Hilarious.
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html
Hi, now you can use color flat-icon as a svg sprite in webpage and can control it by css.
Watch my new video : ua-cam.com/video/Vd-fhI1iG48/v-deo.html