TextIcon

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 { TextIcon } from "photoncss/react";

export default function Component() {
    return (
        <p>
            This is a paragraph that contains a <TextIcon>menu</TextIcon> icon!
        </p>
    );
}

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
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:

Icon