Skip to content
shadcn.io

Automd

The automd icon represents an automated markdown parser and documentation generator.

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

Set up MCP

Exports at 24 × 24 px

Automd icon from UnJS Logos
Get Pro

63 in UnJS LogosApache 2.0 licenseFree to copy and download

Code

Automd in your framework

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

export const AutomdIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" fill="none" stroke="currentColor" {...props}>
    <g fill="none"><path fill="#C62828" d="M3.133 13.263a2.075 2.075 0 0 0-2.07 2.072v9.595A2.074 2.074 0 0 0 3.133 27H4.52V13.25zm25.797 0c1.143.002 2.07.93 2.07 2.072v9.595a2.076 2.076 0 0 1-2.07 2.073h-1.387v-13.75z"/><path fill="#90A4AE" d="m28.293 13.603l-.03-2.5a1.95 1.95 0 0 0-1.958-1.938h-9.542V5.812a2.437 2.437 0 1 0-1.528 0v3.365h-9.54a1.95 1.95 0 0 0-1.945 1.938V29.06A1.954 1.954 0 0 0 5.695 31h20.61a1.954 1.954 0 0 0 1.957-1.94v-1.842h.03z"/><path fill="#C62828" d="M16 4.5a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/><path fill="url(#SVGsl1V9cxI)" d="M11.038 23.613h9.927c.865 0 1.567.702 1.567 1.567v.143c0 .864-.702 1.567-1.567 1.567h-9.927a1.57 1.57 0 0 1-1.568-1.567v-.143c0-.865.702-1.567 1.567-1.567"/><path fill="url(#SVGFmfBac5y)" d="M13.418 23.618h.59v3.272h-.59z"/><path fill="url(#SVGFHMJub1O)" d="M15.72 23.618h.59v3.272h-.59z"/><path fill="url(#SVGknTYygyH)" d="M17.993 23.618h.59v3.272h-.59z"/><path fill="url(#SVGmeVf6d6O)" d="M20.405 23.618h.59v3.272h-.59z"/><path fill="url(#SVG9v4bKbur)" d="M11.005 23.613h.59v3.272h-.59z"/><path fill="#C62828" d="M16 21.333h-1.332a.25.25 0 0 1-.223-.363l.685-1.352l.647-1.195a.25.25 0 0 1 .44 0l.653 1.25l.677 1.297a.25.25 0 0 1-.22.365z"/><path fill="url(#SVGYx3AxcfR)" d="M10.66 19.578a2.875 2.875 0 1 0 0-5.75a2.875 2.875 0 0 0 0 5.75"/><path stroke="url(#SVGclrTModJ)" strokeMiterlimit="10" strokeWidth=".5" d="M10.66 19.578a2.875 2.875 0 1 0 0-5.75a2.875 2.875 0 0 0 0 5.75Z"/><path fill="url(#SVGGhXqKbPG)" d="M21.25 13.82a2.875 2.875 0 1 0 0 5.75a2.875 2.875 0 0 0 0-5.75"/><path stroke="url(#SVGDbU2ackY)" strokeMiterlimit="10" strokeWidth=".5" d="M21.25 13.82a2.875 2.875 0 1 0 0 5.75a2.875 2.875 0 0 0 0-5.75Z"/><defs><linearGradient id="SVGsl1V9cxI" x1="16.001" x2="16.001" y1="26.89" y2="23.613" gradientUnits="userSpaceOnUse"><stop offset=".12" stopColor="#E0E0E0"/><stop offset=".52" stopColor="#fff"/><stop offset="1" stopColor="#EAEAEA"/></linearGradient><linearGradient id="SVGFmfBac5y" x1="13.713" x2="13.713" y1="26.89" y2="23.618" gradientUnits="userSpaceOnUse"><stop stopColor="#333"/><stop offset=".55" stopColor="#666"/><stop offset="1" stopColor="#333"/></linearGradient><linearGradient id="SVGFHMJub1O" x1="16.015" x2="16.015" y1="26.89" y2="23.618" gradientUnits="userSpaceOnUse"><stop stopColor="#333"/><stop offset=".55" stopColor="#666"/><stop offset="1" stopColor="#333"/></linearGradient><linearGradient id="SVGknTYygyH" x1="18.288" x2="18.288" y1="26.89" y2="23.618" gradientUnits="userSpaceOnUse"><stop stopColor="#333"/><stop offset=".55" stopColor="#666"/><stop offset="1" stopColor="#333"/></linearGradient><linearGradient id="SVGmeVf6d6O" x1="20.7" x2="20.7" y1="26.89" y2="23.618" gradientUnits="userSpaceOnUse"><stop stopColor="#333"/><stop offset=".55" stopColor="#666"/><stop offset="1" stopColor="#333"/></linearGradient><linearGradient id="SVG9v4bKbur" x1="11.3" x2="11.3" y1="26.885" y2="23.613" gradientUnits="userSpaceOnUse"><stop stopColor="#333"/><stop offset=".55" stopColor="#666"/><stop offset="1" stopColor="#333"/></linearGradient><linearGradient id="SVGclrTModJ" x1="7.535" x2="13.785" y1="16.703" y2="16.703" gradientUnits="userSpaceOnUse"><stop stopColor="#333"/><stop offset=".55" stopColor="#666"/><stop offset="1" stopColor="#333"/></linearGradient><linearGradient id="SVGDbU2ackY" x1="18.113" x2="24.363" y1="16.695" y2="16.695" gradientUnits="userSpaceOnUse"><stop stopColor="#333"/><stop offset=".55" stopColor="#666"/><stop offset="1" stopColor="#333"/></linearGradient><radialGradient id="SVGYx3AxcfR" cx="0" cy="0" r="1" gradientTransform="translate(10.66 16.703)scale(2.875)" gradientUnits="userSpaceOnUse"><stop offset=".48" stopColor="#fff"/><stop offset=".77" stopColor="#FDFDFD"/><stop offset=".88" stopColor="#F6F6F6"/><stop offset=".96" stopColor="#EBEBEB"/><stop offset="1" stopColor="#E0E0E0"/></radialGradient><radialGradient id="SVGGhXqKbPG" cx="0" cy="0" r="1" gradientTransform="translate(21.238 16.695)scale(2.875)" gradientUnits="userSpaceOnUse"><stop offset=".48" stopColor="#fff"/><stop offset=".77" stopColor="#FDFDFD"/><stop offset=".88" stopColor="#F6F6F6"/><stop offset=".96" stopColor="#EBEBEB"/><stop offset="1" stopColor="#E0E0E0"/></radialGradient></defs></g>
  </svg>
);

