SVG
Viewer
Dark mode
Light mode
Hide sidebar
Pay
Isometric Action Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
2.57 KB
1.4 KB
-46%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Jo Szczepanska: https://joszczepanska.com/ --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .isometric_twee{fill:#F5DF89;} .isometric_vijf{fill:#F29227;} .isometric_zeven{fill:#FF7344;} .isometric_acht{fill:#F05A28;} .isometric_tien{fill:#7BD6C4;} .isometric_elf{fill:#72C0AB;} .isometric_twaalf{fill:#569080;} .st0{fill:#225B49;} .st1{fill:#F28103;} .st2{fill:#BE1E2D;} .st3{fill:#F8F7C5;} .st4{fill:#F29227;} .st5{fill:#AD9A74;} .st6{fill:none;} .st7{fill:#F2D76C;} .st8{fill:#72C0AB;} .st9{fill:#569080;} </style> <g> <line class="isometric_twaalf" x1="16.079" y1="23.249" x2="26" y2="17.532"/> <polygon class="isometric_twaalf" points="16.079,28 26,22.272 26,17.532 16.079,23.249 "/> <path class="isometric_zeven" d="M10.593,24.832l1.353-0.781v-3.18l9.852-5.758l2.009,1.156V5.616c0-0.332-0.234-0.466-0.524-0.299 L7.688,14.321c-0.289,0.167-0.524,0.571-0.524,0.903v10.987c0,0.332,0.234,0.466,0.524,0.299 C7.692,26.507,10.593,24.832,10.593,24.832z"/> <polygon class="isometric_vijf" points="21.872,10.835 15.238,14.664 15.238,12.261 21.872,8.431 "/> <path class="isometric_acht" d="M21.872,12.838c0,0.553-0.391,1.227-0.873,1.505c-0.408,0.236-0.873,0.079-0.873-0.498 c0-0.578,0.465-1.27,0.873-1.506C21.481,12.062,21.872,12.285,21.872,12.838z M11.398,21.183l-2.619,1.512v1.002l2.619-1.512 V21.183z M7.164,26.211c0,0.166,0.059,0.282,0.153,0.336c-0.095-0.054-1.114-0.531-1.21-0.619C6.04,25.866,6,25.763,6,25.625 V14.639c0-0.332,0.234-0.736,0.524-0.903l15.595-9.004c0.145-0.083,0.276-0.092,0.37-0.038c0.086,0.049,0.926,0.442,1.156,0.584 c-0.094-0.05-0.221-0.042-0.362,0.039L7.688,14.321c-0.289,0.167-0.524,0.571-0.524,0.903V26.211z"/> <path class="isometric_tien" d="M20.49,14.427c-0.145,0.207-0.315,0.392-0.509,0.504c-0.482,0.278-0.873,0.055-0.873-0.498 s0.391-1.227,0.873-1.505c0.194-0.112,0.364-0.123,0.509-0.084C20.13,13.357,19.897,14.267,20.49,14.427z M11.946,20.872v3.18 l-1.353,0.781L16.079,28v-4.751C16.029,23.22,11.946,20.872,11.946,20.872z"/> <path class="isometric_twee" d="M11.572,16.781l-2.444,1.411c-0.193,0.111-0.349,0.022-0.349-0.199V16.39 c0-0.221,0.156-0.491,0.349-0.602l2.444-1.411c0.193-0.111,0.349-0.022,0.349,0.199v1.603C11.921,16.4,11.765,16.67,11.572,16.781z "/> <polygon class="isometric_elf" points="21.798,15.114 11.946,20.872 16.079,23.249 26,17.532 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
2.57 KB
1.4 KB
-46%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Jo Szczepanska: https://joszczepanska.com/ --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .isometric_twee{fill:#F5DF89;} .isometric_vijf{fill:#F29227;} .isometric_zeven{fill:#FF7344;} .isometric_acht{fill:#F05A28;} .isometric_tien{fill:#7BD6C4;} .isometric_elf{fill:#72C0AB;} .isometric_twaalf{fill:#569080;} .st0{fill:#225B49;} .st1{fill:#F28103;} .st2{fill:#BE1E2D;} .st3{fill:#F8F7C5;} .st4{fill:#F29227;} .st5{fill:#AD9A74;} .st6{fill:none;} .st7{fill:#F2D76C;} .st8{fill:#72C0AB;} .st9{fill:#569080;} </style> <g> <line class="isometric_twaalf" x1="16.079" y1="23.249" x2="26" y2="17.532"/> <polygon class="isometric_twaalf" points="16.079,28 26,22.272 26,17.532 16.079,23.249 "/> <path class="isometric_zeven" d="M10.593,24.832l1.353-0.781v-3.18l9.852-5.758l2.009,1.156V5.616c0-0.332-0.234-0.466-0.524-0.299 L7.688,14.321c-0.289,0.167-0.524,0.571-0.524,0.903v10.987c0,0.332,0.234,0.466,0.524,0.299 C7.692,26.507,10.593,24.832,10.593,24.832z"/> <polygon class="isometric_vijf" points="21.872,10.835 15.238,14.664 15.238,12.261 21.872,8.431 "/> <path class="isometric_acht" d="M21.872,12.838c0,0.553-0.391,1.227-0.873,1.505c-0.408,0.236-0.873,0.079-0.873-0.498 c0-0.578,0.465-1.27,0.873-1.506C21.481,12.062,21.872,12.285,21.872,12.838z M11.398,21.183l-2.619,1.512v1.002l2.619-1.512 V21.183z M7.164,26.211c0,0.166,0.059,0.282,0.153,0.336c-0.095-0.054-1.114-0.531-1.21-0.619C6.04,25.866,6,25.763,6,25.625 V14.639c0-0.332,0.234-0.736,0.524-0.903l15.595-9.004c0.145-0.083,0.276-0.092,0.37-0.038c0.086,0.049,0.926,0.442,1.156,0.584 c-0.094-0.05-0.221-0.042-0.362,0.039L7.688,14.321c-0.289,0.167-0.524,0.571-0.524,0.903V26.211z"/> <path class="isometric_tien" d="M20.49,14.427c-0.145,0.207-0.315,0.392-0.509,0.504c-0.482,0.278-0.873,0.055-0.873-0.498 s0.391-1.227,0.873-1.505c0.194-0.112,0.364-0.123,0.509-0.084C20.13,13.357,19.897,14.267,20.49,14.427z M11.946,20.872v3.18 l-1.353,0.781L16.079,28v-4.751C16.029,23.22,11.946,20.872,11.946,20.872z"/> <path class="isometric_twee" d="M11.572,16.781l-2.444,1.411c-0.193,0.111-0.349,0.022-0.349-0.199V16.39 c0-0.221,0.156-0.491,0.349-0.602l2.444-1.411c0.193-0.111,0.349-0.022,0.349,0.199v1.603C11.921,16.4,11.765,16.67,11.572,16.781z "/> <polygon class="isometric_elf" points="21.798,15.114 11.946,20.872 16.079,23.249 26,17.532 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download