Layer Height
The layer-height icon represents the concept of elevation or height in geographic layers, used in GIS applications to analyze and visualize topographic data.
Add shadcn.io to your AI agent. · Pro It installs Layer Height, 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
Layer Height in your framework
In any framework. Customize it above, and the code follows.
export const LayerHeightIcon = (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" d="M50.049 22.56a4.725 2.593 0 0 0-3.39.76L1.382 48.166a4.725 2.593 0 0 0 0 3.668L46.658 76.68a4.725 2.593 0 0 0 6.684 0l45.275-24.846a4.725 2.593 0 0 0 0-3.668L53.342 23.32a4.725 2.593 0 0 0-3.293-.76M50 28.82l8.129 4.461c-3.04 1.88-7.38 4.07-8.207 4.483c-1.407-.559-3.47-1.661-5.211-2.696a86 86 0 0 1-2.865-1.773zm-10.96 6.016a1.5 1.5 0 0 0 .485.53s1.619 1.073 3.655 2.282a62 62 0 0 0 3.431 1.913l-6.506 3.57c-1.253-.313-3.366-1.387-5.07-2.484a42 42 0 0 1-2.89-2.028Zm21.925.002l5.879 3.227c-2.624.602-5.566.923-7.02 1.107c-1.696-.618-3.286-.7-4.709-.72c1.799-.963 3.79-2.068 5.35-3.077a1.5 1.5 0 0 0 .5-.537m9.586 5.26l6.82 3.742c-.987.45-2.476.975-3.914 1.404c-1.504.45-2.816.798-3.83 1.098c-1.763-1.417-3.554-3.183-5.525-4.692c2.066-.315 4.458-.79 6.445-1.55zm-41.162.033a1.5 1.5 0 0 0 .382.455s1.593 1.264 3.64 2.582c1.003.647 2.091 1.32 3.214 1.873l-6.047 3.318a40.5 40.5 0 0 1-4.92-2.2c-.912-.486-1.744-.98-2.355-1.407c-.585-.408-.943-.822-.926-.773zm29.968 2.1c2.115.968 4.357 3.066 6.766 5.12c-.48.135-.92.253-1.45.41c-1.5.448-3.15 1.006-4.687 1.71c-1.222-1.332-2.46-3.01-3.802-4.596c-.72-.851-1.48-1.682-2.317-2.402c.58-.08 1.163-.142 1.73-.17c1.457-.072 2.692.005 3.76-.072m-9.203 1.4c1.191.497 2.452 1.66 3.739 3.182c1.09 1.29 2.185 2.783 3.394 4.162c-1.35.887-2.741 1.957-4.031 2.998c-1.334 1.076-2.426 1.999-3.264 2.69c-2.236-1.85-4.537-4.2-7.205-5.794c.807-.92 1.739-2.015 2.793-3.154c1.53-1.654 3.272-3.281 4.574-4.084M19.74 45.426l.012.023c.463.81 1.073 1.231 1.834 1.762c.76.53 1.675 1.07 2.662 1.596a46 46 0 0 0 3.186 1.535c-.372.236-.65.423-1.073.68c-1.948 1.182-4.377 2.465-5.699 2.826a1.5 1.5 0 0 0-.92.726L11.406 50Zm60.522 0L88.596 50l-8.334 4.574a1.5 1.5 0 0 0-.41-.476l-7.256-5.487c.668-.187.972-.27 1.72-.494c1.97-.589 4-1.232 5.436-2.146a1.5 1.5 0 0 0 .51-.545m-36.932.305c-1.456 1.577-2.648 2.973-3.424 3.826c-1.557-.46-3.02-.508-4.328-.522l5.135-2.816a6.6 6.6 0 0 0 2.617-.488m25.664 3.92l8.512 6.435l-6.895 3.783a1.5 1.5 0 0 0-.273-.36l-8.053-7.757a40 40 0 0 1 3.246-1.115c1.38-.412 2.527-.712 3.463-.987M30.96 51.634c1.644.413 3.164.385 4.523.398c.744.008 1.437.028 2.112.106c-.714.85-1.515 1.819-2.408 2.806c-1.705 1.885-3.699 3.694-5.057 4.26a1.5 1.5 0 0 0-.738.664l-6.563-3.601c1.687-.676 3.498-1.716 5.09-2.682a66 66 0 0 0 3.041-1.951m9.744 1.504c2.165 1.2 4.464 3.44 6.938 5.488c-.85.755-1.838 1.657-2.928 2.578c-1.8 1.52-3.86 2.955-4.805 3.248a1.5 1.5 0 0 0-.869.711l-6.742-3.7c1.888-1.074 3.583-2.812 5.115-4.507c1.312-1.451 2.51-2.91 3.291-3.818m18.729.027l8.49 8.18l-6.96 3.818a1.5 1.5 0 0 0-.685-.64c-.92-.425-3.45-2.264-5.506-3.915a139 139 0 0 1-2.423-1.996c.812-.676 1.73-1.448 2.793-2.306c1.427-1.152 2.978-2.32 4.29-3.14m-9.424 7.4c.692.588 1.64 1.383 2.887 2.383c1.746 1.402 3.615 2.875 5.187 3.795L50 71.18l-7.967-4.371c1.575-.783 3.119-2.048 4.615-3.313c1.371-1.158 2.516-2.19 3.36-2.93" color="currentColor"/>
</svg>
);Font-GIS
More like it
Icons that share its tags, 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
Layer Height is tagged map, GIS, layer and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Font-GIS MCP, with Pro
Ask for Layer Height 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 Layer Height icon means and where it's used, then how to install, style and license it.
Install Layer Height from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.