Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma4.1K
Sign inGet All-Access

Icons

Security Shadcn Icons: Locks, keys and visibility

20
Security icons for auth screens, permissions, privacy settings and 2FA: 20 icons in 4 styles that install through the shadcn CLI or the ReUI MCP.

All Security icons

  • Eye
  • Eye Slash
  • Face ID
  • Fingerprint Scanning
  • Key
  • Key Square
  • Lock
  • Lock Circle
  • Lock Dots
  • Password Field
  • Safe Home
  • Scan QR Code
  • Security User
  • Shield
  • Shield Cross
  • Shield Round
  • Shield Search
  • Shield Slash
  • Shield Tick
  • Text Field

Security Shadcn Icons for auth screens

The security category holds 20 icons for access and protection: padlocks, keys, shields with check, cross, search and slash variants, eye and eye slash for visibility, Face ID and fingerprint scans, and a masked password field. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set. The shield round icon also has an animated variant that plays on hover.

Names in this category include lock, key, shield tick, eye slash, face id, fingerprint scanning and password field. Every icon has its own page with the install command, the React import, its keywords and related icons, and installs as a React component that takes its size and color from your classes.

Where security icons go

Security icons are built for auth screens, permissions, privacy settings and 2FA.

  • Password fields, visibility toggles and 2FA steps
  • Permission, role and verified markers in admin screens
  • Biometric sign-in options with Face ID and fingerprint

What ships with each icon

  • 4 styles, 1 name Outline, solid, duotone and filled versions of the same glyph, so emphasis changes without switching to a different icon.
  • Animated variants The icons that have one also ship a motion/react version that plays on hover and exposes startAnimation and stopAnimation for your own triggers.
  • A page per icon Every icon has its own page with a preview in all 4 styles, the install command, the React import, its keywords and related icons.
  • Registry install Install an icon by name with the shadcn CLI, every icon in a style with @reui/icons/default/outline/all, or ask your coding agent through the ReUI MCP. Icons are part of ReUI Ultimate.

Frequently Asked Questions

Which icon toggles password visibility?

Use eye for show and eye slash for hide, swapping them as the field changes state. Password field draws the masked field itself, for password inputs and sign-in forms.

How many security icons are there?

20, each drawn in outline, solid, duotone and filled. The number on this page is read from the registry build, so it stays current as icons are added.

Are security icons free?

No, they are part of ReUI Ultimate: a one-time payment with lifetime updates, every icon in every style. Anyone can browse each glyph with its install command, keywords and related icons on its own page; installing an icon, its source and its SVG download need an Ultimate license.

Which frameworks do they support?

Any React project on Tailwind CSS, with or without shadcn/ui. Each style is its own React component that takes a className and draws in currentColor, so size and color come from your classes. The animated variants also need the motion package, which the shadcn CLI installs with them.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Application

  • App ShellAdded an observability console app shell
  • Auth
  • Card
  • Dashboard
  • DialogAdded a duplicate contact check dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text Editor
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Whiteboard
  • Wizard

Data Grid

  • BaseAdded an API request logs grid, and 2 grids were rebuilt
  • AdvancedAdded 12 new Data Grid Advanced blocks, 17 in all
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Charts

  • Area Chart
  • Bar Chart
  • Composed ChartChart 36 is now an operating margin chart
  • Line Chart
  • Pie ChartAdded a cloud spend budget rose
  • Radial Chart
  • Sankey Chart
  • Slope Chart
  • Sparkline
  • Status Tracker

AI & Agents

  • AI Chat
  • Agent Activity
  • AI UsageAdded 2 new AI Usage blocks, 4 in all

Solutions

  • Dev Ops
  • AI Ops
  • CRM
  • Agents
  • Analytics
  • BillingAdded a tenant billing settings block
  • BookingsAdded a hotel room board, and the salon front desk was rebuilt
  • Files
  • Inventory
  • MapNew Map category with a fleet dispatch map
  • TravelNew Travel category with 2 blocks for event travel operators
  • UsersAdded a team access settings block
  • Digital Twin

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • Pricing

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

4.1K