How to use SVG Icons in CSS | Convert PNG Icons to SVG

In this video tutorial, we will learn how to use SVG icons in CSS. We will also learn to convert PNG icons in SVG format.
SVG icons are lightweight and highly scalable. With CSS you can control the size with the standard font-size property.
-----------------------------------------------------------------
📦 Source Code: github.com/wpacademy/svg-icon...
♻ PNG to SVG: www.pngtosvg.com/
🧰 CSS Encoder for SVG: yoksel.github.io/url-encoder/
-----------------------------------------------------------------
-----------------------------------------------------------------------------
🙌 Support This Channel by Buying Stuff Below
-----------------------------------------------------------------------------
✅ Elementor Pro: wpacademy.pk/go/elementor-pro/
✅ Cheap Domain & Hosting ➡ wpacademy.pk/go/nc
✅ Managed Cloud Hosting ➡ wpacademy.pk/go/cloudways/
✅ Best Elementor Addons ➡ wpacademy.pk/go/crocoblock
✅ Envato Elements ➡ wpacademy.pk/go/envato-elements
-------------------------------------------------------------
👨‍👩‍👦 JOIN OUR SOCIAL COMMUNITY:-
-------------------------------------------------------------
Facebook Page: / wpacademypk
Facebook Group: / wpacademy.pk
Forums: wpacademy.pk/forums

[@user-kn4oi9oh4i]

Good sir, you have acquired another subscriber because of this amazing tutorial! Thank you!

[@WPAcademyPK]

Awesome, thank you!

[@haveenraj2961]

Finally this kind of video is there ✌️

[@Alone.Brecker]

Thank you so much I finally found it.

[@mehedihasan9683]

thank u so much bro,very helpful video
😍

[@liaqatnasim708]

You saved me... very help full...👍

[@Toast-M1]

very nice thanks

[@equablestatus]

Useful 👌

[@ahmmedsabbirbd]

many many thanks

[@farshadbagheri6180]

Thanks for your video

[@JC-bb9vn]

thanks for teaching

[@gilsonconceicao5201]

Thanks for sharing. Do you have any content on how to change the color of the svg in a simple way and without editing the svg code?

[@WPAcademyPK]

Unfortunately, there is no direct way, some SVG files accept colors assigned via CSS, and some do not.

[@easywebsolution7044]

Very helpful video, it save my time.

[@WPAcademyPK]

Glad it helped

[@user-zg2rd9ld4k]

you can use figma to convert png/jpg to svg

[@muhammadaslan6256]

How we can do that for wordpress

[@khanhhoanguyen1740]

Like ur lesson but sorry, i'm laugh so hard when hear ur voice xD
Video is useful, Thank you

[@WPAcademyPK]

I am glad that i made someone laugh.

[@shahadatgaming6530]

But if you want to change the color then how will you do it?

[@nairinsalot4370]

style it css

[@eliekouakou3747]

thanks

[@websdevgio]

it's working :)

[@shehabmohsen8220]

but can't change the color

[@mod7ex_fx]

but we can't change color

[@sumitsaini_999]

Bhai ek help chaiye SVg saay related

[@vladimirpaziuk4707]

Not useful in real project. How you will change color of icon, If you can not use fill css property for bg image

[@CristianIntriago_]

interesting, thats why mine dont work

[@lennard4454]

4:13 missed the part where u explain why u actually do this?

[@naumanahmad1807]

Asslam-o-Allykum
bhai jan me ne html or css study kr lya he jitna aap ne krwaya he us se ziyada advance tk to kya muje koi kaam mil sakta he jese k PSD to HTML wgera me total design responsive bna leta hoo
reply lazmi krna
Thanks

[@WPAcademyPK]

Just go to Freepik.com and download PSD and start coding.

[@naumanahmad1807]

@@WPAcademyPK Thanks a lot Brother luv u 2

[@sudaiskhan237]

NEED GRAPHIC DESING

[@WPAcademyPK]

Ye dislike karne wale sath reason bhi mention kar dia krain taa k hum apni islah kar skain.

[@tarush4445]

why use before?

[@WPAcademyPK]

developer.mozilla.org/en-US/docs/Web/CSS/::before

[@VitiXAgency]

thanks