Nucleo Glass Icons

100 glass-style icons from Nucleo, ready to use instantly in your frontend framework!

pnpm add nucleo-glass-icons

import { AppStack } from 'nucleo-glass-icons/react'
function AppStackIcon() {
  return (
    {/* Custom gradient colors */}
    <AppStack
      size={32}
      stopColor1="#3B82F6"
      stopColor2="#1E40AF"
    />
  )
}

Getting Started

Supports both React and Vue frameworks
Comes with multiple preset themes
Fully customizable size and gradient styles to fit any scenario
First-class TypeScript support with complete type definitions
Tree-shakable and supports dynamic imports for optimized bundle size
Lightweight, fast, and easy to integrate into any project

Pick from preset themes or create your own custom gradient. Click any icon below to copy and use it instantly.

stopColor1

stopColor2

AppStack

ArrowsBoldOppositeDirection

Award

Bell

Bolt

BookOpen

BoxArchive

BrightnessIncrease

Bug

Button

Calendar

Camera

Cart

Chair

CircleArrowDown

CircleArrowLeft

CircleArrowRight

CircleArrowUp

CircleChartLine

CircleCoin

CircleCopyPlus

CircleQuestion

Clipboard

ClipboardCheck

CloudBolt

CloudDownload

CloudUpload

CodeEditor

ColorPalette

Connect

Copies

CreditCards

Crosshairs

Cube

Dial

Duplicate

DuplicatePlus

Eye

FaceGrin

Feather

File

Files

Flame

Folder

Folders

Gauge

Gear

Grid

Grid2

Hammer

Headphones

Heart

Hearts

House

Image

ImageDepth

Inbox

LaptopMobile

Layers

Link

Location

Lock

MagicWandSparkle

Magnifier

MoneyBill

Msgs

Nut

PaperPlane

Pen

Printer

ProgressBar

RectLayoutGrid

Roadmap

Rocket

RulerPen

Shopping

Sitemap

Slider

Sparkle

SquareChartLine

StackPerspective

Star

StarSparkle

Suitcase

Swap

TabClose

TabOpen

Tabs

Tasks

ThumbsUp

Toggle

Tree

TriangleWarning

Ufo

User

Users

Video

WalletContent

Window