plant icon
plant-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- plant-light
- Set
- Phosphor
- Style
- Light
- 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="M245.63 48a6 6 0 0 0-5.63-5.63c-51-3-91.88 12.42-109.35 41.26c-11.63 19.21-11.38 42.68.53 65a69.4 69.4 0 0 0-15.48 30.59l-19.8-19.81c8.15-16.1 8.1-32.95-.32-46.85C82.77 91.41 53 80.07 15.9 82.27a6 6 0 0 0-5.63 5.64c-2.18 37.09 9.14 66.86 30.29 79.67A43.75 43.75 0 0 0 63.44 174a53.2 53.2 0 0 0 24-6L114 194.48V224a6 6 0 0 0 12 0v-29.49A57.55 57.55 0 0 1 139.76 157c11.21 5.93 22.72 8.91 33.82 8.91a58.9 58.9 0 0 0 30.79-8.57C233.21 139.89 248.63 99 245.63 48M46.78 157.31C30.47 147.44 21.39 124 22 94c30-.65 53.41 8.44 63.28 24.75c5.68 9.37 6.16 20.38 1.54 31.59l-26.58-26.59a6 6 0 0 0-8.49 8.49l26.62 26.61c-11.21 4.62-22.22 4.15-31.59-1.54m151.38-10.22c-14.74 8.92-32.14 9.18-49.67.9l55.76-55.75a6 6 0 0 0-8.49-8.49L140 139.51c-8.28-17.53-8-34.93.9-49.66c14.52-24 49.06-37.18 93-35.75c1.43 43.9-11.76 78.46-35.74 92.99"/></svg>
React
import type { SVGProps } from "react";
export function PhPlantLight(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="M245.63 48a6 6 0 0 0-5.63-5.63c-51-3-91.88 12.42-109.35 41.26c-11.63 19.21-11.38 42.68.53 65a69.4 69.4 0 0 0-15.48 30.59l-19.8-19.81c8.15-16.1 8.1-32.95-.32-46.85C82.77 91.41 53 80.07 15.9 82.27a6 6 0 0 0-5.63 5.64c-2.18 37.09 9.14 66.86 30.29 79.67A43.75 43.75 0 0 0 63.44 174a53.2 53.2 0 0 0 24-6L114 194.48V224a6 6 0 0 0 12 0v-29.49A57.55 57.55 0 0 1 139.76 157c11.21 5.93 22.72 8.91 33.82 8.91a58.9 58.9 0 0 0 30.79-8.57C233.21 139.89 248.63 99 245.63 48M46.78 157.31C30.47 147.44 21.39 124 22 94c30-.65 53.41 8.44 63.28 24.75c5.68 9.37 6.16 20.38 1.54 31.59l-26.58-26.59a6 6 0 0 0-8.49 8.49l26.62 26.61c-11.21 4.62-22.22 4.15-31.59-1.54m151.38-10.22c-14.74 8.92-32.14 9.18-49.67.9l55.76-55.75a6 6 0 0 0-8.49-8.49L140 139.51c-8.28-17.53-8-34.93.9-49.66c14.52-24 49.06-37.18 93-35.75c1.43 43.9-11.76 78.46-35.74 92.99"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.63 48a6 6 0 0 0-5.63-5.63c-51-3-91.88 12.42-109.35 41.26c-11.63 19.21-11.38 42.68.53 65a69.4 69.4 0 0 0-15.48 30.59l-19.8-19.81c8.15-16.1 8.1-32.95-.32-46.85C82.77 91.41 53 80.07 15.9 82.27a6 6 0 0 0-5.63 5.64c-2.18 37.09 9.14 66.86 30.29 79.67A43.75 43.75 0 0 0 63.44 174a53.2 53.2 0 0 0 24-6L114 194.48V224a6 6 0 0 0 12 0v-29.49A57.55 57.55 0 0 1 139.76 157c11.21 5.93 22.72 8.91 33.82 8.91a58.9 58.9 0 0 0 30.79-8.57C233.21 139.89 248.63 99 245.63 48M46.78 157.31C30.47 147.44 21.39 124 22 94c30-.65 53.41 8.44 63.28 24.75c5.68 9.37 6.16 20.38 1.54 31.59l-26.58-26.59a6 6 0 0 0-8.49 8.49l26.62 26.61c-11.21 4.62-22.22 4.15-31.59-1.54m151.38-10.22c-14.74 8.92-32.14 9.18-49.67.9l55.76-55.75a6 6 0 0 0-8.49-8.49L140 139.51c-8.28-17.53-8-34.93.9-49.66c14.52-24 49.06-37.18 93-35.75c1.43 43.9-11.76 78.46-35.74 92.99"/></svg> </template>
CSS
.icon-plant-light {
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%22M245.63%2048a6%206%200%200%200-5.63-5.63c-51-3-91.88%2012.42-109.35%2041.26c-11.63%2019.21-11.38%2042.68.53%2065a69.4%2069.4%200%200%200-15.48%2030.59l-19.8-19.81c8.15-16.1%208.1-32.95-.32-46.85C82.77%2091.41%2053%2080.07%2015.9%2082.27a6%206%200%200%200-5.63%205.64c-2.18%2037.09%209.14%2066.86%2030.29%2079.67A43.75%2043.75%200%200%200%2063.44%20174a53.2%2053.2%200%200%200%2024-6L114%20194.48V224a6%206%200%200%200%2012%200v-29.49A57.55%2057.55%200%200%201%20139.76%20157c11.21%205.93%2022.72%208.91%2033.82%208.91a58.9%2058.9%200%200%200%2030.79-8.57C233.21%20139.89%20248.63%2099%20245.63%2048M46.78%20157.31C30.47%20147.44%2021.39%20124%2022%2094c30-.65%2053.41%208.44%2063.28%2024.75c5.68%209.37%206.16%2020.38%201.54%2031.59l-26.58-26.59a6%206%200%200%200-8.49%208.49l26.62%2026.61c-11.21%204.62-22.22%204.15-31.59-1.54m151.38-10.22c-14.74%208.92-32.14%209.18-49.67.9l55.76-55.75a6%206%200%200%200-8.49-8.49L140%20139.51c-8.28-17.53-8-34.93.9-49.66c14.52-24%2049.06-37.18%2093-35.75c1.43%2043.9-11.76%2078.46-35.74%2092.99%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%22M245.63%2048a6%206%200%200%200-5.63-5.63c-51-3-91.88%2012.42-109.35%2041.26c-11.63%2019.21-11.38%2042.68.53%2065a69.4%2069.4%200%200%200-15.48%2030.59l-19.8-19.81c8.15-16.1%208.1-32.95-.32-46.85C82.77%2091.41%2053%2080.07%2015.9%2082.27a6%206%200%200%200-5.63%205.64c-2.18%2037.09%209.14%2066.86%2030.29%2079.67A43.75%2043.75%200%200%200%2063.44%20174a53.2%2053.2%200%200%200%2024-6L114%20194.48V224a6%206%200%200%200%2012%200v-29.49A57.55%2057.55%200%200%201%20139.76%20157c11.21%205.93%2022.72%208.91%2033.82%208.91a58.9%2058.9%200%200%200%2030.79-8.57C233.21%20139.89%20248.63%2099%20245.63%2048M46.78%20157.31C30.47%20147.44%2021.39%20124%2022%2094c30-.65%2053.41%208.44%2063.28%2024.75c5.68%209.37%206.16%2020.38%201.54%2031.59l-26.58-26.59a6%206%200%200%200-8.49%208.49l26.62%2026.61c-11.21%204.62-22.22%204.15-31.59-1.54m151.38-10.22c-14.74%208.92-32.14%209.18-49.67.9l55.76-55.75a6%206%200%200%200-8.49-8.49L140%20139.51c-8.28-17.53-8-34.93.9-49.66c14.52-24%2049.06-37.18%2093-35.75c1.43%2043.9-11.76%2078.46-35.74%2092.99%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/plant-light.svg?color=%231a73e8&size=48
