Blocky icon
selfhst:blocky
The Blocky icon (selfhst:blocky) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- selfh.st/icons
- Author
- selfh.st
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#394655" d="M301.3 456.2c4.7 8.9 3 19.3 3.9 26.9s4.3 12.6 7.1 16.5s5.1 6.4 7.6 7.2s4.9-.1 7.7-3.1s3.8-6.5 3.7-10.4c0-3.9-1.2-8.3-2.9-13.7c-1.5-5.3-3.3-11.5-7-18.4s-8.7-14.9-16.7-22.8s-18.2-14.1-27-19.3c-8.9-5.1-16.4-9.1-22.4-12c-5.9-2.9-10.4-4.8-13.6-5.6s-5.2-.6-5.9.7s.4 3.4 3.2 6.2c2.9 2.8 7.7 6.4 14.6 10.6c6.8 4.2 15.8 9.1 24.8 15.2c9 6 18.2 13.1 22.9 22"/><path fill="#e1d6b9" d="M303 453.7c4.7 7.4 5 15.9 5.1 23.3c.1 7.5 1.8 13 4.2 17.1c2.4 4 4.7 6.7 6.9 7.9c2.1 1.2 4.3.9 6.5-1.6c2.3-2.5 2.9-5.5 2.4-9.1c-.4-3.6-1.9-7.7-3.3-12.8c-1.5-5.1-3.1-11.2-6.3-17.5c-3.3-6.4-7.9-13.5-14.6-20.3c-6.7-6.9-14.9-12.3-22.3-16.7c-7.4-4.5-14.1-8-19.4-10.7s-9.3-4.5-12.1-5.4s-4.4-1-4.9-.2c-.4.9.9 2.5 3.8 4.8s7.5 5.3 13.5 9c6 3.6 13.6 8 21.1 13.2c7.6 5.4 14.8 11.6 19.4 19"/><path fill="#96d6ff" d="M307.5 46.2c1.7 3.9 4.9 7.1 8.6 9.4c3.8 2.3 8 3.7 12.2 4.3c4.1.7 8.2.6 12.3-.5c4-1 8.9-2.7 12.3-5.6s4.6-6.5 5.4-9.9c.7-3.3 1.3-7.1 3.5-11.6s4.2-9.1 4-12.5c-.2-3.3-1-6.4-2.4-9.1c-1.5-2.7-3.5-4.6-5.8-6c-2.4-1.4-5.2-2.2-8.3-2.4c-3.1-.3-6.5 0-10 .8q-5.4 1.2-11.1 3.9c-3.8 1.9-7.4 4.2-10.4 6.8c-3.1 2.6-5.8 5.6-7.7 9c-2 3.3-3.3 6.9-3.6 10.6c-.6 3.6-.7 8.8 1 12.8"/><path fill="#394655" d="M329.9 3.6c3.1-1.2 6.2-2.2 9.1-2.8c4-.8 7.6-1.1 11.1-.8c3.4.3 6.5 1.1 9.2 2.6s4.9 3.6 6.6 6.5s2.6 6.2 2.9 9.8s-1.2 8.3-3.7 13.2s-3.2 9.1-4 12.7c-.7 3.6-3.2 6.9-7.5 9.7c-.5.3-1.6-1-1.2-1.4c3.4-3 4.2-6.6 5.4-9.6c.7-3.2 1.3-6.9 3.5-11.3s4.2-8.9 4-12.2s-.9-6.3-2.3-8.8s-3.4-4.5-5.7-5.8s-5.1-2.1-8.1-2.4s-6.3 0-9.8.7c-1.8.4-3.5.9-5.4 1.5c-1.8.6-3.7 1.4-5.6 2.3c-3.7 1.8-7.2 4-10.2 6.6s-5.7 5.5-7.6 8.8c-1.9 3.2-3.2 6.7-3.5 10.3s-.4 8.6 1.2 12.5c1.3 3.1 3.6 5.8 6.5 7.8c.5.4-1.6 2.7-3.3 1.7c-3.1-1.9-5.1-4.9-6.5-8.1c-1.8-4.3-2-9.8-1.7-13.8s1.7-7.9 3.8-11.5s5-6.8 8.4-9.6Q320.6 8 326.9 5c.9-.5 1.9-.9 3-1.4"/><path fill="#394655" d="M357.4 24.5c-.5-.9-2-1.2-4.1-.6c-3.3.9-7.1 4.6-9.1 7.3c-1.1 1.5-2.4 3-3.1 4.8c-.2.6-.4 1.2-.2 2.1c.8-.1 1.3-1.1 1.7-1.8c1.5-2.9 3.6-5.5 6.4-7.4c2.3-1.6 2.6-2.7 4.9-3.7c1.4-.6 2.3-.3 3.5-.7"/><path fill="#394655" d="M344.6 30.7c-.6-.7.6 1.4 1.4 1.7c3 1 5.9 2.4 8.8 3.5c1 .3 1.2-.6.4-1.2c-.8-.5-1.7-.9-2.6-1.2c-.8-.3-1.8-.4-2.6-.8c-1.5-.7-2.4-1.7-3.9-2.5c-.5-.2-1.2.9-1.5.5M418.7 300c-7.3 60.1-20.2 118.5-65.8 158.3c-57.5 50.3-146.2 51.3-221 3.5c-21.6-13.8-38.8-52.1-41.6-76.9c-5.7-51.8-1.4-81.3-6.4-129C80 217.8 60.6 186.4 62.5 141c1.2-30.4 8.7-65.8 31.8-84.6c30.2-24.7 65.6-38.8 105.6-37.7c57 1.4 118.5 5.3 166.4 41.9c34.2 26.1 53.7 69.2 57.2 113.5c3.5 45.3-.2 87.5-4.8 125.9"/><path fill="#8dc9f0" d="M404.4 355.5c-12.2 55.3-45.8 106.8-105.4 127.2c-55.4 19-111.2 8.9-165.1-27.1c-20.5-13.7-36.1-51.5-38.4-75c-4.8-49.5-2-80-6.5-125.6c-3.7-38.1-22-65.7-21.4-110.9c.3-29.5 7-64.5 29.7-82.8c28.6-23.2 61.4-37.9 99.1-37.7c59.8.3 127.1 4.7 174.7 47.5c43.5 39.2 49.7 108.2 47.7 162c-1.7 44.4-6 84.4-14.4 122.4"/><path fill="#96d6ff" d="M111.3 45.4c2.8 4.8 3.6 10.1 3.2 15.2s-2 9.8-4.3 13.8s-5.2 7.4-9.1 10s-8.9 5.3-14.1 5.8c-5.3.5-9.8-1.6-13.7-4.1c-3.9-2.4-8.2-5.6-14.5-8c-6.2-2.4-12.3-4.8-15.7-8.3s-6.1-7.3-7.9-11.3s-2.6-7.9-2.5-11.7c.1-3.7 1.1-7.2 2.9-10.4s4.3-6.1 7.6-8.4c3.3-2.4 7.3-4.3 12-5.4S65 21 70.1 21.4s10.3 1.5 15.3 3.4c5 1.8 9.7 4.4 13.8 7.7c3.9 3.4 9.2 8.1 12.1 12.9"/><path fill="#394655" d="M50.4 21.2c-3.5 1.3-6.6 3-9.3 5c-3.6 2.7-6.3 5.9-8.3 9.4s-3.1 7.4-3.2 11.5c-.2 4.1.6 8.4 2.5 12.8s4.8 8.6 8.4 12.3s9.4 6.8 16.1 9.2c6.8 2.3 11.5 5.7 15.7 8.3s9.1 3.3 14.9 1.9c.7-.2.1-2.2-.5-2.2c-5.4.3-9.6-2.2-13.5-4c-3.8-2.4-8-5.5-14.2-7.8c-6.1-2.3-12.1-4.7-15.4-8.1s-6-7.1-7.8-11s-2.5-7.7-2.4-11.4s1.1-7.1 2.8-10.2c1.8-3.1 4.2-5.9 7.5-8.2c1.6-1.2 3.4-2.2 5.3-3.1s4.1-1.7 6.4-2.2c4.6-1.2 9.5-1.5 14.5-1.2c5 .4 10.1 1.5 14.9 3.3s9.5 4.3 13.4 7.5c4 3.2 9.2 7.8 12 12.5c2.3 3.8 3.3 8 3.2 12.2c0 .8 3.8.9 4-1.4c.3-4.1-1.2-8.4-3.5-12.2c-3-5.2-8.4-10.3-12.8-13.9s-9.5-6.3-14.9-8.3c-5.3-2-10.9-3.2-16.4-3.5c-5.5-.4-10.9.1-16 1.5c-1 .4-2.2.8-3.4 1.3"/><path fill="#394655" d="M61.1 53c.4-1.5 2.3-2.6 5.8-2.8c5.3-.2 12.6 3.3 16.9 6.4c2.4 1.7 5 3.3 6.8 5.6c.6.8 1.2 1.6 1.4 2.9c-1.2.1-2.5-1-3.4-1.9c-3.6-3.6-8-6.4-12.9-7.9c-4.2-1.3-5.1-2.8-9-3.2c-2.5 0-3.6.9-5.6.9"/><path fill="#394655" d="M82.9 56.1c.6-1.3-.2 2.4-1.2 3.1c-3.9 2.9-7.5 6.3-11.4 9.3c-1.2 1-2.1-.3-1.2-1.5s2.1-2.1 3.2-3s2.4-1.5 3.4-2.4c1.9-1.8 2.8-3.6 4.6-5.5c.8-.7 2.3.6 2.6 0"/><path fill="#e1d6b9" d="M183.8 471.3c-3-.6-5.4-.4-7.3.4c-1.8.8-3.2 2.2-4.4 3.9s-2.2 3.8-3.2 6.1s-2 4.7-3 7.1c-.9 2.4-1.7 4.8-2.2 7s-.7 4.3-.6 6c.1 1.8.6 3.4 1.6 4.6s2.5 2.1 4.7 2.5s3.9.2 5.3-.5s2.4-2 3.1-3.6s1.3-3.6 1.9-5.7c.6-2.2 1.2-4.5 2.2-7c1-2.4 2.6-4.8 4-7s2.8-4.4 3.6-6.3c.7-1.9.8-3.6 0-4.8s-2.7-2.2-5.7-2.7"/><path fill="#394655" d="M191.3 478.6c-.6 1.8-1.6 3.9-2.8 6c-1.4 2.5-3 5.1-4.1 8c-1.2 2.8-1.9 5.5-2.7 7.9c-.7 2.4-1.5 4.6-2.6 6.4s-2.4 3.2-4.1 4.1s-3.8 1.2-6.2.7c-2.4-.4-4.2-1.4-5.4-2.8s-1.9-3.3-2.2-5.4s-.1-4.6.3-7.2c.5-2.6 1.2-5.3 2.3-8.2c1.1-2.8 2.2-5.5 3.4-7.9c1.1-2.4 2.3-4.6 3.7-6.4c.5-.7 1.1-1.3 1.6-1.8c1.2-1.1 4.6-.2 3.2.6c-1.3.8-1.8 1.8-2.7 3.2c-1.1 1.7-1.9 3.9-2.8 6s-2.5 4.1-3.4 6.2c-.9 2.2-1.6 4.3-2 6.3s-.6 3.9-.5 5.6s.6 3.2 1.4 4.3c.9 1.1 2.3 1.9 4.2 2.3s3.5.2 4.6-.5c1.2-.7 1.3-2.7 1.8-4.1s1.4-3.3 1.9-5.2s1.3-3.1 2.5-5.2s3-4.2 4.6-6.3c1.7-2.1 3-4.2 3.7-6c.1-.2.1-.5.3-.7c.2-.6.3-1.1.3-1.6c0-.6 2.3-.8 1.9.8c-.1.4-.2.7-.2.9M126 154.3c.3 11 3.1 21.7 7.7 31.5c4.7 9.8 11.2 19 19.2 26.8c8 7.9 17.4 14.6 27.7 19.4c10.3 4.9 21.5 8.1 33.1 8.9c11.7.8 22.7-.9 32.7-4.6s18.9-9.5 26.3-17s13.3-16.5 17.3-26.8s6-21.6 5.7-33.5s-3-23.3-7.5-33.6s-11-19.4-18.8-27s-17-13.6-27.2-17.6c-10.2-4.1-21.3-6.2-32.9-6c-11.7.1-22.8 2.6-32.9 6.7s-19.2 9.9-26.8 17.1s-13.7 15.6-17.8 25s-6.2 19.7-5.8 30.7"/><path fill="#fff" d="M131.7 151.8c0 10.4 2.2 20.5 6.4 30c4.1 9.6 10 18.5 17.5 26.2c7.3 7.8 16.2 14.4 25.9 19.3c9.8 4.9 20.4 8 31.6 8.8s21.7-.9 31.2-4.4c9.5-3.6 18-9.2 25.1-16.2c7.1-7.1 12.7-15.7 16.6-25.3c3.8-9.6 5.8-20.3 5.6-31.4c-.3-11.2-2.7-21.7-6.9-31.2s-10.2-18-17.5-24.9c-7.3-7-15.9-12.5-25.3-16.3c-9.5-3.8-19.9-5.8-30.8-5.9s-21.3 1.9-30.8 5.4c-9.4 3.5-18 8.6-25.2 15S142 114.8 138 123.4c-4 8.4-6.3 18-6.3 28.4"/><circle cx="248.3" cy="147.5" r="23" fill="#394455"/><circle cx="258.4" cy="137" r="11.3" fill="#fff"/><path fill="#394655" d="M352.7 104.3c-.2 8.7 1.6 18.1 4.2 27.9c2.6 9.7 6.1 19.8 9.6 29.4s7 18.7 10.9 26.5c3.8 7.8 8 14.3 13.2 18.9s10.9 7.1 17.1 7.6s13.9 1.6 20.5-1.4s13.1-7.7 18.9-13.9s10.9-13.9 14.7-23c3.7-9.1 5.8-18.7 6-28.2c.3-9.5-1.2-19-4.3-27.8c-3.1-8.9-10.2-19.7-16.4-26.9s-13.8-13.3-22.5-17.8c-8.7-4.6-17.5-7.2-25.9-8s-16.3.1-23.1 2.7s-12.5 6.8-16.5 12.5c-4 5.6-6.2 12.8-6.4 21.5"/><path fill="#fff" d="M356.5 105.3c-.4 8.1.8 16.9 3 26.2c2.2 9.2 5.3 18.8 8.8 27.9c3.5 9.2 7.2 17.8 11.3 25.2c4 7.4 8.4 13.5 13.4 17.9c5.1 4.4 10.4 6.6 16.1 7.1s12.8 1.6 18.8-1.2c5.9-2.8 11.8-7.2 16.9-13c5.2-5.8 9.7-13 13-21.5s5-17.4 5.1-26.3s-1.3-17.7-4.3-25.9c-2.9-8.2-9.8-18.6-15.5-25.3c-5.8-6.7-12.8-12.4-20.8-16.7c-7.9-4.3-16.1-6.8-23.7-7.7c-7.6-.8-14.8-.1-21 2.2s-11.3 6.1-15 11.3c-3.5 5.1-5.7 11.7-6.1 19.8"/><circle cx="441" cy="137.8" r="9.9" fill="#394455"/><circle cx="448.1" cy="131.2" r="4.9" fill="#fff" transform="rotate(-80.538 448.086 131.214)"/><path fill="#b3b3b3" d="m103.192 386.94l54.456-30.672l9.275 16.467l-54.456 30.672z"/><path fill="#aeece6" d="m159.2 350.6l14.3 25.6l172-84l34.8-33.3l-50 11.6z"/><path fill="#d3f5f1" d="m380.4 259l-50.1 11.5l-171.1 80l1.3 2.4l169.9-80.6l44.2-10.2l-29.8 28.7l-172.5 83.1l1 1.8l.3.4l171.9-83.9z"/><path fill="#d3f5f1" d="m164.4 355.3l168.5-78.8l31.1-9.1l-24.8 17.8l-169.6 80.9z"/><path fill="#616161" d="m144.7 347.1l1.4-8.7l10.1 1.8l25.3 43.4l-3.3 8.3l-9.8-5.1z"/><path fill="#7d7d7d" d="m154.9 341.6l-7.2-.9l25.8 43.9l7.5-.8l-5.2-2.6l-23.4-38z"/><path fill="#b3b3b3" d="M101 376.8L98.6 390l10.5 16.9l12.4.8l-.9-6.8l-12-21.1z"/><path fill="#616161" d="M102 379.7c.2 1.7 10.4 18.1 10.4 18.1l-2.1 6.6l-10-15.2z"/><path fill="#b3b3b3" d="m151.9 343.1l23.3 38.6l1.3.8l.4-1.2l-22.9-37.8z"/><path fill="#2e3436" d="m342 213.4l-7.2.1l-4.2-.1c-1.3 0-2.5.6-3.4 1.5s-1.3 2.2-1.5 3.7l-1.2 8l-1.6 8.1c-.3 1.5.1 2.7.8 3.7c.7.9 1.8 1.5 3.1 1.5l4.3.1l8.4-.2c1.6 0 3.1-.7 4.2-1.6c1.1-1 1.7-2.3 1.9-3.7l.7-8l.6-8c.1-1.4-.5-2.7-1.4-3.6c-1-1-2.2-1.5-3.5-1.5"/><path fill="#fff" d="m340.7 215.8l-5.9.1l-2.8-.1c-1.1 0-2.1.5-2.8 1.3s-1.2 1.8-1.4 3l-1.1 6.6l-1.4 6.6c-.3 1.2 0 2.2.6 3s1.4 1.2 2.5 1.2l2.9.1l6.7-.1c1.3 0 2.5-.5 3.4-1.3s1.5-1.9 1.6-3l.8-6.6l.7-6.5c.1-1.2-.3-2.2-1-3c-.8-.8-1.8-1.3-2.8-1.3"/><path fill="#394655" d="M307.8 206.6c.2 2.6 1.8 4.9 4 7c2.3 2.1 5.4 4 9 5.5s7.7 2.7 11.8 3.3s8.3.7 12.4.2s7.8-1.5 11-2.7s5.9-2.7 8-4.3s3.7-3.4 4.7-5.4s1.4-4.2 1-6.5c-.4-2.4-1.5-4.7-3.2-6.8s-4-4-6.7-5.7c-2.7-1.6-5.8-2.9-9.2-3.7s-7.2-1.2-11.3-1.1s-8.2.8-12.1 1.9s-7.6 2.6-10.6 4.4c-3.1 1.8-5.6 4-7 6.4c-1.5 2.5-2 5.3-1.8 7.5"/><path fill="#e1d0cb" d="M316.4 206c.4 2 1.6 4 3.4 5.7s4.3 3.2 7.1 4.4s6 2.1 9.2 2.6s6.5.5 9.7.1s6.1-1.2 8.6-2.2s4.6-2.2 6.2-3.5q2.4-1.95 3.6-4.5c.7-1.6.9-3.4.6-5.3c-.4-1.9-1.3-3.7-2.7-5.3s-3.2-3.1-5.3-4.3s-4.6-2.2-7.3-2.8s-5.6-.9-8.8-.8s-6.3.7-9.3 1.5c-3 .9-5.8 2-8.1 3.5c-2.4 1.4-4.3 3.1-5.5 5c-1.2 1.8-1.7 3.8-1.4 5.9"/><path fill="#394655" d="M327.8 193.5c.5 1.5 1.6 2.8 3.2 3.9c1.5 1.1 3.5 2 5.6 2.7s4.4 1.2 6.7 1.4c2.2.3 4.4.3 6.5.1s3.8-.7 5.3-1.3s2.7-1.5 3.6-2.4c.9-1 1.6-2.1 2-3.3s.5-2.6.2-4s-.9-2.8-1.9-4.1c-1-1.2-2.3-2.4-3.8-3.3c-1.6-.9-3.4-1.6-5.4-2s-4.3-.5-6.6-.3q-3.6.3-6.6 1.5c-3 1.2-3.9 1.8-5.3 3c-1.5 1.2-2.6 2.5-3.2 3.9c-.6 1.2-.8 2.7-.3 4.2"/><path fill="#e1d6b9" d="M127.9 351c-2.7 1.6-4.3 3.3-5.3 5.1c-.9 1.8-1 3.8-.8 5.8c.2 2.1.9 4.3 1.6 6.7s1.6 4.9 2.4 7.3c.8 2.5 1.8 4.7 2.9 6.7s2.2 3.7 3.5 5c1.2 1.3 2.6 2.2 4.2 2.4c1.5.3 3.3-.1 5.2-1.2s3.1-2.4 3.7-3.9s.5-3.1 0-4.8s-1.4-3.5-2.3-5.5s-2.1-4.2-2.9-6.7s-1.2-5.3-1.6-7.9c-.4-2.7-.7-5.1-1.4-7.1c-.7-1.9-1.7-3.2-3.2-3.7c-1.4-.3-3.4.2-6 1.8"/><path fill="#394655" d="M138.3 351.6c.8 1.8 1.3 4 1.8 6.4c.6 2.8 1.1 5.8 2.1 8.7c.9 2.9 2.1 5.4 3.1 7.8s1.9 4.5 2.2 6.6c.4 2.1.3 4-.5 5.8s-2.1 3.4-4.2 4.6c-2.1 1.3-4.1 1.7-5.9 1.4c-1.9-.2-3.6-1.2-5.2-2.7c-1.6-1.4-3.1-3.4-4.5-5.6c-1.3-2.3-2.5-4.8-3.6-7.7c-1.1-2.8-1.9-5.6-2.6-8.2s-1.3-5-1.4-7.2c0-.9 0-1.7.1-2.5c.2-1.6 3.3-3.1 2.8-1.6s-.5 3-.4 4.6c.2 2 .8 4.2 1.5 6.5s1.5 4.7 2.3 7c.9 2.4 1.8 4.6 2.8 6.5s2.2 3.5 3.4 4.8c1.2 1.2 2.5 2.1 4 2.3s3.1 0 5-1.1s3-2.3 3.5-3.7s.5-2.9.1-4.6c-.5-1.6-1.3-3.4-2.2-5.3s-2-4-2.8-6.5c-.8-2.4-1.2-5.1-1.5-7.7c-.3-2.5-.7-4.9-1.3-6.8c-.1-.2-.2-.4-.2-.7c-.2-.5-.5-1-.8-1.4c-.4-.4 1.2-2.1 1.9-.6c.3.4.4.7.5.9"/><path fill="#1f8179" d="M350.9 316.1c30.4-12.5 57.1-27.6 74.5-49.3c20.7 22.3 36.1 26.4 56.5 29.7c3.1 34.7-6.1 138.5-73.2 170.3c-73.5-46.5-53.8-100.2-57.8-150.7"/><path fill="#30cabd" d="M357.9 317.4c28.2-11.5 52.9-25.6 69.1-45.7c19.2 20.7 33.5 24.5 52.4 27.6c2.9 32.1-5.7 128.4-67.9 157.9c-68.1-43.1-49.9-92.9-53.6-139.8"/><path fill="#d3f5f1" d="m387.9 325.4l-6.4 4.8l-3.8 7.2l4.4 9.9l-2.7 23l43.8 31.9l43.8-49.6l-2.7-21.9l4.4-11.7l-3.8-5.7l-6.4-2.2l-10.4 10.3l-24.8.1l-24.8 10z"/><path fill="#aeece6" d="m389.9 328.5l-5.9 4.4l-3.5 6.6l4.1 9.2l-2.5 21.2l40.4 29.5l40.4-45.8l-2.5-20.2l4.1-10.8l-3.5-5.2l-5.9-2l-9.6 9.5l-22.9.1l-22.9 9.2z"/><path fill="#d3f5f1" d="M427 271.7c-.6.8-1.3 1.6-2 2.4l-.4.4c-.7.8-1.3 1.5-2 2.3l3.6 7.7c16.1 7.4 31.7 16.5 49.1 18.9c3 5.2 3.2 17.4 2.5 37.8c2.2-17 2.4-31.8 1.6-41.3c-.1-.2-.1-.4-.2-.6c-1.2-.2-2.3-.4-3.5-.6c-1.1-.2-2.3-.4-3.4-.6h-.2c-1-.2-2.1-.4-3.1-.7c-1.1-.2-2.2-.5-3.2-.8c-.1 0-.3-.1-.4-.1c-.9-.2-1.9-.5-2.8-.8c-.2-.1-.4-.1-.7-.2c-.8-.3-1.7-.5-2.5-.8c-.1 0-.2-.1-.3-.1c-.9-.3-1.9-.7-2.8-1.1c-.3-.1-.6-.2-.8-.4c-.8-.3-1.5-.7-2.3-1c-.1 0-.1-.1-.2-.1c-1-.5-1.9-.9-2.9-1.5c-.3-.2-.6-.3-.9-.5c-.8-.4-1.5-.8-2.3-1.3c-.3-.2-.5-.3-.8-.5c-.8-.5-1.6-1-2.4-1.6c-1.1-.7-2.1-1.5-3.2-2.3l-.1-.1c-1-.8-2.1-1.7-3.2-2.6s-2.2-1.9-3.3-3c-1.1-1-2.3-2.1-3.4-3.3c-1.2-1.1-2.3-2.3-3.5-3.6"/><path fill="#27a49a" d="M427 271.7c-16.2 20.2-40.9 34.2-69.1 45.7c3.7 46.9-14.5 96.6 53.6 139.8c-.2-.2-.4-.4-.6-.7c-46-34-51.6-93.5-46.9-135.6c14.2-4.9 62.9-35.9 62.9-35.9s.5-7.4.2-11c-.5-.5.4-1.8-.1-2.3"/></svg>How to use the Blocky icon
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:blocky" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:blocky" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:blocky" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--blocky]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:blocky"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:blocky"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/selfhst/blocky.svg" alt="Blocky icon" width="24" height="24">Blocky icon FAQ
Is the Blocky icon free for commercial use?
Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Blocky icon in React?
Install @iconify/react and render <Icon icon="selfhst:blocky" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blocky icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/blocky.svg" alt="Blocky icon">, or paste the SVG code inline to style it with CSS.