Skip to content
shadcn.io

Frame With X

The frame-with-x icon represents a decorative or architectural feature with a closing or dismissal symbol, often used to convey the idea of a window or frame that can be closed.

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

Set up MCP

Exports at 24 × 24 px

Frame With X icon from Emoji One (v1)
Get Pro

1,262 in Emoji One (v1)CC BY-SA 4.0 license (opens in a new tab)Free to copy and download

Code

Frame With X in your framework

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

export const FrameWithXIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 64 64" {...props}>
    <path fill="#25333a" d="M9.538 7.513h45.668V56.23H9.538z"/><path fill="#6f8a93" d="M13.713 12.382h36.541v38.981H13.713z"/><path fill="#405967" d="M63.967 6.856v-2.62c0-2.25-1.799-4.09-4.07-4.231h-.018A7 7 0 0 0 59.627 0h-6.874c-.322 0-.633.037-.937.1h-.242c-.209.059-.361.066-.547.109c-1.625.553-2.885 2.776-4.244 2.776c-1.551 0-3.01-2.35-4.714-2.727c-.309-.041-.619-.08-.986-.158h-4.148c-.283.141-.432.172-.631.244c-1.548.91-2.81 3.01-4.265 2.885S29.228 1.008 27.667.193a9 9 0 0 1-.746-.094h-4.174c-.369.078-.682.117-.986.158c-1.709.377-3.165 2.727-4.716 2.727c-1.359 0-2.619-2.223-4.245-2.776c-.186-.043-.34-.051-.547-.109h-.105A4.6 4.6 0 0 0 11.214 0H4.338C1.941 0 0 1.898 0 4.239v2.617c.043.266.053.457.086.697c.432 2.066 2.18 3.668 2.18 5.397c0 1.977-1.844 3.825-2.141 6c-.035.389-.063.786-.125 1.257v5.274c.113.365.137.551.193.803c.715 1.971 2.364 3.575 2.264 5.424C2.363 33.56.714 35.29.074 37.273c-.02.297-.039.6-.074.951v5.307c.062.472.09.868.125 1.261c.297 2.17 2.141 4.02 2.141 5.994c0 1.728-1.749 3.335-2.18 5.397c-.033.243-.043.434-.086.704v2.615c0 2.249 1.799 4.097 4.071 4.229h.014c.088.006.168.01.254.01h6.876c.438 0 .859-.068 1.26-.182c.109-.021.211-.035.326-.061c1.625-.553 2.885-2.773 4.245-2.773c1.551 0 3.01 2.344 4.716 2.725c.307.037.617.08.986.156h4.147c.283-.141.432-.174.631-.246c1.549-.906 2.809-3.01 4.264-2.883s2.811 2.223 4.372 3.035c.232.023.473.047.748.094h4.174c.367-.076.68-.119.986-.156c1.708-.381 3.163-2.725 4.714-2.725c1.359 0 2.619 2.221 4.244 2.773c.186.039.338.053.547.107h.094c.347.086.71.135 1.085.135h6.874c2.398 0 4.34-1.898 4.34-4.239v-2.615c-.045-.27-.053-.461-.086-.703c-.436-2.062-2.178-3.67-2.178-5.397c0-1.975 1.84-3.824 2.139-5.994c.031-.393.062-.789.125-1.261v-5.273c-.115-.363-.137-.551-.193-.803c-.715-1.97-2.365-3.573-2.266-5.423c.098-1.852 1.744-3.581 2.385-5.563c.018-.301.039-.606.074-.952v-5.311a23 23 0 0 1-.125-1.256c-.299-2.176-2.139-4.02-2.139-6c0-1.729 1.742-3.331 2.178-5.397c.032-.24.04-.431.085-.697m-10.868 47.76h-42.23V8.956h42.23z"/><path fill="#e7e6e6" d="m41.28 18.284l-9.292 9.292l-9.294-9.292a3.037 3.037 0 0 0-4.295 4.295l9.292 9.292l-9.29 9.294a3.036 3.036 0 1 0 4.293 4.296l9.294-9.294l9.292 9.294a3.038 3.038 0 0 0 4.296-4.296l-9.294-9.294l9.294-9.292a3.037 3.037 0 1 0-4.296-4.295"/>
  </svg>
);

Emoji One (v1)

More like it

Icons that share its tags, in the same style.

All 1,262 icons
  • Frame With Tiles icon from Emoji One (v1)
  • Japanese Castle icon from Emoji One (v1)
  • Building Construction icon from Emoji One (v1)
  • Carp Streamer icon from Emoji One (v1)
  • Castle icon from Emoji One (v1)
  • Church icon from Emoji One (v1)
  • Construction icon from Emoji One (v1)
  • Door icon from Emoji One (v1)
  • Office Building icon from Emoji One (v1)
  • Classical Building icon from Emoji One (v1)
  • Derelict House icon from Emoji One (v1)
  • Fountain icon from Emoji One (v1)
  • House icon from Emoji One (v1)
  • Ab Button icon from Emoji One (v1)
  • A Button icon from Emoji One (v1)
  • Black Small Square icon from Emoji One (v1)
  • Black Square Button icon from Emoji One (v1)
  • Black Touch Tone Telephone icon from Emoji One (v1)
  • Blossom icon from Emoji One (v1)
  • Blowfish icon from Emoji One (v1)
  • Blue Circle icon from Emoji One (v1)
  • Boar icon from Emoji One (v1)
  • Bridge At Night icon from Emoji One (v1)
  • Cityscape icon from Emoji One (v1)

Search Emoji One (v1)

Skip the copy and paste. With Pro, your AI agent finds and installs any Emoji One (v1) icon from a prompt.

Get Pro

Tags

Browse by tag

Frame With X is tagged design, architecture, building and 4 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Emoji One (v1) MCP, with Pro

Ask for Frame With X or any of 1,262 Emoji One (v1) 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 Frame With X icon means and where it's used, then how to install, style and license it.

Install Frame With X from a prompt

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

Get Pro