farm icon

Farm: farm, agriculture, barn, farmland. 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="M4.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 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 3L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15ZM3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 6L4 6L4 3C4 2.724 3.902 2.488 3.707 2.293C3.512 2.098 3.276 2 3 2ZM6 8.382L6.606 7.171C6.775 6.832 6.993 6.529 7.261 6.261C7.529 5.993 7.832 5.775 8.171 5.606L8.829 5.276C9.198 5.092 9.588 5 10 5C10.412 5 10.802 5.092 11.171 5.276L11.829 5.606C12.168 5.775 12.471 5.993 12.739 6.261C13.007 6.529 13.225 6.832 13.394 7.171L14.5 9.382C14.833 10.049 15 10.755 15 11.5L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L13 15C12.724 15 12.488 14.902 12.293 14.707C12.143 14.74 11.987 14.694 11.879 14.586L10 12.707L7.854 14.854C7.756 14.951 7.638 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 10C7 9.724 7.098 9.488 7.293 9.293C7.488 9.098 7.724 9 8 9L12 9C12.276 9 12.512 9.098 12.707 9.293C12.902 9.488 13 9.724 13 10L13 14L14 14L14 11.5C14 10.912 13.869 10.355 13.606 9.829L12.5 7.618C12.252 7.121 11.879 6.748 11.382 6.5L10.724 6.171C10.496 6.057 10.255 6 10 6C9.745 6 9.504 6.057 9.276 6.171L8.618 6.5C8.121 6.748 7.748 7.121 7.5 7.618L6.671 9.276C6.609 9.4 6.513 9.483 6.382 9.527C6.251 9.571 6.123 9.562 6 9.5L6 8.382ZM4 10L4 7L2 7L2 10L4 10ZM11.293 10L8.707 10L10 11.293L11.293 10ZM8 10.707L8 13.293L9.293 12L8 10.707ZM12 13.293L12 10.707L10.707 12L12 13.293ZM4 11L2 11L2 14L4 14L4 11Z"/></svg>

React

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

export function FarmIcon(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="M4.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 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 3L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15ZM3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 6L4 6L4 3C4 2.724 3.902 2.488 3.707 2.293C3.512 2.098 3.276 2 3 2ZM6 8.382L6.606 7.171C6.775 6.832 6.993 6.529 7.261 6.261C7.529 5.993 7.832 5.775 8.171 5.606L8.829 5.276C9.198 5.092 9.588 5 10 5C10.412 5 10.802 5.092 11.171 5.276L11.829 5.606C12.168 5.775 12.471 5.993 12.739 6.261C13.007 6.529 13.225 6.832 13.394 7.171L14.5 9.382C14.833 10.049 15 10.755 15 11.5L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L13 15C12.724 15 12.488 14.902 12.293 14.707C12.143 14.74 11.987 14.694 11.879 14.586L10 12.707L7.854 14.854C7.756 14.951 7.638 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 10C7 9.724 7.098 9.488 7.293 9.293C7.488 9.098 7.724 9 8 9L12 9C12.276 9 12.512 9.098 12.707 9.293C12.902 9.488 13 9.724 13 10L13 14L14 14L14 11.5C14 10.912 13.869 10.355 13.606 9.829L12.5 7.618C12.252 7.121 11.879 6.748 11.382 6.5L10.724 6.171C10.496 6.057 10.255 6 10 6C9.745 6 9.504 6.057 9.276 6.171L8.618 6.5C8.121 6.748 7.748 7.121 7.5 7.618L6.671 9.276C6.609 9.4 6.513 9.483 6.382 9.527C6.251 9.571 6.123 9.562 6 9.5L6 8.382ZM4 10L4 7L2 7L2 10L4 10ZM11.293 10L8.707 10L10 11.293L11.293 10ZM8 10.707L8 13.293L9.293 12L8 10.707ZM12 13.293L12 10.707L10.707 12L12 13.293ZM4 11L2 11L2 14L4 14L4 11Z" />
    </svg>
  );
}

Vue

Vue: see /icons/farm.md

Svelte

Svelte: see /icons/farm.md

HTML img

HTML img: see /icons/farm.md

CSS

CSS: see /icons/farm.md

Data URL

Data URL: see /icons/farm.md

Sprite

Sprite: see /icons/farm.md

SwiftUI

SwiftUI: see /icons/farm.md

Compose

Compose: see /icons/farm.md

Android XML

Android XML: see /icons/farm.md

Flutter

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

Meaning

Use it for

farm, agriculture, barn, farmland, ranch

Alternatives

tractor: farming or a farm vehicle

Also fits

wheat: a farm or agriculture
cow: a farm or agriculture
tractor: a farm or agriculture as a place or sector

Tags

farm, agriculture, barn, silo, ranch, farmhouse, countryside, rural, farming, agritourism

Category

Buildings

Component name

FarmIcon

History

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

Since

version 0.2.0

More buildings icons

balcony building building-apartment building-gear building-pencil building-plus building-search buildings castle city cottage dam dome elevator escalator factory · all buildings icons

For agents

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

farm icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More buildings icons

For agents

farm icon