Add icons to this collection by clicking the heart icon.
Playground icon - also known as entertainment, drum, playground, baby, kid, drums, and architecture and city. Created in a clean lineal color style with a silver, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M102.455 341.864H53.967v32.324h48.488zM409.545 341.864h48.487v32.324h-48.487zM296.406 341.864h32.325v32.324h-32.325zM215.594 341.864h-32.326v32.324h32.326z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#407093"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M183.268 406.515h-80.813v32.325h80.813z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#6bbef6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M183.268 406.515h-24.244v32.325h24.244z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#6bbef6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M296.406 406.515h-80.813v32.325h80.813z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#dd5790"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M296.406 406.515h-24.243v32.325h24.243z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#da387d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.545 406.515h-80.813v32.325h80.813z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#95d6a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.545 406.515h-24.244v32.325h24.244z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#78c2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M183.268 164.075h-80.813v242.438h80.813z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M183.268 164.075h-24.244v242.438h24.244z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffc250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M296.406 184.278h-80.813v222.235h80.813z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9d66d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M296.406 184.278h-24.243v222.235h24.243z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#8659b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.545 204.481h-80.813v202.032h80.813z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eab14d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.545 204.481h-24.244v202.032h24.244z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e49824"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-8.926 0-16.162-7.236-16.162-16.162v-299.009h32.325v299.009C16.163-7.236 8.927 0 0 0"
transform="translate(474.195 420.656)"
fill="#f1d59d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M458.033 105.485h32.325v24.244h-32.325z"
fill="#efcb84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 73.16h-60.609v32.325H504.5Z"
fill="#2b4d66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.926 0 16.163-7.236 16.163-16.162v-299.009h-32.326v299.009C-16.163-7.236-8.926 0 0 0"
transform="translate(37.805 420.656)"
fill="#f1d59d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M21.642 105.485h32.325v24.244H21.642Z"
fill="#efcb84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.5 73.16h60.61v32.325H7.5Z"
fill="#2b4d66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h48.488"
transform="translate(53.967 374.188)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.488"
transform="translate(102.455 341.864)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h32.325"
transform="translate(296.406 341.864)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32.325"
transform="translate(328.731 374.188)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32.326"
transform="translate(215.594 341.864)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h32.326"
transform="translate(183.268 374.188)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.487"
transform="translate(458.032 374.188)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h48.487"
transform="translate(409.545 341.864)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M183.268 406.515h-80.813v32.325h80.813zM296.406 406.515h-80.813v32.325h80.813zM409.545 406.515h-80.813v32.325h80.813z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-123.918h-80.81v242.43H0V35"
transform="translate(183.27 287.998)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M296.406 184.278h-80.813v222.235h80.813zM409.545 204.481h-80.813v202.032h80.813zM504.5 73.16h-60.609v32.325H504.5Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-198.72h-32.33v299c0 8.93 7.239 16.17 16.17 16.17 8.92 0 16.16-7.24 16.16-16.17V35"
transform="translate(490.36 304.21)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-49.439h-32.33v299c0 8.929 7.24 16.169 16.16 16.169 8.93 0 16.17-7.24 16.17-16.169V35"
transform="translate(53.97 154.93)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M7.5 73.16h60.61v32.325H7.5Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category