Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

material-design-icons-iconfont

Package Overview
Dependencies
Maintainers
1
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

material-design-icons-iconfont

Material Design Icons DX

  • 6.7.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
228K
increased by6.96%
Maintainers
1
Weekly downloads
 
Created

What is material-design-icons-iconfont?

The material-design-icons-iconfont npm package provides a convenient way to include Material Design icons in your web projects. It offers a collection of icons that follow the Material Design guidelines, which can be easily integrated into your HTML and CSS.

What are material-design-icons-iconfont's main functionalities?

Include Icons via CSS

You can include the Material Design icons in your project by adding a link to the CSS file in your HTML. This makes all the icons available for use in your web pages.

<link href="https://cdn.jsdelivr.net/npm/material-design-icons-iconfont@6.1.0/dist/material-design-icons.css" rel="stylesheet">

Use Icons in HTML

Once the CSS is included, you can use the icons in your HTML by adding an <i> element with the class 'material-icons' and the name of the icon you want to use as its content.

<i class="material-icons">face</i>

Styling Icons with CSS

You can style the icons using CSS. For example, you can create a class to change the size and color of the icons.

.icon-large { font-size: 48px; color: red; }

Other packages similar to material-design-icons-iconfont

Keywords

FAQs

Package last updated on 23 Apr 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc