Add icons to this collection by clicking the heart icon.
Modular icon - also known as modular, product, layout, design, ecology, ecology and environment, and circular economy. 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-84.884-84.884a5.021 5.021 0 0 1 0-7.101L0-176.869a5.022 5.022 0 0 1 7.102 0l84.883 84.884a5.021 5.021 0 0 1 0 7.101L7.102 0A5.022 5.022 0 0 1 0 0"
transform="translate(252.45 503.03)"
fill="#e9a52d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-84.884 84.884a5.021 5.021 0 0 1-7.101 0l-10.45-10.449L-28 0a5.022 5.022 0 0 0 0-7.102l-74.435-74.434 10.45-10.449a5.021 5.021 0 0 1 7.101 0L0-7.102A5.022 5.022 0 0 1 0 0"
transform="translate(344.435 418.146)"
fill="#e38523"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.985-91.985 88.434-88.435a5.022 5.022 0 0 1 7.102 0l88.434 88.435z"
transform="translate(256 189.39)"
fill="#91dafa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.985-91.984 9.949-9.95a5.021 5.021 0 0 1 7.101 0L13.5-13.499Z"
transform="translate(334.485 110.904)"
fill="#6cbff8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-84.884-84.884a5.02 5.02 0 0 1 0-7.101L3.551-180.42l91.985 91.985L7.102 0A5.022 5.022 0 0 1 0 0"
transform="translate(160.464 277.825)"
fill="#5392f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-88.435-88.434 91.986-91.985 88.434 88.434a5.02 5.02 0 0 1 0 7.101L7.102 0A5.022 5.022 0 0 1 0 0"
transform="translate(344.435 277.824)"
fill="#5392f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-84.884 84.884a5.021 5.021 0 0 1-7.101 0l-9.95-9.949L-27 0a5.022 5.022 0 0 0 0-7.102l-74.935-74.934 13.5-13.499L0-7.102A5.022 5.022 0 0 1 0 0"
transform="translate(436.42 192.94)"
fill="#4071f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.447-35.447a5.022 5.022 0 0 1 0-7.102l84.884-84.884a5.021 5.021 0 0 1 7.101 0l84.884 84.884a5.022 5.022 0 0 1 0 7.102L56.538 49.437a5.023 5.023 0 0 1-7.101 0L24.812 24.812"
transform="translate(203.013 453.593)"
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 0-88.435 88.435a5.021 5.021 0 0 1-7.101 0L-180.42 3.551a5.02 5.02 0 0 1 0-7.102l88.435-88.434"
transform="translate(256 189.39)"
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 0 88.435 88.434a5.021 5.021 0 0 1 0 7.101L3.551 180.419a5.022 5.022 0 0 1-7.102 0l-88.434-88.434"
transform="translate(347.985 97.405)"
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 0v52.03"
transform="translate(256 240.34)"
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 0 21.806-22.001a4.999 4.999 0 0 1 7.102 0L50.713 0"
transform="translate(230.644 263.816)"
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 0c20.597-19.323 33.458-46.784 33.458-77.252 0-20.477-5.81-39.602-15.878-55.805"
transform="translate(364.175 478.278)"
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 0c-29.402-23.4-45.406-61.745-38.423-101.358 2.287-12.961 6.838-24.951 13.181-35.635"
transform="translate(158.547 483.969)"
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 0-.618 15.661a5.22 5.22 0 0 0 5.422 5.422l15.66-.618"
transform="translate(362.8 458.3)"
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 0-3.723-15.225a5.218 5.218 0 0 0-6.705-3.717l-14.884 4.911"
transform="translate(139.679 365.58)"
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 0 20.467-20.466a5.021 5.021 0 0 1 7.101 0l88.435 88.435-91.985 91.985-91.986-91.985 43.225-43.225"
transform="translate(231.982 29.436)"
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