Icon

Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are crafted based on the core design principles and metrics of Material design guideline. material.io

Importing

import React from "react";
import { Icon } from "photoncss/react";

export default function Component() {
    return (
        <Icon>glyph</Icon>
    );
}

Note

Glyph's are icons from the Material Icon Font, insert the icon name to display the icon.

Props

Name	Default	Possible Values	Type	Description
ink	`true`	Boolean value	boolean	Sets weather or not the icon should have a ripple/ink effect when interacted with.
variant	`normal`	`normal`, `outlined`, `round`, `sharp`, `two-tone`	string	Sets the variant of the icon.

Note

Props other than those listed above such as className and style will be passed directly to the <i/> element.

See also:

TextIcon