SVG Isometric Grid (Branch 7099) (Copy 7167)
✨ JESSADA YAIYANGYUEN
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1em; text-align:center; font-family:sans-serif; } svg{ background:#BDBDBD; box-shadow:0 0 20px #0002; width:100%; } </style> </head> <body> <svg viewBox="0 0 420 420"> <!--road--> <path d="M130,-30 l300,137.5 h-70 l-220,-100" stroke-width="1" stroke="none" fill="#778899"></path> <path d="M-10,30 l140,-70 v30 l-130,65" stroke-width="1" fill="#778899"></path> <path d="M0,100 l240,120 h-90 l-155,-77.5" stroke-width="1" stroke="none" fill="#778899"></path> <path d="M0,60 v10, l200,-100 v-10z" stroke-width="1" fill="#CD6839"></path> <path d="M0,70 v2.5, l200,-100 v-2.5z" stroke-width="1" fill="#EE7942"></path> <!--sign--> <path d="M185,151 l-5,2.5 v-12.5 l5,-2.5 v12.5z" stroke-width="1" fill="lightgrey"></path> <path d="M140,133.5 l40,20 v-12.5 l-40,-20 v12.5z" fill="#778899"></path> <path d="M140,121 l5,-2.5 l40,20 l-5,2.5z l40,20" stroke-width="1" fill="#C1CDCD"></path> <!--building-left--> <path d="M55,107.5 v-45 l30,15 v45 l-30,-15z" stroke-width="1"fill="#C1CDCD"></path> <path d="M85,77.5 v50 l5,2.5 v-50z" stroke-width="1"fill="#C1CDCD"></path> <path d="M55,55 v10 l35,17.5 v-10 l-35,-17.5z" stroke-width="1" fill="#C1CDCD"></path> <path d="M95,125 l20,-10 v-20 l15,-7.5 l5,2.5 v15 l20,-10 v-50 l-45,22.5 v5 l-15,7.5z" stroke-width="1" fill="#E0EEEE"></path> <path d="M90,130 l5,-2.5 v-50 l-5,2.5z" stroke-width="1" fill="#E0EEEE"></path> <path d="M90,72.5 l20,-10 v10 l-20,10z" stroke-width="1" fill="#E0EEEE"></path> <path d="M55,55 l15,-7.5 v5 l20,10 l10,-5 l10,5 l-20,10 l-35,-17.5z" stroke-width="1" fill="#F0FFFF"></path> <path d="M70,32.5 v20, l20,10 v-20 l-20,-10z" stroke-width="1" fill="#104E8B"></path> <path d="M70,32.5 l45,-22.5 l20,10 l-45,22.5 l-20,-10z" stroke-width="1" fill="#104E8B"></path> <path d="M110,67.5 v-5 l-5,-2.5 l40,-20 l10,5 l-40,20z" stroke-width="1" fill="#F0FFFF"></path> <path d="M90,42.5 v20 l10,-5 l5,2.5 l30,-15 v-25 l-45,22.5z" stroke-width="1" fill="#104E8B"></path> <!--top--> <path d="M115,-5 v15 l20,10 v-15 l-20,-10 z" stroke-width="1" fill="#C1CDCD"></path> <path d="M115,-5 l20,-10 l20,10 l-20,10 l-20,-10z" stroke-width="1" fill="#F0FFFF"></path> <path d="M155,-5 v15 l-10,5 v25 l-10,5 v-40 l20,-10z" stroke-width="1" fill="#E0EEEE"></path> <!--building-right--> <path d="M145,15 l60,30 l30,-15 l-60,-30 l-30,15 z" stroke-width="1" fill="#F0FFFF"></path> <path d="M205,45 v75 l30,-15 v-75 l-30,15z" stroke-width="1" fill="#E0EEEE"></path> <path d="M205,45 v75 l-50,-25 v-50 l-10,-5 v-25 l60,30z" stroke-width="1" fill="#C1CDCD"></path> <!--door--> <path d="M120,117.5 v-20 l15,-7.5 v20 l-5,2.5 v-15 l-5,2.5 v15 l-5,2.5" stroke-width=".5" fill= #E0EEEE> </path> <path d="M120,117.5 l-5,-2.5 v-20 l5,2.5 v20z" stroke-width=".5" fill= #C1CDCD> </path> <path d="M120,97.5 l15,-7.5 l-5,-2.5 l-15,7.5 l5,2.5z" stroke-width=".5" fill= #F0FFFF> </path> <path d="M130 ,112.5 l-5,-2.5 v-10 l5,-2.5 v15" stroke-width="1" fill= black> </path> <!--text--> <text x=146 y=131 transform-origin="152.5 115" transform="rotate(26, 0, 0)" font-size="4"fill="gold">คณะเทคโนโลยีสารสนเทศ</text> <text x=148.5 y=135 transform-origin="152.5 115" transform="rotate(26, 0, 0)" font-size="2.3" fill="gold">FACULTY OF INFORMATION TECHOLOGY</text> <!--window--> <path d="M185,47.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M175,42.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M165,37.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M185,67.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M175,62.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M165,57.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M155,52.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M155,32.5 v10 l10,5 v-10 l-10,-5z " stroke-width=".5" fill="#104E8B"></path> <path d="M105,77.5 v10 l10,-5 v-10 l-10,5" stroke-width=".5" fill="#3333CC"></path> <path d="M115,72.5 v10 l10,-5 v-10 l-10,5" stroke-width=".5" fill="#3333CC"></path> <path d="M125,67.5 v10 l10,-5 v-10 l-10,5" stroke-width=".5" fill="#3333CC"></path> <path d="M135,62.5 v10 l10,-5 v-10 l-10,5" stroke-width=".5" fill="#3333CC"></path> <path d="M145,57.5 v10 l10,-5 v-10 l-10,5" stroke-width=".5" fill="#3333CC"></path> </svg> </body> </html>