green house icon
green-house from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- green-house
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the green house icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.551 13.608c-1.52 1.633-7.34 4.403-5.523 7.42C7.68 22.11 9.56 22 10.86 22h2.278c3.415 0 5.122 0 6.29-.971c1.168-.972 1.418-2.6 1.919-5.857l.3-1.959c.354-2.297.53-3.445.096-4.464c-.434-1.018-1.398-1.715-3.325-3.108L16.979 4.6C14.582 2.867 13.383 2 12 2s-2.582.867-4.979 2.6l-1.44 1.041c-1.927 1.393-2.89 2.09-3.325 3.108c-.434 1.019-.258 2.167.095 4.464l.301 1.96c.356 2.316.586 3.809 1.109 4.827m8.42-1.874c2.367-.459 3.99-1.916 4.753-4.271c.864-2.667-.307-5.971-3.259-6.736c0 0 .91 1.085.322 2.037c-1.133 2.04-4.372 1.361-5.672 3.96c-.765 1.452-.533 3.169.569 4.24c.692.673 2.149.99 3.286.77"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsGreenHouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M12.551 13.608c-1.52 1.633-7.34 4.403-5.523 7.42C7.68 22.11 9.56 22 10.86 22h2.278c3.415 0 5.122 0 6.29-.971c1.168-.972 1.418-2.6 1.919-5.857l.3-1.959c.354-2.297.53-3.445.096-4.464c-.434-1.018-1.398-1.715-3.325-3.108L16.979 4.6C14.582 2.867 13.383 2 12 2s-2.582.867-4.979 2.6l-1.44 1.041c-1.927 1.393-2.89 2.09-3.325 3.108c-.434 1.019-.258 2.167.095 4.464l.301 1.96c.356 2.316.586 3.809 1.109 4.827m8.42-1.874c2.367-.459 3.99-1.916 4.753-4.271c.864-2.667-.307-5.971-3.259-6.736c0 0 .91 1.085.322 2.037c-1.133 2.04-4.372 1.361-5.672 3.96c-.765 1.452-.533 3.169.569 4.24c.692.673 2.149.99 3.286.77"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.551 13.608c-1.52 1.633-7.34 4.403-5.523 7.42C7.68 22.11 9.56 22 10.86 22h2.278c3.415 0 5.122 0 6.29-.971c1.168-.972 1.418-2.6 1.919-5.857l.3-1.959c.354-2.297.53-3.445.096-4.464c-.434-1.018-1.398-1.715-3.325-3.108L16.979 4.6C14.582 2.867 13.383 2 12 2s-2.582.867-4.979 2.6l-1.44 1.041c-1.927 1.393-2.89 2.09-3.325 3.108c-.434 1.019-.258 2.167.095 4.464l.301 1.96c.356 2.316.586 3.809 1.109 4.827m8.42-1.874c2.367-.459 3.99-1.916 4.753-4.271c.864-2.667-.307-5.971-3.259-6.736c0 0 .91 1.085.322 2.037c-1.133 2.04-4.372 1.361-5.672 3.96c-.765 1.452-.533 3.169.569 4.24c.692.673 2.149.99 3.286.77"/></svg> </template>
CSS
.icon-green-house {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.551%2013.608c-1.52%201.633-7.34%204.403-5.523%207.42C7.68%2022.11%209.56%2022%2010.86%2022h2.278c3.415%200%205.122%200%206.29-.971c1.168-.972%201.418-2.6%201.919-5.857l.3-1.959c.354-2.297.53-3.445.096-4.464c-.434-1.018-1.398-1.715-3.325-3.108L16.979%204.6C14.582%202.867%2013.383%202%2012%202s-2.582.867-4.979%202.6l-1.44%201.041c-1.927%201.393-2.89%202.09-3.325%203.108c-.434%201.019-.258%202.167.095%204.464l.301%201.96c.356%202.316.586%203.809%201.109%204.827m8.42-1.874c2.367-.459%203.99-1.916%204.753-4.271c.864-2.667-.307-5.971-3.259-6.736c0%200%20.91%201.085.322%202.037c-1.133%202.04-4.372%201.361-5.672%203.96c-.765%201.452-.533%203.169.569%204.24c.692.673%202.149.99%203.286.77%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.551%2013.608c-1.52%201.633-7.34%204.403-5.523%207.42C7.68%2022.11%209.56%2022%2010.86%2022h2.278c3.415%200%205.122%200%206.29-.971c1.168-.972%201.418-2.6%201.919-5.857l.3-1.959c.354-2.297.53-3.445.096-4.464c-.434-1.018-1.398-1.715-3.325-3.108L16.979%204.6C14.582%202.867%2013.383%202%2012%202s-2.582.867-4.979%202.6l-1.44%201.041c-1.927%201.393-2.89%202.09-3.325%203.108c-.434%201.019-.258%202.167.095%204.464l.301%201.96c.356%202.316.586%203.809%201.109%204.827m8.42-1.874c2.367-.459%203.99-1.916%204.753-4.271c.864-2.667-.307-5.971-3.259-6.736c0%200%20.91%201.085.322%202.037c-1.133%202.04-4.372%201.361-5.672%203.96c-.765%201.452-.533%203.169.569%204.24c.692.673%202.149.99%203.286.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/green-house.svg?color=%231a73e8&size=48
