farm icon
farm-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- farm-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the farm icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 156a4 4 0 0 0 0-8a228.1 228.1 0 0 0-66.42 9.84a257 257 0 0 0-27.66-15.67A250.1 250.1 0 0 1 232 124a4 4 0 0 0 0-8q-10.06 0-20 .76V80a4 4 0 0 0-1.6-3.2l-64-48a4 4 0 0 0-4.8 0l-64 48A4 4 0 0 0 76 80v41.2a261.7 261.7 0 0 0-52-5.2a4 4 0 0 0 0 8a251 251 0 0 1 196.73 94.5a4 4 0 0 0 6.24-5a263 263 0 0 0-21.44-23.64A190 190 0 0 1 232 188a4 4 0 0 0 0-8a198 198 0 0 0-33.84 2.92a261 261 0 0 0-24-19.25A220.5 220.5 0 0 1 232 156m-68-31a260 260 0 0 0-35.93 12.65c-1.36-.58-2.71-1.18-4.07-1.74V100h40ZM84 82l60-45l60 45v35.49a259 259 0 0 0-32 5.45V96a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v36.71A259 259 0 0 0 84 123Zm49.5 136.21a4 4 0 0 1-5.55 1.12A187.1 187.1 0 0 0 24 188a4 4 0 0 1 0-8a195.1 195.1 0 0 1 108.38 32.67a4 4 0 0 1 1.12 5.54m50.07-5.07a4 4 0 0 1-5.6 5.72A218.76 218.76 0 0 0 24 156a4 4 0 0 1 0-8a226.7 226.7 0 0 1 159.57 65.14"/></svg>
React
import type { SVGProps } from "react";
export function PhFarmThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 156a4 4 0 0 0 0-8a228.1 228.1 0 0 0-66.42 9.84a257 257 0 0 0-27.66-15.67A250.1 250.1 0 0 1 232 124a4 4 0 0 0 0-8q-10.06 0-20 .76V80a4 4 0 0 0-1.6-3.2l-64-48a4 4 0 0 0-4.8 0l-64 48A4 4 0 0 0 76 80v41.2a261.7 261.7 0 0 0-52-5.2a4 4 0 0 0 0 8a251 251 0 0 1 196.73 94.5a4 4 0 0 0 6.24-5a263 263 0 0 0-21.44-23.64A190 190 0 0 1 232 188a4 4 0 0 0 0-8a198 198 0 0 0-33.84 2.92a261 261 0 0 0-24-19.25A220.5 220.5 0 0 1 232 156m-68-31a260 260 0 0 0-35.93 12.65c-1.36-.58-2.71-1.18-4.07-1.74V100h40ZM84 82l60-45l60 45v35.49a259 259 0 0 0-32 5.45V96a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v36.71A259 259 0 0 0 84 123Zm49.5 136.21a4 4 0 0 1-5.55 1.12A187.1 187.1 0 0 0 24 188a4 4 0 0 1 0-8a195.1 195.1 0 0 1 108.38 32.67a4 4 0 0 1 1.12 5.54m50.07-5.07a4 4 0 0 1-5.6 5.72A218.76 218.76 0 0 0 24 156a4 4 0 0 1 0-8a226.7 226.7 0 0 1 159.57 65.14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 156a4 4 0 0 0 0-8a228.1 228.1 0 0 0-66.42 9.84a257 257 0 0 0-27.66-15.67A250.1 250.1 0 0 1 232 124a4 4 0 0 0 0-8q-10.06 0-20 .76V80a4 4 0 0 0-1.6-3.2l-64-48a4 4 0 0 0-4.8 0l-64 48A4 4 0 0 0 76 80v41.2a261.7 261.7 0 0 0-52-5.2a4 4 0 0 0 0 8a251 251 0 0 1 196.73 94.5a4 4 0 0 0 6.24-5a263 263 0 0 0-21.44-23.64A190 190 0 0 1 232 188a4 4 0 0 0 0-8a198 198 0 0 0-33.84 2.92a261 261 0 0 0-24-19.25A220.5 220.5 0 0 1 232 156m-68-31a260 260 0 0 0-35.93 12.65c-1.36-.58-2.71-1.18-4.07-1.74V100h40ZM84 82l60-45l60 45v35.49a259 259 0 0 0-32 5.45V96a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v36.71A259 259 0 0 0 84 123Zm49.5 136.21a4 4 0 0 1-5.55 1.12A187.1 187.1 0 0 0 24 188a4 4 0 0 1 0-8a195.1 195.1 0 0 1 108.38 32.67a4 4 0 0 1 1.12 5.54m50.07-5.07a4 4 0 0 1-5.6 5.72A218.76 218.76 0 0 0 24 156a4 4 0 0 1 0-8a226.7 226.7 0 0 1 159.57 65.14"/></svg> </template>
CSS
.icon-farm-thin {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20156a4%204%200%200%200%200-8a228.1%20228.1%200%200%200-66.42%209.84a257%20257%200%200%200-27.66-15.67A250.1%20250.1%200%200%201%20232%20124a4%204%200%200%200%200-8q-10.06%200-20%20.76V80a4%204%200%200%200-1.6-3.2l-64-48a4%204%200%200%200-4.8%200l-64%2048A4%204%200%200%200%2076%2080v41.2a261.7%20261.7%200%200%200-52-5.2a4%204%200%200%200%200%208a251%20251%200%200%201%20196.73%2094.5a4%204%200%200%200%206.24-5a263%20263%200%200%200-21.44-23.64A190%20190%200%200%201%20232%20188a4%204%200%200%200%200-8a198%20198%200%200%200-33.84%202.92a261%20261%200%200%200-24-19.25A220.5%20220.5%200%200%201%20232%20156m-68-31a260%20260%200%200%200-35.93%2012.65c-1.36-.58-2.71-1.18-4.07-1.74V100h40ZM84%2082l60-45l60%2045v35.49a259%20259%200%200%200-32%205.45V96a4%204%200%200%200-4-4h-48a4%204%200%200%200-4%204v36.71A259%20259%200%200%200%2084%20123Zm49.5%20136.21a4%204%200%200%201-5.55%201.12A187.1%20187.1%200%200%200%2024%20188a4%204%200%200%201%200-8a195.1%20195.1%200%200%201%20108.38%2032.67a4%204%200%200%201%201.12%205.54m50.07-5.07a4%204%200%200%201-5.6%205.72A218.76%20218.76%200%200%200%2024%20156a4%204%200%200%201%200-8a226.7%20226.7%200%200%201%20159.57%2065.14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20156a4%204%200%200%200%200-8a228.1%20228.1%200%200%200-66.42%209.84a257%20257%200%200%200-27.66-15.67A250.1%20250.1%200%200%201%20232%20124a4%204%200%200%200%200-8q-10.06%200-20%20.76V80a4%204%200%200%200-1.6-3.2l-64-48a4%204%200%200%200-4.8%200l-64%2048A4%204%200%200%200%2076%2080v41.2a261.7%20261.7%200%200%200-52-5.2a4%204%200%200%200%200%208a251%20251%200%200%201%20196.73%2094.5a4%204%200%200%200%206.24-5a263%20263%200%200%200-21.44-23.64A190%20190%200%200%201%20232%20188a4%204%200%200%200%200-8a198%20198%200%200%200-33.84%202.92a261%20261%200%200%200-24-19.25A220.5%20220.5%200%200%201%20232%20156m-68-31a260%20260%200%200%200-35.93%2012.65c-1.36-.58-2.71-1.18-4.07-1.74V100h40ZM84%2082l60-45l60%2045v35.49a259%20259%200%200%200-32%205.45V96a4%204%200%200%200-4-4h-48a4%204%200%200%200-4%204v36.71A259%20259%200%200%200%2084%20123Zm49.5%20136.21a4%204%200%200%201-5.55%201.12A187.1%20187.1%200%200%200%2024%20188a4%204%200%200%201%200-8a195.1%20195.1%200%200%201%20108.38%2032.67a4%204%200%200%201%201.12%205.54m50.07-5.07a4%204%200%200%201-5.6%205.72A218.76%20218.76%200%200%200%2024%20156a4%204%200%200%201%200-8a226.7%20226.7%200%200%201%20159.57%2065.14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/farm-thin.svg?color=%231a73e8&size=48
