Icons

Patricia_41 · Dec 21, 2022

hi i just started coding in vs code and i know very little. I can't make my icons like chevron_left or chevron_right to show on my website. I downloaded the from fonts.google.com/icons and i don't even know where should the downloaded file go to. I also thought maybe i needed an icon extension for vs code. Thanks.

MeMate · Dec 21, 2022

Well there is an explanation for you.

First thing to do: Load this font in your page somewhere between <head> and </head>

Code:

<link 
rel="stylesheet" 
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
 />

Then use that whereever you want

Code:

<span class="material-symbols-outlined">
chevron_right
</span>

HTML Aligning social media icons	2	Dec 6, 2020
Favicon issues	0	Feb 19, 2024
Dynamic block parsing + scrolling	0	May 30, 2024
Dynamic block parsing + scrolling	0	May 30, 2024
Google sheets song request	3	Apr 19, 2022
Search Results with Pagination	0	Oct 25, 2024
finding icons for Apps	3	May 25, 2008
Help with finding difference between two bodies of text in order	0	Sep 11, 2024

Icons

Patricia_41

MeMate

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads