Skip to content
shadcn.io

Templ

The Templ icon represents the Templ template engine, a templating engine for HTML, CSS, and JavaScript.

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

Set up MCP

Exports at 24 × 24 px

Templ icon from Material Icon Theme
Get Pro

1,136 in Material Icon ThemeMIT license (opens in a new tab)Free to copy and download

Code

Templ in your framework

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

export const TemplIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" {...props}>
    <path fill="#ffd54f" d="M8.125 24.313L1 16l7.125-8.313l3 2.625L6.25 16l4.875 5.688ZM24 7.687L31.125 16L24 24.313l-3-2.625L25.875 16L21 10.312ZM16 4l-4 24h4l4-24z"/>
  </svg>
);

Material Icon Theme

More like it

Icons that share its tags, in the same style.

All 1,136 icons
  • Template icon from Material Icon Theme
  • Ejs icon from Material Icon Theme
  • Haml icon from Material Icon Theme
  • Css icon from Material Icon Theme
  • Handlebars icon from Material Icon Theme
  • Jinja icon from Material Icon Theme
  • Pug icon from Material Icon Theme
  • Stylus icon from Material Icon Theme
  • Angular icon from Material Icon Theme
  • Babel icon from Material Icon Theme
  • Bench Js icon from Material Icon Theme
  • Bench Jsx icon from Material Icon Theme
  • Bower icon from Material Icon Theme
  • Bucklescript icon from Material Icon Theme
  • Bun icon from Material Icon Theme
  • Bun Light icon from Material Icon Theme
  • Craco icon from Material Icon Theme
  • Deno icon from Material Icon Theme
  • Deno Light icon from Material Icon Theme
  • Dotjs icon from Material Icon Theme
  • Folder Angular icon from Material Icon Theme
  • Folder Angular Open icon from Material Icon Theme
  • Folder Aurelia icon from Material Icon Theme
  • Folder Aurelia Open icon from Material Icon Theme

Search Material Icon Theme

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

Get Pro

Tags

Browse by tag

Templ is tagged javascript, template, CSS and 2 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Material Icon Theme MCP, with Pro

Ask for Templ or any of 1,136 Material Icon Theme 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 Templ icon means and where it's used, then how to install, style and license it.

Install Templ from a prompt

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

Get Pro