Documentation

All icons are available as individual React components. Each icon comes in 16, 20, 24 and 32 px size.

Install Frosted UI Icons from npm:

npm install @frosted-ui/icons

Import the icons into your React project:

import { Shop16, Shop20 } from '@frosted-ui/icons';

function MyComponent() {
  return (
    <div>
      <Shop16 />
      <Shop20 />
    </div>
  );
}

Configuring

next.js

// next.config.mjs
/** @type {import('next').NextConfig} */
const nextConfig = {
  modularizeImports: {
    '@frosted-ui/icons': {
      transform: '@frosted-ui/icons/{{member}}',
      skipDefaultConversion: true,
    },
  },
};

export default nextConfig;

Contributing

Please follow our contributing guidelines.

Acknowledgments

Frosted UI Icons library setup is based on Radix Icons.