SVG Polyhedra Series
Feb 7, 20261 min read
1
ontinued. All SVGs are coded by Claude Opus 4.6.
Regular Icosahedron
(the popular D20)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<rect width="400" height="400" fill="#0a0a1a" rx="10"/>
<line x1="142.8" y1="280.2" x2="257.2" y2="280.2" stroke="#ff6ec7" stroke-width="1.2" opacity=".75">
<animate attributeName="x1" values="142.8;152.5;163.3;174.7;186.6;198.7;210.9;222.9;234.4;245.3;255.3;264.2;271.6;277.3;280.9;282.2;281.0;277.0;270.3;260.7;248.6;234.3;218.5;201.7;184.9;168.8;154.2;141.6;131.5;124.1;119.6;117.8;118.6;121.8;127.1;134.2;142.8" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y1" values="280.2;278.8;277.6;276.8;276.3;276.1;276.2;276.6;277.4;278.5;279.9;281.6;283.5;285.7;288.1;290.7;293.3;295.9;298.5;300.7;302.7;304.2;305.2;305.5;305.3;304.4;303.0;301.2;298.9;296.5;293.9;291.2;288.7;286.2;284.0;282.0;280.2" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="x2" values="257.2;265.8;272.9;278.2;281.4;282.2;280.4;275.9;268.5;258.4;245.8;231.2;215.1;198.3;181.5;165.7;151.4;139.3;129.7;123.0;119.0;117.8;119.1;122.7;128.4;135.8;144.7;154.7;165.6;177.1;189.1;201.3;213.4;225.3;236.7;247.5;257.2" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y2" values="280.2;282.0;284.0;286.2;288.7;291.2;293.9;296.5;298.9;301.2;303.0;304.4;305.3;305.5;305.2;304.2;302.7;300.7;298.5;295.9;293.3;290.7;288.1;285.7;283.5;281.6;279.9;278.5;277.4;276.6;276.2;276.1;276.3;276.8;277.6;278.8;280.2" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
</line>
<line x1="142.8" y1="280.2" x2="200.0" y2="202.9" stroke="#ff6ec7" stroke-width="1.2" opacity=".75">
<animate attributeName="x1" values="142.8;152.5;163.3;174.7;186.6;198.7;210.9;222.9;234.4;245.3;255.3;264.2;271.6;277.3;280.9;282.2;281.0;277.0;270.3;260.7;248.6;234.3;218.5;201.7;184.9;168.8;154.2;141.6;131.5;124.1;119.6;117.8;118.6;121.8;127.1;134.2;142.8" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y1" values="280.2;278.8;277.6;276.8;276.3;276.1;276.2;276.6;277.4;278.5;279.9;281.6;283.5;285.7;288.1;290.7;293.3;295.9;298.5;300.7;302.7;304.2;305.2;305.5;305.3;304.4;303.0;301.2;298.9;296.5;293.9;291.2;288.7;286.2;284.0;282.0;280.2" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="x2" values="200.0;216.8;233.5;249.7;265.1;279.6;292.8;304.2;313.4;319.9;323.3;322.8;318.0;308.6;294.5;275.7;253.0;227.3;200.0;172.7;147.0;124.3;105.5;91.4;82.0;77.2;76.7;80.1;86.6;95.8;107.2;120.4;134.9;150.3;166.5;183.2;200.0" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y2" values="202.9;202.9;202.9;203.0;203.0;203.1;203.2;203.3;203.5;203.6;203.8;203.9;204.1;204.3;204.4;204.5;204.6;204.7;204.7;204.7;204.6;204.5;204.4;204.3;204.1;203.9;203.8;203.6;203.5;203.3;203.2;203.1;203.0;203.0;202.9;202.9;202.9" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
</line>
<line x1="142.8" y1="280.2" x2="200.0" y2="319.2" stroke="#ff6ec7" stroke-width="1.2" opacity=".75">
<animate attributeName="x1" values="142.8;152.5;163.3;174.7;186.6;198.7;210.9;222.9;234.4;245.3;255.3;264.2;271.6;277.3;280.9;282.2;281.0;277.0;270.3;260.7;248.6;234.3;218.5;201.7;184.9;168.8;154.2;141.6;131.5;124.1;119.6;117.8;118.6;121.8;127.1;134.2;142.8" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y1" values="280.2;278.8;277.6;276.8;276.3;276.1;276.2;276.6;277.4;278.5;279.9;281.6;283.5;285.7;288.1;290.7;293.3;295.9;298.5;300.7;302.7;304.2;305.2;305.5;305.3;304.4;303.0;301.2;298.9;296.5;293.9;291.2;288.7;286.2;284.0;282.0;280.2" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="x2" values="200.0;188.9;178.2;168.5;160.0;153.0;147.8;144.4;142.9;143.1;145.1;148.6;153.4;159.4;166.4;174.1;182.4;191.1;200.0;208.9;217.6;225.9;233.6;240.6;246.6;251.4;254.9;256.9;257.1;255.6;252.2;247.0;240.0;231.5;221.8;211.1;200.0" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y2" values="319.2;319.0;318.3;317.2;315.8;314.0;312.0;310.0;307.8;305.7;303.6;301.7;300.0;298.5;297.2;296.2;295.5;295.0;294.9;295.0;295.5;296.2;297.2;298.5;300.0;301.7;303.6;305.7;307.8;310.0;312.0;314.0;315.8;317.2;318.3;319.0;319.2" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
</line>
<line x1="142.8" y1="280.2" x2="85.4" y2="235.4" stroke="#ff6ec7" stroke-width="1.2" opacity=".75">
<animate attributeName="x1" values="142.8;152.5;163.3;174.7;186.6;198.7;210.9;222.9;234.4;245.3;255.3;264.2;271.6;277.3;280.9;282.2;281.0;277.0;270.3;260.7;248.6;234.3;218.5;201.7;184.9;168.8;154.2;141.6;131.5;124.1;119.6;117.8;118.6;121.8;127.1;134.2;142.8" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y1" values="280.2;278.8;277.6;276.8;276.3;276.1;276.2;276.6;277.4;278.5;279.9;281.6;283.5;285.7;288.1;290.7;293.3;295.9;298.5;300.7;302.7;304.2;305.2;305.5;305.3;304.4;303.0;301.2;298.9;296.5;293.9;291.2;288.7;286.2;284.0;282.0;280.2" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="x2" values="85.4;81.4;81.5;85.1;91.8;101.1;112.4;125.3;139.5;154.6;170.4;186.6;203.0;219.4;235.5;251.0;265.9;279.6;292.0;302.6;311.0;316.6;319.0;317.6;312.0;302.0;287.5;268.7;246.3;221.3;195.2;169.3;145.1;124.0;106.7;93.8;85.4" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y2" values="235.4;234.0;232.6;231.3;230.1;229.0;228.1;227.3;226.7;226.2;225.9;225.7;225.6;225.7;226.0;226.4;226.9;227.6;228.4;229.4;230.5;231.8;233.1;234.5;235.9;237.3;238.6;239.6;240.4;240.9;241.0;240.8;240.2;239.3;238.1;236.8;235.4" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
</line>
<line x1="142.8" y1="280.2" x2="108.0" y2="171.6" stroke="#ff6ec7" stroke-width="1.2" opacity=".75">
<animate attributeName="x1" values="142.8;152.5;163.3;174.7;186.6;198.7;210.9;222.9;234.4;245.3;255.3;264.2;271.6;277.3;280.9;282.2;281.0;277.0;270.3;260.7;248.6;234.3;218.5;201.7;184.9;168.8;154.2;141.6;131.5;124.1;119.6;117.8;118.6;121.8;127.1;134.2;142.8" keyTimes="0.000;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.250;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.500;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.750;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="8s" repeatCount="indefinite"/>
<animate attributeName="y1" values="280.2;278.8;277.6;276.8;276.3;276.1;276.2;276.6;277.4;278.5;279.9;281.6;283.5;285.7;288.1;290.7;293.3;295.9;298.5;300.7;302.7;304.2;305.2;305.5;305.3;304.4;303.0;301.2;298.9;296.5;293.9;291.2;288.7;286.2;284.0;282.0;280.2" keyTimes="0.000;0.02Did you enjoy this article?
Recommend it — Standard Reader surfaces well-loved writing to more readers across the network.