Coord Grid
The coord-grid icon represents a stylized coordinate grid used to display cartesian coordinates.
Add shadcn.io to your AI agent. · Pro It installs Coord Grid, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
367 in Font-GISCC BY 4.0 license (opens in a new tab)Free to copy and download
Code
Coord Grid in your framework
In any framework. Customize it above, and the code follows.
export const CoordGridIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 100 100" {...props}>
<path fill="currentColor" fillRule="evenodd" d="M23.584 47.441a3.5 3.5 0 0 0-2.393 1.024l-4.949 4.95a3.5 3.5 0 0 0 0 4.948l7.746 7.746l-7.746 7.746a3.5 3.5 0 0 0 0 4.95l4.95 4.95a3.5 3.5 0 0 0 4.95 0l7.747-7.743l7.744 7.744a3.5 3.5 0 0 0 4.951 0l4.951-4.951a3.5 3.5 0 0 0 0-4.95L43.79 66.11l7.746-7.746a3.5 3.5 0 0 0-.002-4.949l-4.951-4.95a3.5 3.5 0 0 0-4.95 0l-7.743 7.747l-7.746-7.746a3.5 3.5 0 0 0-2.559-1.024m.084 4.913l10.22 10.22l10.221-10.22l3.537 3.535l-10.22 10.22l10.22 10.221l-3.537 3.537l-10.22-10.22l-10.221 10.22l-3.535-3.537l10.22-10.22l-10.22-10.221z" color="currentColor"/><path fill="currentColor" fillRule="evenodd" d="M11.896 12h12.042v12.041H11.896Zm16.042 0h12.04v12.041h-12.04Zm16.04 0H56.02v12.041H43.979Zm16.042 0h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM11.897 28.041h12.042v12.041H11.896Zm16.042 0h12.04v12.041h-12.04Zm16.04 0H56.02v12.041H43.979Zm16.042 0h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM60.02 44.082h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM60.02 60.123h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM60.02 76.164h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM7.897.102V8H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v7.897h4v-7.897h12.042v7.897h4v-7.897h12.04v7.897h4v-7.897H56.02v7.897h4v-7.897h12.04v7.897h4v-7.897h12.042v7.897h4v-7.897H100v-4h-7.898v-12.04H100v-4h-7.898V60.122H100v-4h-7.898v-12.04H100v-4h-7.898V28.041H100v-4h-7.898V12H100V8h-7.898V.102h-4V8H76.06V.102h-4V8H60.02V.102h-4V8H43.979V.102h-4V8H27.938V.102h-4V8H11.896V.102Zm4 43.98h12.042v1.373a5.6 5.6 0 0 1 2.44.707c.552.392 1.063.836 1.56 1.295v-3.375h12.04v3.186a5.84 5.84 0 0 1 4-1.797v-1.389H56.02v12.041h-1.5c-.026.84-.216 1.674-.633 2.418c-.395.56-.846 1.078-1.31 1.582h3.443v12.041h-3.325a5.84 5.84 0 0 1 1.836 4h1.489v12.041H43.979v-1.46c-.87-.01-1.737-.2-2.508-.63a15 15 0 0 1-1.492-1.222v3.312H27.938v-3.4c-1.007 1.152-2.484 1.854-4 1.947v1.453H11.896v-12.04h1.36c.015-.85.2-1.693.613-2.448a15 15 0 0 1 1.27-1.553h-3.243V60.123h3.26c-1.137-1.014-1.815-2.487-1.898-4h-1.362z" color="currentColor"/>
</svg>
);Font-GIS
More like it
Icons that share its tags, then the ones next to it in Font-GIS, in the same style.
Search Font-GIS
Skip the copy and paste. With Pro, your AI agent finds and installs any Font-GIS icon from a prompt.
Get ProTags
Browse by tag
Coord Grid is tagged grid, graph, mathematics and 1 more. Related tags follow; each opens its icons from every library.
Pricing
Font-GIS MCP, with Pro
Ask for Coord Grid or any of 367 Font-GIS 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.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
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 popularFor 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 Coord Grid icon means and where it's used, then how to install, style and license it.
Install Coord Grid from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.