ต้นไม้
✨ TANAKIT SUPARP
<html> <head> <style> body{ margin: 1rem; margin-top: 1.5rem; background: rgb(114, 114, 114); } svg{ background:hsl(135, 33%, 30%); width:100%; } </style> </head> <body> <svg viewBox="0 0 200 90"> <!--ต้นไม้--> <g transform="scale(1) translate(5 10)"> <!--โคนต้น--> <g> <rect width="7" height="20" x="90" y="59.2" fill="#5A3A22"/> <rect width="7" height="20" x="90" y="59.2" fill="url(#tree)"/> <path d="M90,79 c0,0 3.5,2 7,0"fill="#5A3A22" /> </g> <!--ใบ1--> <g transform="translate(-1.5 15)"> <path d="M78,30 l-4,15.2 h36,6 l-4,-15" fill="#2E6123"/> <polygon points="74,45 73.05,48 80,45"fill="#2E6123"/> <polygon points="80,45 79,49 86,45"fill="#2E6123"/> <polygon points="86,45 86,50 92,45"fill="#2E6123"/> <polygon points="92,45 95,51 98,45"fill="#2E6123"/> <polygon points="98,45 103,50 104,45"fill="#2E6123"/> <polygon points="104,45 109,49 110,45"fill="#2E6123"/> <polygon points="110,45 116.85,48 116,45"fill="#2E6123"/> </g> <!--ใบ2--> <g transform="scale(0.9) translate(9 4)"> <path d="M78,32 l-3,14.2 h34,6 l-3,-14" fill="#3B7D2C"/> <polygon points="75.5,43.5 73.95,50 83,45"fill="#3B7D2C"/> <polygon points="80.5,45 82,52 93,45"fill="#3B7D2C"/> <polygon points="88.5,45 95,54 102,45"fill="#3B7D2C"/> <polygon points="97,45 108,52 109.5,45"fill="#3B7D2C"/> <polygon points="107,45 115.85,50 114.65,45"fill="#3B7D2C"/> </g> <!--ใบ3--> <g transform="scale(0.8) translate(19.5 -6.25)"> <polygon points="98.2,-1 76.5,46.2 117.5,46.2" fill="#499836" /> <polygon points="76.54,46 72.25,56 90,46"fill="#499836"/> <polygon points="88,46 97,60 107,46"fill="#499836"/> <polygon points="103,46 122,56 117.5,46"fill="#499836"/> </g> </g> </svg> </body> </html>