6:["$","div",null,{"className":"mx-auto w-full max-w-3xl px-4 py-8","children":[["$","nav",null,{"aria-label":"Breadcrumb","className":"flex flex-wrap items-center gap-1.5 text-muted-foreground text-sm","children":[["$","a",null,{"className":"hover:text-foreground hover:underline","href":"/icons/","children":"Icons"}],["$","span",null,{"aria-hidden":"true","children":"/"}],["$","a",null,{"className":"hover:text-foreground hover:underline","href":"/icons/categories/code","children":"Code"}],["$","span",null,{"aria-hidden":"true","children":"/"}],["$","span",null,{"className":"text-foreground","children":"Animate path"}]]}],["$","h1",null,{"className":"mt-4 font-semibold text-2xl tracking-tight","children":["Animate path"," icon"]}],["$","p",null,{"className":"mt-1 text-muted-foreground text-sm","children":"Drawn on a 24x24 grid with a 2px stroke. MIT licensed."}],["$","div",null,{"className":"mt-8 grid gap-4 sm:grid-cols-2","children":[[["$","section","animate-path",{"className":"rounded-2xl border border-border p-5","children":[["$","h2",null,{"className":"font-medium text-sm","children":"Outline"}],["$","code",null,{"className":"mt-1 block font-mono text-muted-foreground text-xs","children":"AnimatePathIcon"}],["$","div",null,{"className":"mt-5 flex flex-wrap items-end gap-4","children":[["$","div","12",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-3 [&_svg]:size-3","dangerouslySetInnerHTML":{"__html":"\n"}}]}],["$","span",null,{"className":"text-muted-foreground text-xs","children":12}]]}],["$","div","16",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-4 [&_svg]:size-4","dangerouslySetInnerHTML":{"__html":"\n"}}]}],["$","span",null,{"className":"text-muted-foreground text-xs","children":16}]]}],["$","div","20",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-5 [&_svg]:size-5","dangerouslySetInnerHTML":{"__html":"\n"}}]}],["$","span",null,{"className":"text-muted-foreground text-xs","children":20}]]}],["$","div","24",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-6 [&_svg]:size-6","dangerouslySetInnerHTML":{"__html":"\n"}}]}],"$L17"]}],"$L18"]}],"$L19"]}],"$L1a"],null]}],"$L1b","$L1c"]}]

Animate path icon

Outline

Filled

Import