Gentleface › Nature & animals › birdhouse

birdhouse icon

Birdhouse: birdhouse, nest box, bird feeder. 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="M12.854 6.146C12.951 6.244 13 6.362 13 6.5C13 6.638 12.951 6.756 12.854 6.854C12.754 6.953 12.636 7.003 12.5 7.003C12.364 7.003 12.246 6.953 12.146 6.854L12 6.707L12 12C12 12.276 11.902 12.512 11.707 12.707C11.512 12.902 11.276 13 11 13L8 13L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 13L4 13C3.724 13 3.488 12.902 3.293 12.707C3.098 12.512 3 12.276 3 12L3 6.707L2.854 6.854C2.756 6.951 2.638 7 2.5 7C2.362 7 2.244 6.951 2.146 6.854C2.049 6.756 2 6.638 2 6.5C2 6.362 2.049 6.244 2.146 6.146L2.894 5.399C2.993 5.3 3.132 5.253 3.272 5.272C3.416 4.961 3.61 4.683 3.854 4.439L6.793 1.5C6.988 1.305 7.224 1.207 7.5 1.207C7.776 1.207 8.012 1.305 8.207 1.5L11.146 4.439C11.39 4.683 11.584 4.961 11.728 5.272C11.868 5.253 12.007 5.3 12.106 5.399L12.854 6.146ZM4.561 5.146C4.381 5.326 4.243 5.533 4.146 5.767C4.049 6.002 4 6.246 4 6.5L4 12L11 12L11 6.5C11 6.246 10.951 6.002 10.854 5.767C10.757 5.533 10.619 5.326 10.439 5.146L7.5 2.207L4.561 5.146ZM5.176 6.58C5.303 6.259 5.488 5.976 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.512 5.976 9.697 6.259 9.824 6.58C9.941 6.875 10 7.182 10 7.5C10 7.818 9.941 8.125 9.824 8.42C9.697 8.741 9.512 9.024 9.268 9.268C9.024 9.512 8.741 9.697 8.42 9.824C8.125 9.941 7.818 10 7.5 10C7.182 10 6.875 9.941 6.58 9.824C6.259 9.697 5.976 9.512 5.732 9.268C5.488 9.024 5.303 8.741 5.176 8.42C5.059 8.125 5 7.818 5 7.5C5 7.182 5.059 6.875 5.176 6.58ZM6.105 8.052C6.182 8.245 6.293 8.414 6.439 8.561C6.586 8.707 6.755 8.818 6.948 8.895C7.125 8.965 7.309 9 7.5 9C7.691 9 7.875 8.965 8.052 8.895C8.245 8.818 8.414 8.707 8.561 8.561C8.707 8.414 8.818 8.245 8.895 8.052C8.965 7.875 9 7.691 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.691 6.035 7.875 6.105 8.052Z"/></svg>

React

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

export function BirdhouseIcon(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="M12.854 6.146C12.951 6.244 13 6.362 13 6.5C13 6.638 12.951 6.756 12.854 6.854C12.754 6.953 12.636 7.003 12.5 7.003C12.364 7.003 12.246 6.953 12.146 6.854L12 6.707L12 12C12 12.276 11.902 12.512 11.707 12.707C11.512 12.902 11.276 13 11 13L8 13L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 13L4 13C3.724 13 3.488 12.902 3.293 12.707C3.098 12.512 3 12.276 3 12L3 6.707L2.854 6.854C2.756 6.951 2.638 7 2.5 7C2.362 7 2.244 6.951 2.146 6.854C2.049 6.756 2 6.638 2 6.5C2 6.362 2.049 6.244 2.146 6.146L2.894 5.399C2.993 5.3 3.132 5.253 3.272 5.272C3.416 4.961 3.61 4.683 3.854 4.439L6.793 1.5C6.988 1.305 7.224 1.207 7.5 1.207C7.776 1.207 8.012 1.305 8.207 1.5L11.146 4.439C11.39 4.683 11.584 4.961 11.728 5.272C11.868 5.253 12.007 5.3 12.106 5.399L12.854 6.146ZM4.561 5.146C4.381 5.326 4.243 5.533 4.146 5.767C4.049 6.002 4 6.246 4 6.5L4 12L11 12L11 6.5C11 6.246 10.951 6.002 10.854 5.767C10.757 5.533 10.619 5.326 10.439 5.146L7.5 2.207L4.561 5.146ZM5.176 6.58C5.303 6.259 5.488 5.976 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.512 5.976 9.697 6.259 9.824 6.58C9.941 6.875 10 7.182 10 7.5C10 7.818 9.941 8.125 9.824 8.42C9.697 8.741 9.512 9.024 9.268 9.268C9.024 9.512 8.741 9.697 8.42 9.824C8.125 9.941 7.818 10 7.5 10C7.182 10 6.875 9.941 6.58 9.824C6.259 9.697 5.976 9.512 5.732 9.268C5.488 9.024 5.303 8.741 5.176 8.42C5.059 8.125 5 7.818 5 7.5C5 7.182 5.059 6.875 5.176 6.58ZM6.105 8.052C6.182 8.245 6.293 8.414 6.439 8.561C6.586 8.707 6.755 8.818 6.948 8.895C7.125 8.965 7.309 9 7.5 9C7.691 9 7.875 8.965 8.052 8.895C8.245 8.818 8.414 8.707 8.561 8.561C8.707 8.414 8.818 8.245 8.895 8.052C8.965 7.875 9 7.691 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.691 6.035 7.875 6.105 8.052Z" />
    </svg>
  );
}

Vue

Vue: see /icons/birdhouse.md

Svelte

Svelte: see /icons/birdhouse.md

HTML img

HTML img: see /icons/birdhouse.md

CSS

CSS: see /icons/birdhouse.md

Data URL

Data URL: see /icons/birdhouse.md

Sprite

Sprite: see /icons/birdhouse.md

SwiftUI

SwiftUI: see /icons/birdhouse.md

Compose

Compose: see /icons/birdhouse.md

Android XML

Android XML: see /icons/birdhouse.md

Flutter

Flutter: see /icons/birdhouse.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 { BirdhouseIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

birdhouse, nest box, bird feeder

Tags

birdhouse

Category

Nature & animals

Component name

BirdhouseIcon

History

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

Since

version 0.2.0

More nature & animals icons

bird butterfly cactus cannabis cat clover co2 compost cow dog dog-bark feather fish fish-off flower grass · all nature & animals icons

For agents

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

birdhouse icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More nature & animals icons

For agents

birdhouse icon