UnJS Logos

Icons that share its tags, in the same style.

  • Bundle Runner icon from UnJS Logos
  • Changelogen icon from UnJS Logos
  • Undocs icon from UnJS Logos
  • Ungh icon from UnJS Logos
  • Consola icon from UnJS Logos
  • Defu icon from UnJS Logos
  • Destr icon from UnJS Logos
  • Get Port Please icon from UnJS Logos
  • Giget icon from UnJS Logos
  • H 3 icon from UnJS Logos
  • Hookable icon from UnJS Logos
  • Httpxy icon from UnJS Logos
  • Image Meta icon from UnJS Logos
  • Mongoz icon from UnJS Logos
  • Nitro icon from UnJS Logos
  • Node Fetch Native icon from UnJS Logos
  • Ofetch icon from UnJS Logos
  • Perfect Debounce icon from UnJS Logos
  • Pkg Types icon from UnJS Logos
  • Rc 9 icon from UnJS Logos
  • Scule icon from UnJS Logos
  • Serve Placeholder icon from UnJS Logos
  • Std Env icon from UnJS Logos
  • Theme Colors icon from UnJS Logos

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

Get Pro

Tags

Browse by tag

Automd is tagged development, automation, devops and 3 more. Related tags follow; each opens its icons from every library.

Pricing

UnJS Logos MCP, with Pro

Ask for Automd or any of 63 UnJS Logos 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.

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

Install Automd from a prompt

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

Get Pro