A set of icons designed by the Whop team.
All icons are available as individual React components. Each icon may come in multiple sizes.
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>
);
}
// next.config.mjs
/** @type {import('next').NextConfig} */
const nextConfig = {
modularizeImports: {
'@frosted-ui/icons': {
transform: '@frosted-ui/icons/{{member}}',
skipDefaultConversion: true,
},
},
};
export default nextConfig;
Please follow our contributing guidelines.
Frosted UI Icons library setup is based on Radix Icons.