Astra

Glass Icons

Liquid glass icons that bend the color behind them, for app grids, docks and social links.

Glass Icons, a Astra component

Use Glass Icons in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/GlassIcons-TS-TW
How to install Astra components

Related components

  • Glass Surface

    Apple-style liquid glass that bends what is behind it, in a rounded panel or any logo shape.

  • Flex Carousel

    An infinite image row that flows through invisible liquid glass at its edges.

  • Card Nav

    A navigation bar that springs open into a row of cards, each with its own links.