Dev Design Library

Glass Icon

A circular glass chip that wraps any icon, iOS-control-center style. Preset sizes scale the circle and icon together so grids of icons stay uniform.

Glass Icon preview
Library
glasscn
Framework
React
Type
component
License
MIT
Dependencies
class-variance-authority
Install
npx shadcn add @glasscn/glass-icon
Files
  • components/ui/glasscn/glass-icon.tsx
  • lib/utils.ts
  • lib/glass-variants.ts
  • components/ui/glasscn/liquid-glass.tsx
Source
https://github.com/kostyniuk/glasscn-components

Categories

More from glasscn