import { ReactIcon, TypescriptIcon, PythonIcon } from 'devicon-kit';

function App() {
  return (
    <div>
      <ReactIcon />
      <TypescriptIcon size="lg" />
      <PythonIcon size={48} color="#3776AB" />
    </div>
  );
}

<ReactIcon size="xs" />   {/* 12px */}
<ReactIcon size="sm" />   {/* 16px */}
<ReactIcon size="md" />   {/* 24px (default) */}
<ReactIcon size="lg" />   {/* 32px */}
<ReactIcon size="xl" />   {/* 48px */}
<ReactIcon size="2xl" />  {/* 64px */}
<ReactIcon size={100} />  {/* 100px */}

<ReactIcon color="#61DAFB" />
<ReactIcon color="red" />
<ReactIcon color="currentColor" />

<ReactIcon variant="default" />
<ReactIcon variant="light" />
<ReactIcon variant="dark" />
<ReactIcon variant="wordmark" />

<ReactIcon animate="spin" />
<ReactIcon animate="pulse" />
<ReactIcon animate="bounce" />

{/* Decorative (hidden from screen readers) */}
<ReactIcon />

{/* Meaningful (announced by screen readers) */}
<ReactIcon title="React" />
<ReactIcon alt="React framework" />

import { DevIconProvider, ReactIcon, TypescriptIcon } from 'devicon-kit';

function App() {
  return (
    <DevIconProvider size="lg" color="#333">
      <ReactIcon />        {/* inherits size="lg" color="#333" */}
      <TypescriptIcon />   {/* inherits size="lg" color="#333" */}
    </DevIconProvider>
  );
}

import { ReactIcon } from 'devicon-kit/icons/ReactIcon';
import { DockerIcon } from 'devicon-kit/icons/DockerIcon';

import { dynamicIconImports } from 'devicon-kit/dynamic';

// Load icon on demand
const { ReactIcon } = await dynamicIconImports['react']();