[{"data":1,"prerenderedAt":132},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"guides:floor-plan-symbols:en":24,"guides-list:en":95,"i-tabler:door":122,"i-tabler:armchair":124,"i-tabler:texture":126,"i-tabler:point-filled":128,"i-tabler:chevron-right":130},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"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\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\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=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\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=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"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\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\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=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\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=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":80},"Floor plan symbols and what they mean","Floor Plan Symbols: Doors, Windows, Stairs & More","What floor plan symbols mean: door swings, sliding doors, windows, stairs, furniture, north arrows and section marks — with free SVG symbols.","A floor plan is a drawing of a building seen from above, as if it were cut horizontally about a metre above the floor. Thick lines are walls that the cut goes through, an arc shows how a door swings, a window is a thin set of lines inside a wall, a stair has an arrow pointing up, and a north arrow and scale bar tell you which way the plan faces and how big it is. All the symbols below can be [downloaded free](\u002Flibrary\u002Fplan).",[30,34,46,50,54,58,73],{"h2":31,"p":32},"Walls",[33],"Walls are the heaviest lines on the plan, because the cut goes through them. Outside walls are usually thicker than inside partitions. Some drawings fill or hatch the walls to show what they're made of; a [section](\u002Fguides\u002Fsection-hatch-patterns) shows that in more detail.",{"h2":35,"items":36},"Doors",[37,40,43],{"h3":38,"p":39},"Swing door","A straight line for the door leaf and a quarter-circle arc for the path it sweeps as it opens. The arc shows which side the hinges are and how much floor the door needs. [Single swing door symbol](\u002Flibrary\u002Fplan\u002Fsingle-door).",{"h3":41,"p":42},"Double door","Two leaves and two arcs meeting in the middle of the opening. [Double door symbol](\u002Flibrary\u002Fplan\u002Fdouble-door).",{"h3":44,"p":45},"Sliding door","Two panels drawn side by side in the opening, overlapping, often with an arrow for the direction they slide. No arc, because it doesn't swing. [Sliding door symbol](\u002Flibrary\u002Fplan\u002Fsliding-door).",{"h2":47,"p":48},"Windows",[49],"A window is drawn inside the wall as a few thin parallel lines: the outer sill, the glass and the inner sill. Windows show up on a plan because the imaginary cut runs above the sill, through the glass. [Window symbol](\u002Flibrary\u002Fplan\u002Fwindow).",{"h2":51,"p":52},"Stairs",[53],"Stairs are drawn as a row of treads with a walking line and an arrow pointing up. The flight is broken by a diagonal or zigzag line where the cut passes through it; above that line you'd be looking at the floor above, so the rest of the stair isn't shown. [Straight stair symbol](\u002Flibrary\u002Fplan\u002Fstraight-stair).",{"h2":55,"p":56},"Furniture and fittings",[57],"Furniture is drawn from above at its real size — a [double bed](\u002Flibrary\u002Fplan\u002Fdouble-bed), a [sofa](\u002Flibrary\u002Fplan\u002Fsofa), a [dining table](\u002Flibrary\u002Fplan\u002Fdining-table). Bathroom and kitchen fittings like the [toilet](\u002Flibrary\u002Fplan\u002Ftoilet), [bathtub](\u002Flibrary\u002Fplan\u002Fbathtub) and [kitchen counter](\u002Flibrary\u002Fplan\u002Fkitchen-counter) show how a room will actually be used. Typical sizes are in [furniture sizes for floor plans](\u002Fguides\u002Ffurniture-sizes-for-floor-plans).",{"h2":59,"items":60},"Marks that help you read the plan",[61,64,67,70],{"h3":62,"p":63},"North arrow","Shows which way is north, so you can tell where the sun comes from. [North arrow](\u002Flibrary\u002Fplan\u002Fnorth-arrow).",{"h3":65,"p":66},"Scale bar","A ruler printed on the drawing. It stays right even if the plan is enlarged or shrunk, unlike a written scale like 1:100. [Scale bar](\u002Flibrary\u002Fplan\u002Fscale-bar).",{"h3":68,"p":69},"Section mark","A cut line with arrows and a letter, showing where a section drawing is taken and which way it looks. [Section mark](\u002Flibrary\u002Fsection\u002Fsection-mark).",{"h3":71,"p":72},"Trees and planting","Drawn as loose circles from above, mostly on site plans. [Tree symbol](\u002Flibrary\u002Fplan\u002Fplan-tree).",{"h2":74,"list":75},"Line types",[76,77,78,79],"**Thick solid lines** — things the plan cuts through, mostly walls.","**Thin solid lines** — things below the cut that you see from above: furniture, steps, floor edges.","**Dashed lines** — things above the cut or hidden, like a beam, a roof edge or a high cupboard; door swings are often dashed too.","**Dimension lines** — thin lines with ticks or arrows at the ends and the length written along them.",{"title":81,"items":82},"Questions",[83,86,89,92],{"q":84,"a":85},"What does the curved line on a door mean?","It's the door swing: the path the door leaf sweeps when it opens. It tells you which way the door opens and how much space it needs.",{"q":87,"a":88},"Why is a stair cut off with a zigzag line?","A floor plan is cut about a metre above the floor. The zigzag marks where that cut passes through the stair; the part above it belongs to the floor above.",{"q":90,"a":91},"Where can I get floor plan symbols for free?","JotJam's [plan symbols](\u002Flibrary\u002Fplan) are free to download as SVG or PNG and free to use in personal and commercial drawings, without credit.",{"q":93,"a":94},"What height is a floor plan cut at?","Usually about 1 to 1.2 m above the floor, so the cut passes through doors and windows but above most furniture.",[96,100,102,106,110,114,118],{"slug":97,"title":98,"description":99},"how-to-draw-a-floor-plan-online","How to draw a floor plan online, step by step","Draw a floor plan to scale in your browser for free: measure the rooms, draw walls at exact lengths, add doors and furniture, then dimension it.",{"slug":101,"title":25,"description":27},"floor-plan-symbols",{"slug":103,"title":104,"description":105},"furniture-sizes-for-floor-plans","Furniture sizes to use in a floor plan","Typical sizes of beds, sofas, tables, desks, wardrobes, kitchen and bathroom fittings, and the space to leave around them, in centimetres.",{"slug":107,"title":108,"description":109},"section-hatch-patterns","Section hatch patterns: what each one means","What section hatches mean — concrete, brick, earth, insulation, timber, gravel — when to use each, and how to keep a section readable. Free SVGs.",{"slug":111,"title":112,"description":113},"sketch-on-a-phone-or-tablet","How to sketch on a phone or tablet without installing an app","Draw on an iPad, Android tablet or phone right in the browser: Apple Pencil pressure, palm rest, pinch to zoom and PNG export. Free, no app.",{"slug":115,"title":116,"description":117},"play-piano-on-a-computer-keyboard","How to play piano on a computer keyboard","Which computer keys play which piano notes, how to change octave and hold the sustain pedal, plus easy songs and chords for a laptop keyboard.",{"slug":119,"title":120,"description":121},"easy-guitar-chords-for-beginners","Easy guitar chords for beginners","The ten guitar chords to learn first, with fret numbers, the order to learn them in and easy progressions. Hear each one on a free online guitar.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":123},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":125},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":127},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3L3 6m18 12l-3 3M11 3l-8 8m13-8L3 16M21 3L3 21M21 8L8 21m13-8l-8 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":129},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":131},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",1792672094249]