How to Use Google's Material Icons on Your Websites

preview_player
Показать описание
In this video I'll take you through how to use Google's set of Material Icons on your websites or web projects.

Installation:

Icon List:

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
  1. dcode
  2. code
  3. coding
  4. programming
  5. tutorial
  6. introduction
Рекомендации по теме
How to Use 0:05:20

How to Use Google's Material Icons on Your Websites

The perfect imperfection 0:15:47

The perfect imperfection of Google's Material You

What is Google 0:12:20

What is Google Material Design

Google Material Design 0:05:57

Google Material Design Explained & Why is it Important

Google's Material Theme 0:04:18

Google's Material Theme design refreshes - Updated Apps!

How to Use 0:11:44

How to Use Google Font Icons, Material Symbols, Material Icons, Variable Font Icons | Full Guide

Material Design Theme 0:12:19

Material Design Theme Editor Plugin by Google for Sketch Tutorial

Google's Material Design: 0:03:00

Google's Material Design: An In-Depth Look | Mashable

9 Huge Emmerdale 0:08:29

9 Huge Emmerdale Spoilers You Can't Miss for Next Week! from July 29th to August 2nd #Emmerdale

Understanding the Material 0:04:05

Understanding the Material Design type system | Google Design Tutorials

Google's New Design 0:14:30

Google's New Design System - Material 3.0 | What's New and Changed

How to Use 0:04:01

How to Use Google Material Icons | Material Icons

Google's Material Search 0:01:01

Google's Material Search Interface In Testing

Google material design 0:17:01

Google material design framework: Building more accessible experiences | Google I/O

Google I/O 2014 0:42:27

Google I/O 2014 - Material design: Structure and components

#shorts How to 0:01:05

#shorts How to use Google Material Icons in your website

Material Theming: Build 0:35:46

Material Theming: Build Expressively with Material Components (Google I/O'19)

Google I/O 2014 0:45:16

Google I/O 2014 - Material science: Developing Android applications with material design

Build great Material 0:28:11

Build great Material Design products across platforms (Google I/O '18)

Customize Material Components 0:27:45

Customize Material Components for your product (Google I/O '18)

Google I/O 2014 0:45:03

Google I/O 2014 - Material design principles

Google material design 0:00:26

Google material design stylish theme

How To Enable 0:00:51

How To Enable Material Design On Google Chrome

😁 NEW 2023 0:00:14

😁 NEW 2023 Google Chrome Design by Material You

Комментарии
Автор

You explain everything so simple and straight to the point I love your videos

Pyraptor
Автор

Great tutorial! Exactly what I was looking for! Thanks :)

NewAeon
Автор

Short and simple. Thank you very much.🔥🔥🔥

niphomahlangu
Автор

I had a problem changing the size of the icon through font-size under another class name or span selector itself. After seeing this video, I used the ID selector and it worked! Cheers man and Thank you.

yousseftijdit
Автор

The video i was actually looking for😁☺thanks

favourjohn
Автор

Thanks alot...i was searching for this

ayeshagull
Автор

You're a great explainer thank you

orlandolopez
Автор

thank you so much bro, such a big help. may god bless you

lospanxeezy
Автор

Excelente, muy bueno, muuuy bueno. (excelent, very

jcorderob
Автор

Hey! Thanks for the video. Which theme and font are you using in Vscode?

OyunDestesi
Автор

Tried this with angular jhipster project, if you run npm start it works but when you compile the production version with ./gradlew instead of icons you see text.

themanthis
Автор

Which VS code theme is this? It's awesome

jevinkardani
Автор

Could I use these icons as actual buttons?

adesanni
Автор

What is the font-style and font-size that you have used for header and paragraph?

It looks so nice!!!

Thank you

webapplicationguide
Автор

Hi i got a stupid question nad is not familiar with this topic but: have you idea how can i do procentage progresbar on loading page?
Nice to know how to implement icons from google :) Nice tutorial!

CodingByMyself
Автор

This implementation will not slow down my website?

BeEmpathic
Автор

hello bro....is pr bhi ek video bnao....ye youtube pr kahin nahi hai
...
...
how to copy of icons from any website

Dev
Автор

Hello! I am new to your channel! By the way, can you make me a MediaFire zip file to all the icons. I do not want to waste much time.

Tethrarxitet
Автор

Hi bro how can i get job in google material designer

maxedoutxyt