Frosted UI Icons

Icons used and designed by the Whop team

Figma file

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:

``bash
npm install @frosted-ui/icons
`

Import the icons into your React project:

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

function MyComponent() {
return (



);
}
`

Configuring

$3

`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.