potted plant icon

potted-plant-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: potted-plant-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

potted-plant potted-plant-bold potted-plant-duotone potted-plant-light potted-plant-thin

The same icon in other sets

potted-plantFluent Emoji potted-plantFluent Emoji Flat potted-plantFluent Emoji High Contrast potted-plantMaterial Symbols potted-plantMaterial Symbols Light potted-plantNoto Emoji potted-plantOpenMoji potted-plantTwitter Emoji

Use the potted plant icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 144h-76.7l22.41-22.41a59.55 59.55 0 0 0 26.1 6.36a49.56 49.56 0 0 0 25.89-7.22c23.72-14.36 36.43-47.6 34-88.92a8 8 0 0 0-7.52-7.52c-41.32-2.43-74.56 10.28-88.93 34c-9.35 15.45-9.59 34.11-.86 52L120 124.68l-12.21-12.21c6-13.25 5.57-27-1.39-38.48C95.53 56 70.61 46.41 39.73 48.22a8 8 0 0 0-7.51 7.51C30.4 86.6 40 111.52 58 122.4a38.2 38.2 0 0 0 20 5.6a45 45 0 0 0 18.52-4.19L108.69 136l-8 8H56a8 8 0 0 0 0 16h9.59l13.21 59.47A15.89 15.89 0 0 0 94.42 232h67.17a15.91 15.91 0 0 0 15.62-12.53L190.42 160H200a8 8 0 0 0 0-16"/></svg>

React

import type { SVGProps } from "react";

export function PhPottedPlantFill(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="M200 144h-76.7l22.41-22.41a59.55 59.55 0 0 0 26.1 6.36a49.56 49.56 0 0 0 25.89-7.22c23.72-14.36 36.43-47.6 34-88.92a8 8 0 0 0-7.52-7.52c-41.32-2.43-74.56 10.28-88.93 34c-9.35 15.45-9.59 34.11-.86 52L120 124.68l-12.21-12.21c6-13.25 5.57-27-1.39-38.48C95.53 56 70.61 46.41 39.73 48.22a8 8 0 0 0-7.51 7.51C30.4 86.6 40 111.52 58 122.4a38.2 38.2 0 0 0 20 5.6a45 45 0 0 0 18.52-4.19L108.69 136l-8 8H56a8 8 0 0 0 0 16h9.59l13.21 59.47A15.89 15.89 0 0 0 94.42 232h67.17a15.91 15.91 0 0 0 15.62-12.53L190.42 160H200a8 8 0 0 0 0-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 144h-76.7l22.41-22.41a59.55 59.55 0 0 0 26.1 6.36a49.56 49.56 0 0 0 25.89-7.22c23.72-14.36 36.43-47.6 34-88.92a8 8 0 0 0-7.52-7.52c-41.32-2.43-74.56 10.28-88.93 34c-9.35 15.45-9.59 34.11-.86 52L120 124.68l-12.21-12.21c6-13.25 5.57-27-1.39-38.48C95.53 56 70.61 46.41 39.73 48.22a8 8 0 0 0-7.51 7.51C30.4 86.6 40 111.52 58 122.4a38.2 38.2 0 0 0 20 5.6a45 45 0 0 0 18.52-4.19L108.69 136l-8 8H56a8 8 0 0 0 0 16h9.59l13.21 59.47A15.89 15.89 0 0 0 94.42 232h67.17a15.91 15.91 0 0 0 15.62-12.53L190.42 160H200a8 8 0 0 0 0-16"/></svg>
</template>

CSS

.icon-potted-plant-fill {
  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%22M200%20144h-76.7l22.41-22.41a59.55%2059.55%200%200%200%2026.1%206.36a49.56%2049.56%200%200%200%2025.89-7.22c23.72-14.36%2036.43-47.6%2034-88.92a8%208%200%200%200-7.52-7.52c-41.32-2.43-74.56%2010.28-88.93%2034c-9.35%2015.45-9.59%2034.11-.86%2052L120%20124.68l-12.21-12.21c6-13.25%205.57-27-1.39-38.48C95.53%2056%2070.61%2046.41%2039.73%2048.22a8%208%200%200%200-7.51%207.51C30.4%2086.6%2040%20111.52%2058%20122.4a38.2%2038.2%200%200%200%2020%205.6a45%2045%200%200%200%2018.52-4.19L108.69%20136l-8%208H56a8%208%200%200%200%200%2016h9.59l13.21%2059.47A15.89%2015.89%200%200%200%2094.42%20232h67.17a15.91%2015.91%200%200%200%2015.62-12.53L190.42%20160H200a8%208%200%200%200%200-16%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%22M200%20144h-76.7l22.41-22.41a59.55%2059.55%200%200%200%2026.1%206.36a49.56%2049.56%200%200%200%2025.89-7.22c23.72-14.36%2036.43-47.6%2034-88.92a8%208%200%200%200-7.52-7.52c-41.32-2.43-74.56%2010.28-88.93%2034c-9.35%2015.45-9.59%2034.11-.86%2052L120%20124.68l-12.21-12.21c6-13.25%205.57-27-1.39-38.48C95.53%2056%2070.61%2046.41%2039.73%2048.22a8%208%200%200%200-7.51%207.51C30.4%2086.6%2040%20111.52%2058%20122.4a38.2%2038.2%200%200%200%2020%205.6a45%2045%200%200%200%2018.52-4.19L108.69%20136l-8%208H56a8%208%200%200%200%200%2016h9.59l13.21%2059.47A15.89%2015.89%200%200%200%2094.42%20232h67.17a15.91%2015.91%200%200%200%2015.62-12.53L190.42%20160H200a8%208%200%200%200%200-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/potted-plant-fill.svg?color=%231a73e8&size=48