Scribd Logo
Upload

Welcome to Scribd!

  • Code Couleur

    Uploaded by

    RAKOTONDRASOA Jean Gilbert
    3 views2 pages
    The document contains code snippets showing the use of icons in React including: - Different home icons with primary, secondary, success, and other colors - An add circle icon with different colors and font sizes - Code to create a custom SVG icon and use it along with other Material UI icons in a sample React app

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains code snippets showing the use of icons in React including: - Different home icons with primary, secondary, success, and other colors - An add circle icon with different colors and font sizes - Code to create a custom SVG icon and use it along with other Material UI icons in a sample React app

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views2 pages

    Code Couleur

    Uploaded by

    RAKOTONDRASOA Jean Gilbert
    The document contains code snippets showing the use of icons in React including: - Different home icons with primary, secondary, success, and other colors - An add circle icon with different colors and font sizes - Code to create a custom SVG icon and use it along with other Material UI icons in a sample React app

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    #917BAF

    #907692
    #8F9CAB
    #9B5CAC
    #8D66FA
    #623FE3

    "@types/jspdf": "^1.3.3",
    #########################"""

    <HomeIcon />
    <HomeIcon color="primary" />
    <HomeIcon color="secondary" />
    <HomeIcon color="success" />
    <HomeIcon color="action" />
    <HomeIcon color="disabled" />
    <HomeIcon sx={{ color: pink[500] }} />
    ##########################""""
    <Icon>add_circle</Icon>
    <Icon color="primary">add_circle</Icon>
    <Icon sx={{ color: green[500] }}>add_circle</Icon>
    <Icon fontSize="small">add_circle</Icon>
    <Icon sx={{ fontSize: 30 }}>add_circle</Icon>
    ###################################""
    import React from "react";
    import MailIcon from "@material-ui/icons/Mail";
    import ForwardIcon from "@material-ui/icons/Forward";
    import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
    import Home from '@material-ui/icons/Home';

    const ContentCutIcon = createSvgIcon(


    <path d="M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4
    4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4
    4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1
    0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2
    2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2
    2 7-7V3z" />,
    "ContentCut"
    );
    export default function App() {
    return (
    <div className="App">
    <h1>This is three working icons</h1>
    <ul>
    <li>
    <MailIcon />
    </li>
    <li>
    <ForwardIcon />
    </li>
    <li>
    <ContentCutIcon />
    </li>
    </ul>
    </div>
    );
    }
    #################################tokon lancena @ frond-end
    npx browserslist@latest --update-db
    034 22 03653:mer de juna
    0388926407:mama

    You might also like