Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Phosphor Icons · PiFarmDuotone

Farm Duotone icon

A free farm duotone icon from Phosphor Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/phosphor/farm-duotone.json
components/icons/phosphor-farm-duotone.tsx
import * as React from "react";

/**
 * Farm Duotone from Phosphor Icons (https://github.com/phosphor-icons/core), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/phosphor/farm-duotone. Sized in em, colored by currentColor.
 */
export function PiFarmDuotoneIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 256 256"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M223.85,216H24V120a257,257,0,0,1,56.2,6.21l-.2-.07V80l64-48,64,48v41.11a254.67,254.67,0,0,0-40,7V96H120v42.61l0,0,0,0A256.79,256.79,0,0,1,223.85,216Z"
        opacity="0.2"
      />
      <path
        d="M232,160a8,8,0,0,0,0-16,232.2,232.2,0,0,0-65.8,9.47q-9-5.78-18.46-10.78A246.3,246.3,0,0,1,232,128a8,8,0,0,0,0-16c-5.36,0-10.69.18-16,.49V80a8,8,0,0,0-3.2-6.4l-64-48a8,8,0,0,0-9.6,0l-64,48A8,8,0,0,0,72,80v36.37A266.33,266.33,0,0,0,24,112a8,8,0,0,0,0,16,247,247,0,0,1,193.61,93,8,8,0,1,0,12.48-10q-7.59-9.5-15.94-18.14c5.92-.57,11.89-.86,17.85-.86a8,8,0,0,0,0-16,201.53,201.53,0,0,0-32.59,2.65q-7.75-6.92-16-13.16A216.51,216.51,0,0,1,232,160ZM128,133.24V104h32v17.94a262.48,262.48,0,0,0-31.93,11.33ZM88,84l56-42,56,42v29.93q-12.12,1.45-24,4V96a8,8,0,0,0-8-8H120a8,8,0,0,0-8,8v31q-11.79-4.15-24-7.18Zm48.83,136.43a8,8,0,0,1-11.09,2.23A183.15,183.15,0,0,0,24,192a8,8,0,0,1,0-16,199.11,199.11,0,0,1,110.6,33.34A8,8,0,0,1,136.83,220.43Zm49.54-10.14a8,8,0,1,1-11.2,11.42A214.81,214.81,0,0,0,24,160a8,8,0,0,1,0-16A230.69,230.69,0,0,1,186.37,210.29Z"
      />
    </svg>
  );
}
With react-icons
import { PiFarmDuotone } from "react-icons/pi";

export function Example() {
  return <PiFarmDuotone className="size-5" />;
}
farm-duotone.svg
<svg
  viewBox="0 0 256 256"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M223.85,216H24V120a257,257,0,0,1,56.2,6.21l-.2-.07V80l64-48,64,48v41.11a254.67,254.67,0,0,0-40,7V96H120v42.61l0,0,0,0A256.79,256.79,0,0,1,223.85,216Z"
    opacity="0.2"
  />
  <path
    d="M232,160a8,8,0,0,0,0-16,232.2,232.2,0,0,0-65.8,9.47q-9-5.78-18.46-10.78A246.3,246.3,0,0,1,232,128a8,8,0,0,0,0-16c-5.36,0-10.69.18-16,.49V80a8,8,0,0,0-3.2-6.4l-64-48a8,8,0,0,0-9.6,0l-64,48A8,8,0,0,0,72,80v36.37A266.33,266.33,0,0,0,24,112a8,8,0,0,0,0,16,247,247,0,0,1,193.61,93,8,8,0,1,0,12.48-10q-7.59-9.5-15.94-18.14c5.92-.57,11.89-.86,17.85-.86a8,8,0,0,0,0-16,201.53,201.53,0,0,0-32.59,2.65q-7.75-6.92-16-13.16A216.51,216.51,0,0,1,232,160ZM128,133.24V104h32v17.94a262.48,262.48,0,0,0-31.93,11.33ZM88,84l56-42,56,42v29.93q-12.12,1.45-24,4V96a8,8,0,0,0-8-8H120a8,8,0,0,0-8,8v31q-11.79-4.15-24-7.18Zm48.83,136.43a8,8,0,0,1-11.09,2.23A183.15,183.15,0,0,0,24,192a8,8,0,0,1,0-16,199.11,199.11,0,0,1,110.6,33.34A8,8,0,0,1,136.83,220.43Zm49.54-10.14a8,8,0,1,1-11.2,11.42A214.81,214.81,0,0,0,24,160a8,8,0,0,1,0-16A230.69,230.69,0,0,1,186.37,210.29Z"
  />
</svg>
Attribution
"Farm Duotone" icon from Phosphor Icons (https://github.com/phosphor-icons/core), licensed under MIT license.

Related icons: