Add icons to this collection by clicking the heart icon.
Building Block icon - also known as learning, letters, blocks, toys, alphabet, kid and baby, and building block. Created in a clean circular style with a white, gray, red, teal, purple, 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="512"
height="512"
viewBox="0 0 135 135"
>
<path
fill="#592c84"
d="M131.503 67.5c0 35.346-28.648 64.012-64.012 64.012-35.346 0-63.994-28.666-63.994-64.012S32.145 3.488 67.491 3.488c35.364 0 64.012 28.666 64.012 64.012z"
/>
<circle
cx="67.5"
cy="67.5"
r="49.2"
fill="#561183"
transform="rotate(-67.48 67.525 67.485)"
/>
<path
fill="#ffc27c"
d="M14.31 103.067c25.362 37.908 81.005 37.92 106.38 0z"
/>
<path
fill="#f7b26d"
d="M28.535 103.067a2.692 2.692 0 0 0-.712 1.82v12.84c1.74 1.38 3.54 2.66 5.42 3.85v-16.69c0-.703-.271-1.338-.708-1.82zM104.763 111.728v7.81a60.223 60.223 0 0 1-5.42 3.49v-11.3c0-1.5 1.21-2.71 2.71-2.71a2.698 2.698 0 0 1 2.71 2.71zM88.673 116.428v11.48c-1.77.63-3.58 1.18-5.42 1.63v-13.11c0-1.5 1.21-2.71 2.71-2.71a2.698 2.698 0 0 1 2.71 2.71zM39.09 103.067v8.09c0 .75.31 1.43.8 1.92 1.689 1.687 4.62.497 4.62-1.92v-8.09zM113.993 103.067v8.41c1.95-2.06 3.77-4.25 5.42-6.56v-1.85zM56.953 106.178v24.46c-1.84-.3-3.65-.68-5.42-1.14l-.01-23.32c0-2.423 2.935-3.605 4.62-1.92.49.49.81 1.17.81 1.92zM89.743 103.067v2.51c0 .75.3 1.42.79 1.91 1.673 1.707 4.63.502 4.63-1.91v-2.51zM68.863 103.067v28.42c1.83-.03 3.64-.15 5.42-.34v-28.08h-5.42z"
/>
<path
fill="#4fe88d"
d="M67.502 97.767V65.31a5.295 5.295 0 0 0-5.296-5.295H28.864a5.295 5.295 0 0 0-5.296 5.295v32.457a5.295 5.295 0 0 0 5.296 5.295h33.342a5.295 5.295 0 0 0 5.296-5.295z"
/>
<path
fill="#35d175"
d="M67.498 96.72v1.044a5.285 5.285 0 0 1-5.295 5.295h-33.34a5.292 5.292 0 0 1-5.295-5.295V65.31a5.298 5.298 0 0 1 5.295-5.295h1.044v31.41a5.298 5.298 0 0 0 5.295 5.295h32.296z"
/>
<path
fill="#e5f5f9"
d="M61.147 97.586H29.923a.85.85 0 0 1-.85-.85V66.342c0-.47.38-.85.85-.85h31.224c.47 0 .85.38.85.85v30.394c0 .469-.38.85-.85.85zm-30.374-1.7h29.524V67.191H30.773z"
/>
<g fill="#fff">
<path
d="M39.274 88.382V74.41c0-.576.44-1.059 1.036-1.059h5.432c3.589 0 5.156 1.87 5.156 4.167 0 1.7-.861 2.93-2.256 3.544 1.859.589 3.153 1.894 3.153 3.844 0 3.367-2.578 4.512-5.915 4.512h-5.57c-.586 0-1.036-.45-1.036-1.036zm5.916-8.08c2.1 0 3.706-.538 3.706-2.623 0-1.682-1.62-2.371-3.314-2.371h-4.213v4.994h3.82zm.483 7.16c2.178 0 4.097-.477 4.097-2.648 0-1.75-1.357-2.624-4.074-2.624h-4.327v5.271z"
/>
<path
d="M45.88 89.918h-5.57a1.52 1.52 0 0 1-1.536-1.536V74.41c0-.837.651-1.559 1.536-1.559h5.432c3.878 0 5.656 2.104 5.656 4.667 0 1.43-.505 2.593-1.64 3.462 1.573.803 2.537 2.095 2.537 3.926 0 2.868-1.77 5.012-6.415 5.012zM40.31 73.85c-.318 0-.536.257-.536.56v13.971c0 .3.22.536.536.536h5.57c3.055 0 5.415-.945 5.415-4.012 0-1.726-1.151-2.843-2.804-3.367l-1.263-.4c.588-.39 3.17-.734 3.17-3.621 0-2.58-2.06-3.667-4.656-3.667H40.31zm5.363 14.11H40.87v-6.27h4.827c3.78 0 4.574 1.698 4.574 3.123 0 2.478-2.104 3.147-4.597 3.147zm-3.804-1h3.804c1.854 0 3.597-.301 3.597-2.147 0-.911-.37-2.124-3.574-2.124h-3.827zm3.32-6.159h-4.32v-5.994h4.713c2.013 0 3.814.907 3.814 2.87 0 2.392-1.824 3.124-4.206 3.124zm-3.32-1h3.32c1.775 0 3.207-.341 3.207-2.123 0-1.385-1.425-1.871-2.814-1.871h-3.713z"
/>
</g>
<path
fill="#fff"
d="m37.47 63.937 12.273.008a1.18 1.18 0 1 0 .023-2.362l-12.274-.007a1.18 1.18 0 1 0-.023 2.362zM54.013 63.981l1.597.004a1.18 1.18 0 1 0 .023-2.362l-1.597-.003a1.18 1.18 0 1 0-.023 2.362z"
opacity=".3"
/>
<path
fill="#ffbc50"
d="M111.431 97.767V65.31a5.295 5.295 0 0 0-5.295-5.295H72.793a5.295 5.295 0 0 0-5.295 5.295v32.457a5.295 5.295 0 0 0 5.295 5.295h33.343a5.295 5.295 0 0 0 5.295-5.295z"
/>
<path
fill="#f49f16"
d="M111.428 96.72v1.044a5.285 5.285 0 0 1-5.295 5.295h-33.34a5.292 5.292 0 0 1-5.296-5.295V65.31a5.298 5.298 0 0 1 5.296-5.295h1.044v31.41a5.298 5.298 0 0 0 5.294 5.295h32.297z"
/>
<path
fill="#e5f5f9"
d="M105.076 97.586H73.853a.85.85 0 0 1-.85-.85V66.342c0-.47.38-.85.85-.85h31.223c.47 0 .85.38.85.85v30.394c0 .469-.38.85-.85.85zm-30.373-1.7h29.523V67.191H74.703z"
/>
<g fill="#fff">
<path
d="M82.337 81.42c0-5.123 3.451-8.264 8.057-8.264 1.794 0 3.342.35 5.248 1.427a.945.945 0 0 1 .253 1.485c-.287.3-.768.328-1.082.173-1.574-.823-2.751-1.082-4.212-1.082-3.942 0-6.169 2.587-6.169 6.26 0 3.712 2.255 6.261 6.17 6.261 1.449 0 2.625-.252 4.211-1.081.307-.154.791-.13 1.082.161.387.387.36 1.161-.253 1.496-1.89 1.07-3.44 1.427-5.248 1.427-4.66 0-8.057-3.197-8.057-8.263z"
/>
<path
d="M90.394 90.183c-4.946 0-8.557-3.429-8.557-8.763 0-5.377 3.655-8.764 8.557-8.764 1.9 0 3.533.383 5.494 1.492.883.484.99 1.617.368 2.266-.408.427-1.128.54-1.666.275-1.506-.789-2.604-1.03-3.989-1.03-3.622 0-5.669 2.322-5.669 5.76 0 3.453 2.05 5.761 5.67 5.761 1.382 0 2.48-.24 3.98-1.024.55-.278 1.255-.16 1.667.25a1.455 1.455 0 0 1-.368 2.289c-1.942 1.1-3.577 1.488-5.487 1.488zm0-16.527c-4.337 0-7.557 2.927-7.557 7.764 0 4.816 3.2 7.763 7.557 7.763 1.738 0 3.2-.342 5.002-1.362.183-.1.252-.223.252-.44a.348.348 0 0 0-.106-.268c-.128-.127-.38-.13-.505-.067-1.641.858-2.898 1.134-4.436 1.134-4.148 0-6.669-2.73-6.669-6.76 0-3.941 2.444-6.761 6.67-6.761 2.842 0 4.265 1.174 4.626 1.174.494 0 .56-.599.174-.811-1.81-1.024-3.268-1.366-5.008-1.366z"
/>
</g>
<path
fill="#fff"
d="m81.399 63.937 12.273.008a1.18 1.18 0 1 0 .023-2.362l-12.273-.007a1.18 1.18 0 1 0-.023 2.362zM97.943 63.981l1.597.004a1.18 1.18 0 1 0 .023-2.362l-1.597-.003a1.18 1.18 0 1 0-.023 2.362z"
opacity=".3"
/>
<path
fill="#fc545d"
d="M89.467 54.72V22.263a5.295 5.295 0 0 0-5.295-5.295H50.829a5.295 5.295 0 0 0-5.295 5.295V54.72a5.295 5.295 0 0 0 5.295 5.295h33.343a5.295 5.295 0 0 0 5.295-5.295z"
/>
<path
fill="#f14448"
d="M89.463 53.673v1.044a5.285 5.285 0 0 1-5.294 5.295h-33.34a5.292 5.292 0 0 1-5.296-5.295V22.263a5.298 5.298 0 0 1 5.296-5.295h1.044v31.41a5.298 5.298 0 0 0 5.294 5.295h32.296z"
/>
<path
fill="#e5f5f9"
d="M83.112 54.538H51.889a.85.85 0 0 1-.85-.85V23.295c0-.47.38-.85.85-.85h31.223c.47 0 .85.38.85.85v30.393c0 .47-.38.85-.85.85zm-30.373-1.7h29.523V24.145H52.74z"
/>
<g fill="#fff">
<path
d="M59.602 45.643c6.49-15.118 6.094-14.847 6.754-15.37.452-.359.96-.263 1.106-.28.667 0 1.146.398 1.413.999 6.45 15.299 6.328 14.773 6.328 15.138 0 1.234-1.64 1.5-2.143.414l-1.581-3.797h-8.275l-1.582 3.797c-.59 1.286-2.66.618-2.02-.901zm4.453-4.916h6.571l-3.285-7.91z"
/>
<path
d="M73.212 47.46c-.741-.48-.662-1.066-2.066-4.213h-7.61l-1.452 3.49c-.534 1.16-1.958 1.25-2.659.519-.428-.443-.588-1.085-.284-1.807 6.577-15.262 6.068-14.905 6.904-15.567.61-.484 1.28-.372 1.417-.388.882 0 1.53.53 1.87 1.295l6.209 14.659c.304.73.14 1.37-.284 1.808-.295.306-1.43.608-2.045.204zm-10.341-5.213h8.941c1.763 4.126 1.643 4.18 1.947 4.376.465.308 1.163-.063.86-.788-7.07-16.529-6.036-15.224-7.4-15.341-.465 0-.767.28-.954.701l-6.203 14.643c-.102.242-.137.495.082.723l.002.001c.072.076.187.163.43.163a.642.642 0 0 0 .591-.39zm8.504-1.02h-8.069l4.035-9.713zm-6.57-1h5.072l-2.536-6.107z"
/>
</g>
<path
fill="#fff"
d="m59.435 20.89 12.273.008a1.18 1.18 0 1 0 .023-2.362l-12.273-.007a1.18 1.18 0 1 0-.023 2.362zM75.979 20.934l1.597.004a1.18 1.18 0 1 0 .023-2.362l-1.597-.003a1.18 1.18 0 1 0-.023 2.362z"
opacity=".3"
/>
</svg>
More icons in the same style and category