Skip to content
shadcn.io

Surface Front Filled

The surface-front-filled icon represents a surface or layout with a front or primary style, filled or solid.

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

Set up MCP

Exports at 24 × 24 px

Surface Front Filled icon from Lsicon
Get Pro

716 in LsiconMIT license (opens in a new tab)Free to copy and download

Code

Surface Front Filled in your framework

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

export const SurfaceFrontFilledIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16" {...props}>
    <path fill="currentColor" fillRule="evenodd" d="M4.26 2h7.48L14 4.825V14H2V4.825zm.48 1l-1.2 1.5h8.92L11.26 3z" clipRule="evenodd"/>
  </svg>
);

Lsicon

More like it

Icons that share its tags, in the same style.

All 716 icons
  • Surface Left Filled icon from Lsicon
  • Front Square Filled icon from Lsicon
  • Store Filled icon from Lsicon
  • Submit Filled icon from Lsicon
  • Sunny Filled icon from Lsicon
  • Format Painter Filled icon from Lsicon
  • Home Filled icon from Lsicon
  • Hospital Filled icon from Lsicon
  • House Filled icon from Lsicon
  • Incubator Filled icon from Lsicon
  • Infuse One Filled icon from Lsicon
  • Linecap Butt Filled icon from Lsicon
  • Checkbox Filled icon from Lsicon
  • Check Correct Filled icon from Lsicon
  • Check Disabled Filled icon from Lsicon
  • Check Filled icon from Lsicon
  • Check Stand Filled icon from Lsicon
  • Column Filled icon from Lsicon
  • Column Line Filled icon from Lsicon
  • Density L Filled icon from Lsicon
  • Double Arrow Left Filled icon from Lsicon
  • Double Arrow Right Filled icon from Lsicon
  • Double Arrow Up Filled icon from Lsicon
  • Down Filled icon from Lsicon

Search Lsicon

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

Get Pro

Tags

Browse by tag

Surface Front Filled is tagged UI, design, icon and 2 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Lsicon MCP, with Pro

Ask for Surface Front Filled or any of 716 Lsicon 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.

See full pricing

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 Surface Front Filled icon means and where it's used, then how to install, style and license it.

Install Surface Front Filled from a prompt

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

Get Pro