Gentleface › Design › blueprint

blueprint icon

Blueprint: blueprint, floor plan, floorplan, technical drawing. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14.707 3.293C14.902 3.488 15 3.724 15 4L15 12C15 12.276 14.902 12.512 14.707 12.707C14.512 12.902 14.276 13 14 13L5 13C5 13.254 4.953 13.5 4.86 13.736C4.758 13.993 4.609 14.219 4.414 14.414C4.219 14.609 3.993 14.758 3.736 14.86C3.5 14.953 3.254 15 3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1C3.254 1 3.5 1.047 3.736 1.14C3.993 1.242 4.219 1.391 4.414 1.586C4.609 1.781 4.758 2.007 4.86 2.264C4.953 2.5 5 2.746 5 3L14 3C14.276 3 14.512 3.098 14.707 3.293ZM4.04 12.5C4.014 12.441 4 12.378 4 12.313L4 3.687C4 3.622 4.014 3.559 4.04 3.5C4.013 3.422 4 3.339 4 3.25L4 3C4 2.724 3.902 2.488 3.707 2.293C3.512 2.098 3.276 2 3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 13C2 13.276 2.098 13.512 2.293 13.707C2.488 13.902 2.724 14 3 14C3.276 14 3.512 13.902 3.707 13.707C3.902 13.512 4 13.276 4 13L4 12.75C4 12.661 4.013 12.578 4.04 12.5ZM7.246 7.212C7.424 6.762 7.683 6.367 8.025 6.025C8.367 5.683 8.762 5.424 9.212 5.246C9.625 5.082 10.055 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 7C11 7.276 11.098 7.512 11.293 7.707C11.488 7.902 11.724 8 12 8L14 8L14 4L5 4L5 8L7.035 8C7.074 7.731 7.144 7.468 7.246 7.212ZM9.58 6.176C9.259 6.303 8.976 6.488 8.732 6.732C8.488 6.976 8.303 7.259 8.176 7.58C8.059 7.875 8 8.182 8 8.5C8 8.641 7.952 8.759 7.856 8.856C7.759 8.952 7.641 9 7.5 9L5 9L5 12L12 12L12 9C11.746 9 11.5 8.953 11.264 8.86C11.007 8.758 10.781 8.609 10.586 8.414C10.391 8.219 10.242 7.993 10.14 7.736C10.047 7.5 10 7.254 10 7L10 6.05C9.858 6.079 9.717 6.121 9.58 6.176ZM14 12L14 9L13 9L13 12L14 12Z"/></svg>

React

// Gentleface "blueprint" (line-round), MIT. https://gentleface.com/icons/blueprint
import type { SVGProps } from 'react';

export function BlueprintIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14.707 3.293C14.902 3.488 15 3.724 15 4L15 12C15 12.276 14.902 12.512 14.707 12.707C14.512 12.902 14.276 13 14 13L5 13C5 13.254 4.953 13.5 4.86 13.736C4.758 13.993 4.609 14.219 4.414 14.414C4.219 14.609 3.993 14.758 3.736 14.86C3.5 14.953 3.254 15 3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1C3.254 1 3.5 1.047 3.736 1.14C3.993 1.242 4.219 1.391 4.414 1.586C4.609 1.781 4.758 2.007 4.86 2.264C4.953 2.5 5 2.746 5 3L14 3C14.276 3 14.512 3.098 14.707 3.293ZM4.04 12.5C4.014 12.441 4 12.378 4 12.313L4 3.687C4 3.622 4.014 3.559 4.04 3.5C4.013 3.422 4 3.339 4 3.25L4 3C4 2.724 3.902 2.488 3.707 2.293C3.512 2.098 3.276 2 3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 13C2 13.276 2.098 13.512 2.293 13.707C2.488 13.902 2.724 14 3 14C3.276 14 3.512 13.902 3.707 13.707C3.902 13.512 4 13.276 4 13L4 12.75C4 12.661 4.013 12.578 4.04 12.5ZM7.246 7.212C7.424 6.762 7.683 6.367 8.025 6.025C8.367 5.683 8.762 5.424 9.212 5.246C9.625 5.082 10.055 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 7C11 7.276 11.098 7.512 11.293 7.707C11.488 7.902 11.724 8 12 8L14 8L14 4L5 4L5 8L7.035 8C7.074 7.731 7.144 7.468 7.246 7.212ZM9.58 6.176C9.259 6.303 8.976 6.488 8.732 6.732C8.488 6.976 8.303 7.259 8.176 7.58C8.059 7.875 8 8.182 8 8.5C8 8.641 7.952 8.759 7.856 8.856C7.759 8.952 7.641 9 7.5 9L5 9L5 12L12 12L12 9C11.746 9 11.5 8.953 11.264 8.86C11.007 8.758 10.781 8.609 10.586 8.414C10.391 8.219 10.242 7.993 10.14 7.736C10.047 7.5 10 7.254 10 7L10 6.05C9.858 6.079 9.717 6.121 9.58 6.176ZM14 12L14 9L13 9L13 12L14 12Z" />
    </svg>
  );
}

Vue

Vue: see /icons/blueprint.md

Svelte

Svelte: see /icons/blueprint.md

HTML img

HTML img: see /icons/blueprint.md

CSS

CSS: see /icons/blueprint.md

Data URL

Data URL: see /icons/blueprint.md

Sprite

Sprite: see /icons/blueprint.md

SwiftUI

SwiftUI: see /icons/blueprint.md

Compose

Compose: see /icons/blueprint.md

Android XML

Android XML: see /icons/blueprint.md

Flutter

Flutter: see /icons/blueprint.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BlueprintIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

blueprint, floor plan, floorplan, technical drawing

Tags

blueprint, floor plan, floorplan, plan, architecture, architect, technical drawing, drafting, building plan, layout, rooms, construction

Category

Design

Component name

BlueprintIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More design icons

align-horizontal-center align-objects-bottom align-objects-bottom-three align-objects-left align-objects-left-three align-objects-right align-objects-right-three align-objects-top align-objects-top-three align-vertical-center angle animation animation-off auto-layout-horizontal auto-layout-vertical auto-layout-wrap · all design icons

For agents

Metadata: /icons/blueprint.json · Markdown: /icons/blueprint.md · SVG: https://gentleface.com/svg/{style}/16/blueprint.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/blueprint.png

blueprint icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More design icons

For agents

blueprint icon