plant icon
plant-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- plant-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the plant icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M255.62 51.65a12 12 0 0 0-11.27-11.27c-53.27-3.13-96.2 13.36-114.84 44.14c-12.14 20-12.56 44.17-1.46 67.3a75.1 75.1 0 0 0-12.28 23l-12.66-12.66c7.19-16.77 6.43-34.11-2.4-48.69C86.73 90.36 54.89 78 15.55 80.27A12 12 0 0 0 4.28 91.55C2 130.89 14.36 162.73 37.45 176.71a49.76 49.76 0 0 0 26 7.27a57.5 57.5 0 0 0 22.7-4.87L112 205v23a12 12 0 0 0 24 0v-29.49a51.63 51.63 0 0 1 9.49-29.95a76.8 76.8 0 0 0 32.1 7.39a64.9 64.9 0 0 0 33.89-9.46c30.77-18.64 47.28-61.57 44.14-114.84M49.88 156.18c-13.19-8-21.18-27.46-21.83-52.13c24.67.65 44.14 8.64 52.13 21.83a26 26 0 0 1 3.63 17l-11.33-11.37a12 12 0 0 0-17 17l11.34 11.34a26.27 26.27 0 0 1-16.94-3.67M199.05 146c-10.66 6.45-23 7.67-35.81 3.76l37.25-37.24a12 12 0 0 0-17-17l-37.25 37.24C142.37 120 143.59 107.61 150 97c12.7-21 42.65-33 81.32-33h.68c.14 39-11.86 69.18-32.95 82"/></svg>
React
import type { SVGProps } from "react";
export function PhPlantBold(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="M255.62 51.65a12 12 0 0 0-11.27-11.27c-53.27-3.13-96.2 13.36-114.84 44.14c-12.14 20-12.56 44.17-1.46 67.3a75.1 75.1 0 0 0-12.28 23l-12.66-12.66c7.19-16.77 6.43-34.11-2.4-48.69C86.73 90.36 54.89 78 15.55 80.27A12 12 0 0 0 4.28 91.55C2 130.89 14.36 162.73 37.45 176.71a49.76 49.76 0 0 0 26 7.27a57.5 57.5 0 0 0 22.7-4.87L112 205v23a12 12 0 0 0 24 0v-29.49a51.63 51.63 0 0 1 9.49-29.95a76.8 76.8 0 0 0 32.1 7.39a64.9 64.9 0 0 0 33.89-9.46c30.77-18.64 47.28-61.57 44.14-114.84M49.88 156.18c-13.19-8-21.18-27.46-21.83-52.13c24.67.65 44.14 8.64 52.13 21.83a26 26 0 0 1 3.63 17l-11.33-11.37a12 12 0 0 0-17 17l11.34 11.34a26.27 26.27 0 0 1-16.94-3.67M199.05 146c-10.66 6.45-23 7.67-35.81 3.76l37.25-37.24a12 12 0 0 0-17-17l-37.25 37.24C142.37 120 143.59 107.61 150 97c12.7-21 42.65-33 81.32-33h.68c.14 39-11.86 69.18-32.95 82"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M255.62 51.65a12 12 0 0 0-11.27-11.27c-53.27-3.13-96.2 13.36-114.84 44.14c-12.14 20-12.56 44.17-1.46 67.3a75.1 75.1 0 0 0-12.28 23l-12.66-12.66c7.19-16.77 6.43-34.11-2.4-48.69C86.73 90.36 54.89 78 15.55 80.27A12 12 0 0 0 4.28 91.55C2 130.89 14.36 162.73 37.45 176.71a49.76 49.76 0 0 0 26 7.27a57.5 57.5 0 0 0 22.7-4.87L112 205v23a12 12 0 0 0 24 0v-29.49a51.63 51.63 0 0 1 9.49-29.95a76.8 76.8 0 0 0 32.1 7.39a64.9 64.9 0 0 0 33.89-9.46c30.77-18.64 47.28-61.57 44.14-114.84M49.88 156.18c-13.19-8-21.18-27.46-21.83-52.13c24.67.65 44.14 8.64 52.13 21.83a26 26 0 0 1 3.63 17l-11.33-11.37a12 12 0 0 0-17 17l11.34 11.34a26.27 26.27 0 0 1-16.94-3.67M199.05 146c-10.66 6.45-23 7.67-35.81 3.76l37.25-37.24a12 12 0 0 0-17-17l-37.25 37.24C142.37 120 143.59 107.61 150 97c12.7-21 42.65-33 81.32-33h.68c.14 39-11.86 69.18-32.95 82"/></svg> </template>
CSS
.icon-plant-bold {
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%22M255.62%2051.65a12%2012%200%200%200-11.27-11.27c-53.27-3.13-96.2%2013.36-114.84%2044.14c-12.14%2020-12.56%2044.17-1.46%2067.3a75.1%2075.1%200%200%200-12.28%2023l-12.66-12.66c7.19-16.77%206.43-34.11-2.4-48.69C86.73%2090.36%2054.89%2078%2015.55%2080.27A12%2012%200%200%200%204.28%2091.55C2%20130.89%2014.36%20162.73%2037.45%20176.71a49.76%2049.76%200%200%200%2026%207.27a57.5%2057.5%200%200%200%2022.7-4.87L112%20205v23a12%2012%200%200%200%2024%200v-29.49a51.63%2051.63%200%200%201%209.49-29.95a76.8%2076.8%200%200%200%2032.1%207.39a64.9%2064.9%200%200%200%2033.89-9.46c30.77-18.64%2047.28-61.57%2044.14-114.84M49.88%20156.18c-13.19-8-21.18-27.46-21.83-52.13c24.67.65%2044.14%208.64%2052.13%2021.83a26%2026%200%200%201%203.63%2017l-11.33-11.37a12%2012%200%200%200-17%2017l11.34%2011.34a26.27%2026.27%200%200%201-16.94-3.67M199.05%20146c-10.66%206.45-23%207.67-35.81%203.76l37.25-37.24a12%2012%200%200%200-17-17l-37.25%2037.24C142.37%20120%20143.59%20107.61%20150%2097c12.7-21%2042.65-33%2081.32-33h.68c.14%2039-11.86%2069.18-32.95%2082%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%22M255.62%2051.65a12%2012%200%200%200-11.27-11.27c-53.27-3.13-96.2%2013.36-114.84%2044.14c-12.14%2020-12.56%2044.17-1.46%2067.3a75.1%2075.1%200%200%200-12.28%2023l-12.66-12.66c7.19-16.77%206.43-34.11-2.4-48.69C86.73%2090.36%2054.89%2078%2015.55%2080.27A12%2012%200%200%200%204.28%2091.55C2%20130.89%2014.36%20162.73%2037.45%20176.71a49.76%2049.76%200%200%200%2026%207.27a57.5%2057.5%200%200%200%2022.7-4.87L112%20205v23a12%2012%200%200%200%2024%200v-29.49a51.63%2051.63%200%200%201%209.49-29.95a76.8%2076.8%200%200%200%2032.1%207.39a64.9%2064.9%200%200%200%2033.89-9.46c30.77-18.64%2047.28-61.57%2044.14-114.84M49.88%20156.18c-13.19-8-21.18-27.46-21.83-52.13c24.67.65%2044.14%208.64%2052.13%2021.83a26%2026%200%200%201%203.63%2017l-11.33-11.37a12%2012%200%200%200-17%2017l11.34%2011.34a26.27%2026.27%200%200%201-16.94-3.67M199.05%20146c-10.66%206.45-23%207.67-35.81%203.76l37.25-37.24a12%2012%200%200%200-17-17l-37.25%2037.24C142.37%20120%20143.59%20107.61%20150%2097c12.7-21%2042.65-33%2081.32-33h.68c.14%2039-11.86%2069.18-32.95%2082%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/plant-bold.svg?color=%231a73e8&size=48