Add icons to this collection by clicking the heart icon.
Blocks icon - also known as puzzle, party, blocks, gaming, board game, fun, and tabletop. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero">
<rect width="58" height="9" x="1" y="50" fill="sienna" rx="2" />
<path
fill="#783e22"
d="M57 50h-3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2z"
/>
<rect
width="10"
height="7"
x="32"
y="43"
fill="#ffeb3a"
rx="2"
transform="rotate(180 37 46.5)"
/>
<path
fill="#fdd834"
d="M40 43h-3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2z"
/>
<rect
width="10"
height="7"
x="22"
y="43"
fill="#ffdc00"
rx="2"
transform="rotate(180 27 46.5)"
/>
<rect
width="10"
height="7"
x="12"
y="43"
fill="#ffeb3a"
rx="2"
transform="rotate(180 17 46.5)"
/>
<rect
width="10"
height="7"
x="29"
y="29"
fill="#ffdc00"
rx="2"
transform="rotate(180 34 32.5)"
/>
<path
fill="#fec108"
d="M37 29h-3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2z"
/>
<rect
width="10"
height="7"
x="19"
y="29"
fill="#ffeb3a"
rx="2"
transform="rotate(180 24 32.5)"
/>
<rect
width="30"
height="7"
x="9"
y="36"
fill="#ff9801"
rx="2"
transform="rotate(180 24 39.5)"
/>
<path
fill="#f57c00"
d="M37 36h-3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2z"
/>
<rect width="30" height="7" x="13" y="22" fill="#ff9801" rx="2" />
<path
fill="#f57c00"
d="M41 22h-3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2z"
/>
<rect
width="30"
height="7"
x="34.814"
y="31.555"
fill="#ffeb3a"
rx="2"
transform="rotate(-105.01 49.807 35.052)"
/>
<path
fill="#fdd834"
d="M56.559 46.705 49.83 21.591a2 2 0 0 0-2.449-1.414l-1.281.343c.356.265.613.642.73 1.071l6.729 25.114a2 2 0 0 1-1.414 2.45l-1.616.433a1.985 1.985 0 0 0 1.718.343l2.9-.776a2 2 0 0 0 1.412-2.45z"
/>
<rect width="10" height="7" x="22" y="15" fill="#ffdc00" rx="2" />
<rect width="10" height="7" x="32" y="15" fill="#ffeb3a" rx="2" />
<path
fill="#fdd834"
d="M40 15h-3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2z"
/>
<rect width="10" height="7" x="12" y="1" fill="#ffeb3a" rx="2" />
<rect width="10" height="7" x="22" y="1" fill="#ffdc00" rx="2" />
<path
fill="#fec108"
d="M30 1h-3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z"
/>
<rect width="30" height="7" x="14" y="8" fill="#ff9801" rx="2" />
<path
fill="#f57c00"
d="M42 8h-3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2z"
/>
<path
fill="#f5f5f5"
d="M7 55H5a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM31 55H11a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z"
/>
<path
fill="#000"
d="M57.026 49c.072-.09.138-.183.2-.28.4-.688.509-1.508.3-2.276L50.8 21.333a3 3 0 0 0-3.674-2.121l-2.9.777c-.508.14-.97.412-1.339.789.072-.253.11-.515.113-.778v-3a2.984 2.984 0 0 0-.22-1.116A3 3 0 0 0 45 13v-3a3 3 0 0 0-3-3h-9.184c.118-.32.18-.659.184-1V3a3 3 0 0 0-3-3h-6c-.74.003-1.453.28-2 .78A2.981 2.981 0 0 0 20 0h-6a3 3 0 0 0-3 3v3a3 3 0 0 0 2.22 2.884A2.984 2.984 0 0 0 13 10v3a3 3 0 0 0 3 3h5.184c-.118.32-.18.659-.184 1v3c.003.341.066.68.184 1H15a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h3.184c-.118.32-.18.659-.184 1v3c.003.341.066.68.184 1H11a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h.184c-.118.32-.18.659-.184 1v3c.003.341.066.68.184 1H3a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3v-5a3 3 0 0 0-2.974-3zM23 48v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm10 0v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm-3-14v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm10 8h-.184c.118-.32.18-.659.184-1v-3a2.981 2.981 0 0 0-.78-2c.5-.547.777-1.26.78-2v-3a2.966 2.966 0 0 0-.184-1H41a3 3 0 0 0 2.456-1.286l5.376 20.062c.021.078.057.149.084.224h-6.1c.118-.32.18-.659.184-1v-3a3 3 0 0 0-3-3zm-7-22v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm11.741 1.919 2.9-.776a1 1 0 0 1 1.224.707l6.73 25.115a1 1 0 0 1-.707 1.224l-2.9.776a1 1 0 0 1-1.224-.707l-6.73-25.113a1 1 0 0 1 .707-1.226zM24 2h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM13 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm2 10v-3a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H16a1 1 0 0 1-1-1zm8 7v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm-9 7v-3a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1zm6 7v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm-10 7v-3a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1zm3 7v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm45 9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
</g>
</svg>
More icons in the same style and category