React Icons from Simple Icons

Install

npm i lwe8-icons-react

pnpm i lwe8-icons-react

yarn add lwe8-icons-react

Use

import { ReactIcon, ReactSocialIcon } from "lwe8-icons-react";

export function Home() {
  return (
    <main>
      <ReactIcon
        name="next-js"
        size={36}
        fillColor="#673ab8"
        fillOpacity={0.9}
        title="next-js"
      />
      <ReactSocialIcon
        name="github"
        href="https://github.com/"
        target="_blank"
        size={36}
        fillColor="#673ab8"
        fillOpacity={0.9}
        title="Link to my github profile"
      />
    </main>
  );
}

Options

Name	Description	Default
name	Name of icon
href	HTML Anchor Element Attribute "href" for <ReactSocialIcon/> only	"https://example.com"
target	HTML Anchor Element Attribute "target"for <ReactSocialIcon/> only	"_blank"
title	Tooltip text for icon	name of icon
size	Size for icon	24
fillColor	Color for icon	"currentcolor"
fillOpacity	Opacity of icon. 0.1 to 1	0.7

Acknowledgments

• This project was created with assistance from Qodo AI code generation. Special thanks for the guidance and support in developing key components of the project.

• All icons are sourced from Simple Icons - https://simpleicons.org/ - https://github.com/simple-icons/simple-icons. License - https://github.com/simple-icons/simple-icons?tab=CC0-1.0-1-ov-file#cc0-10-universal. Legal Disclaimer: https://github.com/simple-icons/simple-icons/blob/develop/DISCLAIMER.md#disclaimer