SVG 2 ก้องภพ 64070004 – CODEBOX

SVG 2 ก้องภพ 64070004

✨ KONGPOB ONTONG

<html>
<head>
    <title>SVG
    </title>
    <style>
        body {
            background: #666;
            margin: 0em;
            margin-top: 2em;
            font-family: sans-serif;
        }

svg {
            background: #CD5C5C;
            width: 90vmin;
            height: 90vmin;
            display: block;
            margin: auto;
            box-shadow: 0px 0px 10px #0006;
        }
    </style>
</head>

<body>
    <svg viewBox="0 0 100 100">
        <g>
            
            <animateTransform 
            attributeType="xml" 
            attributeName="transform" 
            type="scale"
            dur='10s'
            values="1;1.1;1;1.1;1"
            repeatCount="indefinite"
            additive="sum"/>
            <g class="home-structure">
                <path d="M 11.823 30.162 L 14.58 31.791 L 14.679 58.183 L 11.824 59.852 L 11.822 30.157" fill="#FF3300"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 51.767 79.5 L 14.662 58.178 L 14.662 58.178 L 11.824 59.852 L 51.793 82.816" fill="#FF3300"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 51.767 79.5 L 88.89 58.083 L 88.89 58.089 L 91.542 59.888 L 51.793 82.816" fill="#FF3300"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 88.921 31.648 L 88.89 58.083 L 88.89 58.089 L 91.542 59.888 L 91.712 30.029" fill="#FF3300"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 51.776 7.085 L 51.759 10.397 L 51.759 10.397 L 88.932 31.711 L 91.688 30.048" fill="#FF6600"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 14.655 31.802 L 11.83 30.142 L 51.776 7.106 L 51.769 7.092 L 51.767 10.394" fill="#FF6600"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path
                    d=" M 14.655 31.802 L 14.68 56.473 L 51.671 35.406 L 51.671 35.406 L 51.767 10.394 L 14.655 31.802"
                    fill="#E6E6FA" stroke-linecap="round" stroke-linejo3n="round" />

<path
                    d=" M 88.875 58.075 L 88.875 58.075 L 51.671 35.406 L 51.671 35.406 L 51.767 10.394 L 88.901 31.68"
                    fill="#E6E6FA" stroke-linecap="round" stroke-linejo3n="round" />

<path
                    d=" M 88.875 58.075 L 88.875 58.075 L 51.671 35.406 L 51.671 35.406 L 14.652 56.132 L 14.662 58.17 L 51.773 79.493"
                    fill="#FFEBCD" stroke-linecap="round" stroke-linejo3n="round" />
            </g>

<g>
                <g class="glass">
                    <path d="M 26.095 41.695 L 26.008 31.888 L 25.284 32.308 L 25.27 41.246 L 25.267 41.244"
                        fill="#FF6600" stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 26.095 41.695 L 20.386 44.989 L 20.376 44.05 L 25.27 41.246 L 25.267 41.244"
                        fill="#FF3300" stroke-linecap="round" stroke-linejo3n="round" />

<path d=" M 25.291 32.271 L 20.32 35.055 L 20.376 44.05 L 25.27 41.246 L 25.267 41.244"
                        fill="rgb(68, 63, 63)" stroke-linecap="round" stroke-linejo3n="round" />
                </g>

<g class="glass">
                    <path d="M 40.349 23.586 L 39.521 24.081 L 39.517 32.973 L 40.357 33.459 L 40.357 33.459"
                        fill="#FF6600" stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 34.659 36.761 L 34.641 35.805 L 39.517 32.973 L 40.357 33.459 L 40.357 33.459"
                        fill="#FF3300" stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 34.641 26.855 L 34.641 35.805 L 39.517 32.973 L 39.516 32.973 L 39.515 24.112"
                        fill="rgb(68, 63, 63)" stroke-linecap="round" stroke-linejo3n="round" />
                </g>
            </g>

<g class="bed">
                <path d="M 71 46 L 54 56 L 40 48 L 40 44 L 40 44 L 57 31 L 57 27 L 71 35" fill="black"
                    stroke-linecap="round" stroke-linejo3n="round" />
                <path
                    d="M 70.99 42.528 L 54.327 52.139 L 54.327 52.139 L 40.492 44.163 L 40.482 44.199 L 40.429 40.479 L 57.16 30.807 L 71.022 38.717"
                    fill="#FF3300" stroke-linecap="round" stroke-linejo3n="round" />
            </g>
<path d="M 85 60 L 68 70 L 54 62 L 54 58 L 54 58 L 71 45 L 71 40 L 85 48" fill="black"
                    stroke-linecap="round" stroke-linejo3n="round" />
                <path
                    d="M 84.99 56.528 L 68.327 66.139 L 68.327 66.139 L 54.492 58.163 L 54.482 58.199 L 54.429 54.479 L 71.16 44.807 L 85.022 52.717"
                    fill="#FF0099" stroke-linecap="round" stroke-linejo3n="round" />
          
            <g class="furniture">
                <path d="M 21.723 62.233 L 19.027 60.709 L 19.016 52.57 L 21.706 54.131" fill="#000000"
                    stroke-linecap="round" stroke-linejo3n="round" />
                <path d="M 21.745 54.201 L 18.859 52.498 L 21.717 50.636 L 24.603 52.426" fill="#000000"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 21.688 54.143 L 21.615 62.427 L 24.632 60.652 L 24.646 52.411" fill="#000000"
                    stroke-linecap="round" stroke-linejo3n="round" />

<path d="M 30.024 53.908 L 26.068 56.218 L 26.054 64.664 L 40.34 72.91 L 44.271 70.774 L 44.253 62.179"
                    fill="#000000" stroke-linecap="round" stroke-linejo3n="round" />

<path
                    d=" M 52.131 65.254 L 52.136 65.254 L 52.259 76.142 L 48.977 77.902 L 45.032 75.624 L 45.105 65.386 L 48.571 62.723"
                    fill="#000000" stroke-linecap="round" stroke-linejo3n="round" />
                              <path
                    d=" M 52.131 65.254 L 50.136 65.254 L 52.259 73.142 L 48.977 76.902 L 45.032 75.624 L 45.105 65.386 L 48.571 62.723"
                    fill="#000000" stroke-linecap="round" stroke-linejo3n="round" />
            </g>
        </g>
    </svg>
</body>
</html>