[{"data":1,"prerenderedAt":56},["ShallowReactive",2],{"i-lucide:menu":3,"i-lucide:grip":8,"i-lucide:chevron-right":10,"i-lucide:moon":12,"i-lucide:sun":14,"i-material-symbols:language":16,"i-lucide:chevron-down":18,"i-lucide:shield-check":20,"i-lucide:mail":22,"i-tabler:markdown":24,"i-lucide:code-xml":26,"i-lucide:film":28,"i-lucide:file-text":30,"i-lucide:box":32,"i-lucide:code-2":34,"i-lucide:image":35,"i-lucide:square-sigma":37,"i-lucide:gamepad-2":39,"i-lucide:sparkles":41,"i-lucide:graduation-cap":43,"blog-body-open-html-file-zh":45,"i-lucide:lightbulb":46,"i-lucide:code":48,"i-lucide:layout-template":50,"i-lucide:mouse-pointer-click":52,"i-lucide:share-2":54},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"19\" r=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>\u003Cpath d=\"m9 12l2 2l4-4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":25},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"M7 15V9l2 2l2-2v6m3-2l2 2l2-2m-2 2V9\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":27},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":29},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18m0-13.5h4m-4 9h4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":31},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":33},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\u002F>\u003Cpath d=\"m3.3 7l8.7 5l8.7-5M12 22V12\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":27},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":36},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\u002F>\u003Ccircle cx=\"9\" cy=\"9\" r=\"2\"\u002F>\u003Cpath d=\"m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":38},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M16 8.9V7H8l4 5l-4 5h8v-1.9\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":40},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":42},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4\"\u002F>\u003Ccircle cx=\"4\" cy=\"20\" r=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":44},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6\"\u002F>\u003Cpath d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"\u002F>\u003C\u002Fg>","\u003Cblockquote>\n\u003Cp>双击别人发来的 \u003Ccode>.html\u003C\u002Fcode>，要么弹出满屏代码、要么排版错乱、要么图片裂成空框——不是文件坏了。\u003Ccode>.html\u003C\u002Fcode> 是网页\u003Cstrong>源码\u003C\u002Fstrong>，要用浏览器渲染才会变成你期待的页面。搞清这一点，打开、预览、检查响应式就都不难。\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fopen-html-file\u002Fcover.webp\" alt=\"文章核心论点配图\">\u003C\u002Fp>\n\u003Ch2>.html 文件到底是什么，双击为什么不对劲？\u003C\u002Fh2>\n\u003Cp>\u003Ccode>.html\u003C\u002Fcode> 是网页的源码文件，本质是一段\u003Cstrong>带标签的纯文本\u003C\u002Fstrong>，描述「页面上有哪些标题、段落、图片、按钮」。它必须经过浏览器解析渲染，才会变成你看到的排版页面。\u003C\u002Fp>\n\u003Cp>双击打不开或显示代码，几乎都是同一个原因：\u003Cstrong>文件被关联到了文本编辑器\u003C\u002Fstrong>（记事本、VSCode、Sublime 等），而不是浏览器。于是系统老老实实把源码原样展示给你看。解决最快的办法是右键选「打开方式 → 浏览器」，或直接把文件拖进 Chrome \u002F Edge \u002F Safari 的窗口。\u003C\u002Fp>\n\u003Cp>但即便用浏览器打开，AI 生成或别人发来的单个 \u003Ccode>.html\u003C\u002Fcode> 仍常出现两类问题：\u003Cstrong>图片裂开\u003C\u002Fstrong>（页面引用了不在你电脑上的外部图片路径）和\u003Cstrong>样式\u002F交互丢失\u003C\u002Fstrong>（依赖了未一起打包的 CSS 或 JS 文件）。这时你需要的不是「换个软件」，而是一个能稳定渲染、并帮你检查的预览环境。\u003C\u002Fp>\n\u003Ch2>怎么在线预览 .html 文件最省事？\u003C\u002Fh2>\n\u003Cp>最省事的方式是把 HTML 粘进一个浏览器里的在线预览工具，右侧立刻渲染出页面，无需在本地折腾文件关联。它的好处很具体：\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>零安装\u003C\u002Fstrong>：打开网页就用，不用配本地服务器、不用装编辑器；\u003C\u002Fli>\n\u003Cli>\u003Cstrong>隔离渲染\u003C\u002Fstrong>：预览跑在沙箱 \u003Ccode>iframe\u003C\u002Fcode> 里，限制了脚本权限，打开来源不明的 HTML 也更安全；\u003C\u002Fli>\n\u003Cli>\u003Cstrong>不上传\u003C\u002Fstrong>：纯前端渲染，HTML 留在你浏览器本地，适合看还没公开的草稿或内部报告。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>具体做法：打开 \u003Ca href=\"\u002Fhtml\u002Fpreview\u002F\">在线 HTML 预览\u003C\u002Fa>，把代码粘进去（或上传 \u003Ccode>.html\u003C\u002Fcode> 文件），右侧即时出图。如果你只是想「看一眼这个网页长什么样」，到这一步就够了。\u003C\u002Fp>\n\u003Ch2>怎么检查它在手机上显示正常？\u003C\u002Fh2>\n\u003Cp>光在电脑上看「好像没问题」是不够的。AI 生成的落地页、HTML 邮件、报告，经常只在桌面宽度下排版正常，一到手机就\u003Cstrong>文字溢出、图片错位、按钮挤成一团\u003C\u002Fstrong>。要提前发现，就得切换视口看。\u003C\u002Fp>\n\u003Cp>在 \u003Ca href=\"\u002Fhtml\u002Fpreview\u002F\">HTML 预览\u003C\u002Fa> 里直接切换手机（375px）、平板（768px）、桌面三档宽度，同一份 HTML 在三种屏幕下各看一遍。这一步是验证「响应式到底做没做对」最快的办法，比真的拿手机传文件再打开省事得多。看完还能一键截图导出 PNG \u002F JPG \u002F PDF，方便存档或贴进文档。\u003C\u002Fp>\n\u003Ch2>想顺手改两个字怎么办？\u003C\u002Fh2>\n\u003Cp>如果你打开后发现要\u003Cstrong>改个标题、换张配图、删掉一段\u003C\u002Fstrong>，但又不会写 HTML，那就别再回去翻源码了。预览工具只负责「看」，改字要用可视化编辑器。\u003C\u002Fp>\n\u003Cp>在 \u003Ca href=\"\u002Fhtml\u002Feditor\u002F\">可视化 HTML 编辑器\u003C\u002Fa> 里上传同一个文件，直接在渲染后的页面上点中文字就能改、选中图片就能换、不要的元素一点就删，全程不碰一行代码，改完一键导出干净的新 \u003Ccode>.html\u003C\u002Fcode>。预览和编辑是同一条工作流里的两步：\u003Cstrong>先用预览确认，要动手再进编辑器\u003C\u002Fstrong>。\u003C\u002Fp>\n\u003Ch2>怎么把它发给不方便传文件的人看？\u003C\u002Fh2>\n\u003Cp>如果你想让别人（同事、客户、用手机的对方）直接看到这个网页，发 \u003Ccode>.html\u003C\u002Fcode> 源码文件往往不靠谱——对方同样可能双击弹出代码，或图片裂开。\u003C\u002Fp>\n\u003Cp>更稳的办法是生成一个在线预览链接。在 \u003Ca href=\"\u002Fhtml\u002Fshare\u002F\">HTML 分享\u003C\u002Fa> 里上传文件，一键得到链接，对方用任意浏览器打开即看，无需安装、无需注册。较小的 HTML 会直接压缩进链接本身（不经服务器），链接还有自动过期机制，适合临时把原型、报告、演示发出去传阅。\u003C\u002Fp>\n\u003Ch2>几种需求怎么对号入座？\u003C\u002Fh2>\n\u003Cp>按你的目的选，不用纠结：\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>你的目的\u003C\u002Fth>\n\u003Cth>推荐做法\u003C\u002Fth>\n\u003Cth>工具\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>看一眼网页长什么样\u003C\u002Ftd>\n\u003Ctd>在线渲染预览\u003C\u002Ftd>\n\u003Ctd>HTML 在线预览\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>检查手机\u002F响应式是否正常\u003C\u002Ftd>\n\u003Ctd>多视口预览 + 截图\u003C\u002Ftd>\n\u003Ctd>HTML 在线预览\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>不会代码也想改文字\u002F换图\u003C\u002Ftd>\n\u003Ctd>可视化点选编辑\u003C\u002Ftd>\n\u003Ctd>可视化 HTML 编辑器\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>发给别人直接打开看\u003C\u002Ftd>\n\u003Ctd>生成预览链接\u003C\u002Ftd>\n\u003Ctd>HTML 分享\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>经验法则：\u003Cstrong>要看就用预览，要改就进编辑器，要传阅就发链接\u003C\u002Fstrong>。\u003C\u002Fp>\n\u003Ch2>一个例外：你只想读里面的纯文字\u003C\u002Fh2>\n\u003Cp>如果你只是想确认这个 HTML 里写了什么文字、不在乎排版和图片，那用任何文本编辑器（记事本、TextEdit、VSCode）直接打开它就能读到所有文案内容，只是会夹杂着 \u003Ccode><div>\u003C\u002Fcode>、\u003Ccode><p>\u003C\u002Fcode> 这类标签。这在「只想核对内容、不在乎好不好看」时完全够用。需要看真实页面效果时，再用上面的预览或编辑方式。\u003C\u002Fp>\n\u003Ch2>小结\u003C\u002Fh2>\n\u003Cp>\u003Ccode>.html\u003C\u002Fcode> 打不开或显示代码，不是文件损坏，而是它是需要浏览器渲染的网页源码。记住几句话：看效果用 \u003Ca href=\"\u002Fhtml\u002Fpreview\u002F\">在线预览\u003C\u002Fa> 并切视口检查响应式；不会代码也想改字换图用 \u003Ca href=\"\u002Fhtml\u002Feditor\u002F\">可视化编辑器\u003C\u002Fa>；要发给别人传阅用 \u003Ca href=\"\u002Fhtml\u002Fshare\u002F\">分享链接\u003C\u002Fa>。分清「源码 vs 渲染」，一个 \u003Ccode>.html\u003C\u002Fcode> 文件就再也难不住你。\u003C\u002Fp>\n",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":47},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":49},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 18l6-6l-6-6M8 6l-6 6l6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":51},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\u002F>\u003Crect width=\"9\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\u002F>\u003Crect width=\"5\" height=\"7\" x=\"16\" y=\"14\" rx=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":53},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 4.1L12 6M5.1 8l-2.9-.8M6 12l-1.9 2M7.2 2.2L8 5.1m1.037 4.59a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":55},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"18\" cy=\"5\" r=\"3\"\u002F>\u003Ccircle cx=\"6\" cy=\"12\" r=\"3\"\u002F>\u003Ccircle cx=\"18\" cy=\"19\" r=\"3\"\u002F>\u003Cpath d=\"m8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98\"\u002F>\u003C\u002Fg>",1782539693301]