Add icons to this collection by clicking the heart icon.
Abc Block icon - also known as education, block, child, letter, cube, abc, cubes, blocks, gaming, educational, alphabet, kid and baby, and abc block. Created in a clean lineal color style with a white, silver, gray, black, red, blue, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-25.754 25.754h-196.992L-248.5 0v-164.103H0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 375.672)"
fill="#57a4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-25.754-25.754v-164.103h30v164.103z"
transform="matrix(1.33333 0 0 -1.33333 84.339 341.333)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.724-3.724h-23.929v27.653h23.929L0 20.205Zm-27.653 75.48h23.929L0 71.756V51.551l-3.724-3.724h-23.929Zm51.551 6.175L6.174 99.378h-57.725v-127H6.174L23.898-9.898v40.002l-5.774 5.774 5.774 5.774z"
transform="matrix(1.33333 0 0 -1.33333 234.102 515.742)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.889l25.754-25.754h196.992L248.5-32.889V0Z"
transform="matrix(1.33333 0 0 -1.33333 10 594.476)"
fill="#b6e892"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-196.992l-25.754 25.754v196.992l25.754 25.754H0l25.754-25.754V25.754Z"
transform="matrix(1.33333 0 0 -1.33333 638.328 672.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v186.281l-6.109 6.11h-176.282l-11.109-11.11V5l11.109-11.109H-6.109Z"
transform="matrix(1.33333 0 0 -1.33333 672.667 631.187)"
fill="#d1e7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.109 11.109v176.282L0 198.5h176.281l11.11-11.109V11.109L176.281 0Z"
transform="matrix(1.33333 0 0 -1.33333 389.48 639.333)"
fill="#ff7956"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-61.178l-18.783 18.783v97.029l18.783 18.783H0v-25.327h-50.687l-3.947-3.947V29.273l3.947-3.946H0z"
transform="matrix(1.33333 0 0 -1.33333 600.307 596.73)"
fill="#ff3f62"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-196.992l-25.754 25.754v196.992l25.754 25.754H0l25.754-25.754V25.754Z"
transform="matrix(1.33333 0 0 -1.33333 512.661 341.333)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v35.046L5.454 40.5h29.592l5.454-5.454V0Zm49.543 75.5H-9.043L-35 49.543V-110.5H0V-35h40.5v-75.5h35V49.543Z"
transform="matrix(1.33333 0 0 -1.33333 394.333 152.333)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-61.178l-18.783 18.783v97.029l18.783 18.783H0v-25.327h-50.687l-3.947-3.947V29.273l3.947-3.946H0z"
transform="matrix(1.33333 0 0 -1.33333 560.307 596.73)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v35.046L5.454 40.5h29.592l5.454-5.454V0Zm49.543 75.5H-9.043L-35 49.543V-110.5H0V-35h40.5v-75.5h35V49.543Z"
transform="matrix(1.33333 0 0 -1.33333 354.333 152.333)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.724-3.724h-23.929v27.653h23.929L0 20.205Zm-27.653 75.48h23.929L0 71.756V51.551l-3.724-3.724h-23.929Zm51.551 6.175L6.174 99.378h-57.725v-127H6.174L23.898-9.898v40.002l-5.774 5.774 5.774 5.774z"
transform="matrix(1.33333 0 0 -1.33333 194.102 515.742)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v32.889h-30V0l25.754-25.754h30z"
transform="matrix(1.33333 0 0 -1.33333 50 638.328)"
fill="#7ccc92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 25.754 25.754h-30L-30 0v-196.992l25.754-25.754h30L0-196.992Z"
transform="matrix(1.33333 0 0 -1.33333 381.333 375.672)"
fill="#d1e7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.109 11.109h-30L-30 0v-176.281l11.109-11.11h30L0-176.281Z"
transform="matrix(1.33333 0 0 -1.33333 414.667 389.48)"
fill="#ff3f62"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 25.754 25.754h-30L-30 0v-196.992l25.754-25.754h30L0-196.992Z"
transform="matrix(1.33333 0 0 -1.33333 255.667 44.339)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.726l-3.947 3.946v76.048l3.947 3.947H0v6.543l18.783 18.784h-30L-30 90.484V-6.544l18.783-18.783h30L0-6.544Z"
transform="matrix(1.33333 0 0 -1.33333 493.693 562.96)"
fill="#d1e7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-25.957-25.957V-186h30v160.043z"
transform="matrix(1.33333 0 0 -1.33333 382.276 51.667)"
fill="#d1e7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v27.653h6.102v23.898H0v27.654h6.102v23.897h-30v-127h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 157.231 520.708)"
fill="#d1e7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-94.891"
transform="matrix(1.33333 0 0 -1.33333 308 389.48)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,850"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-25.754 25.754h-196.992L-248.5 0v-196.992l25.754-25.754h196.992L0-196.992Z"
transform="translate(256 230.246)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h86.143"
transform="matrix(1.33333 0 0 -1.33333 178.667 627.81)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,850"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-196.992l-25.754 25.754v196.992l25.754 25.754H0l25.754-25.754V25.754Z"
transform="translate(478.746 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v-71.687l-11.109-11.109h-176.282L-198.5-71.687v176.282l11.109 11.109h176.282L0 104.595V20"
transform="matrix(1.33333 0 0 -1.33333 639.333 528.939)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v88.603l25.754 25.754h196.992L248.5 88.603v-196.992l-25.754-25.754H25.754L0-108.389V-20"
transform="translate(161.75 390.143)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v-109.391"
transform="matrix(1.33333 0 0 -1.33333 513.667 58.146)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,850"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-61.178l-18.783 18.783v97.029l18.783 18.783H0v-25.327h-50.687l-3.947-3.947V29.273l3.947-3.946H0z"
transform="matrix(1.33333 0 0 -1.33333 560.307 596.73)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35.046L5.454 40.5h29.592l5.454-5.454V0Zm49.543 75.5H-9.043L-35 49.543V-110.5H0V-35h40.5v-75.5h35V49.543Z"
transform="matrix(1.33333 0 0 -1.33333 354.333 152.333)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-3.724-3.724h-23.929v27.653h23.929L0 20.205Zm-27.653 75.48h23.929L0 71.756V51.551l-3.724-3.724h-23.929Zm51.551 6.175L6.174 99.378h-57.725v-127H6.174L23.898-9.898v40.002l-5.774 5.774 5.774 5.774z"
transform="matrix(1.33333 0 0 -1.33333 194.102 515.742)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-118.5"
transform="matrix(1.33333 0 0 -1.33333 606 408)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,850"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-208.5"
transform="translate(236 66.143)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category