Skip to content

Mask

The mask icon represents a hidden or anonymous element, used to indicate concealment or secrecy.

Add shadcn.io to your AI agent. · Pro It installs Mask, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Mask icon from IconPark
Get Pro

2,658 in IconParkApache 2.0 license (opens in a new tab)Free to copy and download

Code

Mask in your framework

In any framework. Customize it above, and the code follows.

export const MaskIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
    <g fill="none" strokeWidth="4"><path fill="#2F88FF" fillRule="evenodd" stroke="#000" d="M14 14H34C39.5228 14 44 18.4772 44 24V27C44 34.1797 38.1797 40 31 40H24H17C9.8203 40 4 34.1797 4 27V24C4 18.4772 8.47715 14 14 14Z" clipRule="evenodd"/><path stroke="#fff" strokeLinecap="round" d="M18 27H30"/><path stroke="#fff" strokeLinecap="round" d="M24 21V33"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" d="M4 25.0421V12.0145C4.00003 9.7124 5.86624 7.84619 8.16833 7.84619C9.24067 7.84619 10.2718 8.25946 11.0472 9.00009C12.6463 10.5273 13.7875 12.194 14.4707 14.0002"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" d="M44 25.0421V12.7656C44 10.2925 41.9952 8.2876 39.522 8.2876C38.1474 8.2876 36.8489 8.91898 36 10.0002C34.9552 11.3308 33.9552 12.6641 33 14.0002"/></g>
  </svg>
);

Other libraries

Mask in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Mask icon from Tabler Icons
  • Mask icon from Huge Icons
  • Mask icon from IconPark Outline
  • Mask icon from Myna UI Icons
  • Mask icon from Bootstrap Icons
  • Mask icon from Font Awesome Solid
  • Mask icon from IconPark Solid
  • Mask icon from IconPark TwoTone

IconPark

Icons that share its tags, in the same style.

  • Mask One icon from IconPark
  • Mask Two icon from IconPark
  • Margin One icon from IconPark
  • Mark icon from IconPark
  • Market icon from IconPark
  • Market Analysis icon from IconPark
  • Mascara icon from IconPark
  • Maslow Pyramids icon from IconPark
  • Massage Chair icon from IconPark
  • Auto Line Height icon from IconPark
  • Auto Line Width icon from IconPark
  • Auto Width icon from IconPark
  • Auto Width One icon from IconPark
  • Data Lock icon from IconPark
  • Distribute Horizontally icon from IconPark
  • Distribute Horizontal Spacing icon from IconPark
  • Distribute Vertically icon from IconPark
  • Distribute Vertical Spacing icon from IconPark
  • Dividing Line icon from IconPark
  • Dividing Line One icon from IconPark
  • Diving icon from IconPark
  • Diving Bottle icon from IconPark
  • Diving Suit icon from IconPark
  • Division icon from IconPark

Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark icon from a prompt.

Get Pro

Tags

Browse by tag

Mask is tagged UI, security, privacy and 3 more. Related tags follow; each opens its icons from every library.

Pricing

IconPark MCP, with Pro

Ask for Mask or any of 2,658 IconPark icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Mask icon means and where it's used, then how to install, style and license it.

Install Mask from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro