Add icons to this collection by clicking the heart icon.
Design For Future icon - also known as clock, sustainable, product, long, lifecycle, ecology and environment, circular economy, durability, and design for future. 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 0h-287.754c-7.415 0-13.428 6.014-13.428 13.429v244.353c0 7.416 6.012 13.428 13.427 13.428H0c7.415 0 13.428-6.013 13.428-13.428V13.428C13.428 6.013 7.415 0 0 0"
transform="translate(491.072 13.979)"
fill="#e9a52d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.999c7.415 0 13.427-6.012 13.427-13.427v-244.356c0-7.415-6.012-13.427-13.427-13.427H0c7.415 0 13.428 6.013 13.428 13.428v244.354C13.428-6.013 7.415 0 0 0"
transform="translate(491.072 285.188)"
fill="#e38523"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-58.085c0-3.457 3.938-5.436 6.713-3.375l17.644 13.117a4.205 4.205 0 0 0 5.017 0L47.019-61.46c2.773-2.061 6.712-.082 6.712 3.375V0z"
transform="translate(320.33 285.188)"
fill="#f7f3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-109.315a5.536 5.536 0 0 0-5.536 5.534v100.281a5.536 5.536 0 0 0 5.536 5.535H0a5.534 5.534 0 0 0 5.534-5.535V5.534A5.534 5.534 0 0 0 0 0"
transform="translate(401.853 67.278)"
fill="#f7f3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-56.115 0-101.606-45.492-101.606-101.606 0-56.116 45.491-101.608 101.606-101.608 56.116 0 101.607 45.492 101.607 101.608C101.607-45.492 56.116 0 0 0"
transform="translate(189.89 386.795)"
fill="#f7f3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.698 0-7.35-.203-10.946-.589 50.967-5.46 90.66-48.602 90.66-101.017 0-52.416-39.693-95.559-90.66-101.019 3.596-.386 7.247-.589 10.946-.589 56.116 0 101.607 45.492 101.607 101.608C101.607-45.492 56.116 0 0 0"
transform="translate(189.89 386.795)"
fill="#ebe1dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.603 0-21.009-9.406-21.009-21.009 0-11.602 9.406-21.009 21.009-21.009s21.009 9.406 21.009 21.008C21.009-9.407 11.603 0 0 0"
transform="translate(189.89 306.197)"
fill="#de5791"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.603 0-21.008-9.406-21.008-21.009 0-11.602 9.405-21.009 21.008-21.009s21.009 9.407 21.009 21.009C21.009-9.406 11.603 0 0 0"
transform="translate(189.89 134.628)"
fill="#5392f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-70.838c0-4.761 5.394-7.518 9.253-4.73l49.024 35.419c3.225 2.33 3.225 7.131 0 9.461L9.253 4.73C5.394 7.519 0 4.762 0 0"
transform="translate(425.3 492.175)"
fill="#6dc17d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h199.574c7.42 0 13.428-6.008 13.428-13.428V-197.39"
transform="translate(291.498 285.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 0v48.953"
transform="translate(189.89 134.628)"
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-25.393c0-7.42-6.008-13.427-13.428-13.427h-287.754c-7.42 0-13.427 6.008-13.427 13.428v65.204"
transform="translate(504.5 52.799)"
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-58.085c0-3.457 3.938-5.436 6.713-3.375l17.644 13.117a4.205 4.205 0 0 0 5.017 0L47.019-61.46c2.773-2.061 6.712-.082 6.712 3.375V0"
transform="translate(320.33 285.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 0h56.764"
transform="translate(318.813 137.938)"
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 0h56.764"
transform="translate(318.813 107.968)"
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-109.315a5.536 5.536 0 0 0-5.536 5.534v100.281a5.536 5.536 0 0 0 5.536 5.535H0a5.534 5.534 0 0 0 5.534-5.535V5.534A5.534 5.534 0 0 0 0 0Z"
transform="translate(401.853 67.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-90.02 5.261-161.39 79.94-161.39 171.271 0 94.75 76.81 171.569 171.571 171.569H256.41"
transform="translate(168.89 113.919)"
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 0v53.022"
transform="translate(189.89 306.197)"
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 0c8.295-47.776 49.958-84.106 100.105-84.106 56.117 0 101.608 45.492 101.608 101.607 0 56.114-45.491 101.606-101.608 101.606C49.958 119.107 8.295 82.775 0 35"
transform="translate(89.785 267.688)"
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-38.702"
transform="translate(168.882 285.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 0c-11.603 0-21.009-9.406-21.009-21.009 0-11.602 9.406-21.009 21.009-21.009s21.009 9.406 21.009 21.008C21.009-9.407 11.603 0 0 0Z"
transform="translate(189.89 306.197)"
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-11.603 0-21.008-9.406-21.008-21.009 0-11.602 9.405-21.009 21.008-21.009s21.009 9.407 21.009 21.009C21.009-9.406 11.603 0 0 0Z"
transform="translate(189.89 134.628)"
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-70.838c0-4.761 5.394-7.518 9.253-4.73l49.024 35.419c3.225 2.33 3.225 7.131 0 9.461L9.253 4.73C5.394 7.519 0 4.762 0 0Z"
transform="translate(425.3 492.175)"
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